@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/circular-std-book.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/circular-std-bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/circular-std-black.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins Local";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/Poppins-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins Local";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/Poppins-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 500;
    src: url("../../fonts/Poppins-MediumItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins Local";
    font-style: italic;
    font-weight: 500;
    src: url("../../fonts/Poppins-MediumItalic.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/Poppins-Bold.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins Local";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/Poppins-Bold.ttf") format("truetype");
    font-display: swap;
}

body,
button,
input,
select,
textarea,
.app,
.card,
.btn,
.form-control,
.form-select,
.menu-title,
.nav-link,
.table {
    font-family: "Poppins Local", "Poppins", sans-serif !important;
}

.contact-section {
    background: url("../../images/contact-bg.png") no-repeat center !important;
    background-size: cover !important;
}

.subscribe-section__subscribe-inner {
    background: url("../../images/subscribe.png") no-repeat center !important;
    background-size: cover !important;
}

.vcard-one__service,
.vcard-one__qr-code,
.vcard-one__contact {
    background-image: url("../../images/vcard-one-bg.png") !important;
}

.slick-loading .slick-list {
    background: #fff !important;
}

.slick-prev::before,
.slick-next::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.slick-prev::before {
    content: "\f104" !important;
}

.slick-next::before {
    content: "\f105" !important;
}

/* Global responsive safeguards for admin/app layouts */
@media (max-width: 991.98px) {
    .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header {
        min-height: 56px;
        gap: 8px;
    }

    .header .nav {
        gap: 4px;
    }

    .top-navbar {
        width: auto !important;
        min-width: 0;
        flex: 1 1 auto;
    }

    .top-navbar .navbar-collapse {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .top-navbar .navbar-nav {
        flex-wrap: nowrap;
    }

    .top-navbar .nav-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 13px;
    }

    .table-responsive {
        border-radius: 10px;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > .table {
        min-width: 760px;
    }

    .dropdown-menu {
        max-width: calc(100vw - 24px);
        right: 0;
        left: auto;
    }

    .card,
    .modal-content {
        border-radius: 12px;
    }
}

@media (max-width: 767.98px) {
    .content {
        padding-top: 12px !important;
    }

    .content .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .header .dropdown-toggle {
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-control,
    .form-select,
    .btn {
        min-height: 40px;
    }

    .table-responsive > .table {
        min-width: 640px;
    }

    .pagination {
        gap: 4px;
        flex-wrap: wrap;
        justify-content: center;
    }

    img,
    svg,
    video,
    canvas {
        max-width: 100%;
        height: auto;
    }
}