:root {
    /* Color Variables */
    --color-dark-navy: #1f2641;
    --color-navy: #1f5f8a;
    --color-blue: #3498db;
    --color-yellow: #fcba04;
    --color-black: #000000;
    --color-white: #ffffff;

    /* Font Variables */
    --font-sans: 'Montserrat', sans-serif;
    --font-serif: 'Lora', serif;
}

@media screen and (max-width: 991px) {

    header,
    section,
    footer {
        overflow: hidden;
    }

    p,
    strong,
    span,
    li,
    a {
        font-size: 14px !important;
        text-align: center !important;
    }

    header {
        padding: 20px 0;
    }

    .topbar {
        display: none;
    }

    #staticBackdrop {
        z-index: 1051 !important;
    }

    .iti--flexible-dropdown-width .iti__country-list {
        z-index: 1052 !important;
    }

    header .navbar-toggler {
        border: none;
        padding: 0;
    }

    header .navbar-toggler:focus {
        box-shadow: none;
    }

    header .navbar-toggler-icon {
        width: 1.8em;
        height: 1.8em;
        filter: invert(1);
    }

    header .navbar-nav .dropdown-menu {
        position: static;
        padding: 10px;
        box-shadow: 0 0 5px #ffffff45;
        border: 0;
    }

    header .nav-link {
        font-size: 14px;
        color: #fff;
    }

    header .dropdown-menu .nav-link {
        font-size: 12px;
    }

    header .theme-btn-1 {
        display: none;
    }

    footer {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }

    footer .logo-widget {
        text-align: center;
        margin-bottom: 40px;
    }

    footer .link-widget .contact-details li {
        float: unset;
        font-size: 16px;
    }

    footer .link-widget ul {
        padding: 0;
    }

    footer .link-widget .social-icons {
        float: unset;
        justify-content: center;
    }

    footer .sec-copyright .bottom-content {
        flex-direction: column;
        gap: 10px;
    }

    footer .sec-copyright .bottom-content p {
        font-size: 14px;
    }

    footer strong {
        font-size: 14px;
    }

    .banner {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }

    .banner .content h1 {
        font-size: 30px;
    }

    .banner .content h1 span {
        font-size: 30px !important;
    }

    .banner .content p strong {
        font-size: 14px !important;
    }

    .buttons-group {
        flex-direction: column;
    }

    .content-layout-1 {
        padding: 50px 0;
        text-align: center;
    }

    .title,
    h2 {
        font-size: 22px !important;
        text-align: center !important;
    }

    .subtitle,
    h3 {
        font-size: 18px !important;
        text-align: center !important;
    }

    .content-layout-2 {
        padding: 50px 0;
    }

    .content-layout-2 .row {
        gap: 30px;
    }

    .content-layout-3 {
        padding: 50px 0;
    }

    .satisfied-customer .item {
        height: unset;
    }

    .content-layout-4 {
        padding: 50px 0;
        text-align: center;
    }

    .content-layout-4 .subtitle-para {
        align-items: center;
        text-align: center;
        height: unset;
    }

    .content-layout-5 .row {
        margin: 10px;
    }

    .content-layout-6 li {
        list-style: circle;
        font-size: 14px;
    }

    .content-layout-6 img {
        width: 70%;
        float: unset;
    }

    .faqs-sec {
        padding: 50px 0;
    }

    .form-box {
        padding: 40px 20px;
    }


    .content-layout-10 {
        padding-top: 0;

    }

    .content-layout-11 {
        padding: 50px 0;
        text-align: center;
    }

    .content-layout-11 p {
        text-align: center;
    }

    .content-layout-12 img {
        width: 100%;
        float: unset;
    }

    .sm-cta {
        padding: 10px;
        width: 100%;
    }

    .content-layout-12 {
        padding: 50px 0;
        text-align: center;
    }

    .content-layout-12 p {
        text-align: center;
    }

    .header-wrapper {
        background: unset;
    }

    footer .link-widget .contact-details {
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .sec-copyright .disclaimer-text {
        font-size: 10px !important;
    }

    .sec-copyright .disclaimer-text strong {
        font-size: 10px !important;
    }

    .content-layout-2 .subtitle-para a {
        font-size: 14px;
    }

    .content-layout-3 {
        text-align: center;
    }

    .faqs-sec .accordion-button {
        font-size: 18px;
    }

    form .header-form {
        margin-top: 30px;
    }

    .privacy-terms-container * {
        text-align: left !important;
    }

    .privacy-terms-container em {
        font-size: 14px !important;
    }

    .privacy-terms-container h3 strong {
        font-size: 20px !important;
    }

    .blogs-sec {
        padding-bottom: 50px;
    }

    .blogs-sec .post-box img {
        height: 200px;
    }

    .blogs-sec .post-box .content-box * {
        text-align: left !important;
    }

    .blogs-sec .row-2 {
        margin-top: 0;
    }

    .blogs-sec .post-box {
        margin-bottom: 25px;
    }
}

/* ================================================ */
/* Mobile Nav */

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    background: var(--color-dark-navy) !important;
}

header .modal-backdrop {
    opacity: 0 !important;
    background: var(--color-dark-navy) !important;
    z-index: 0;
}

header .modal-backdrop.show {
    opacity: 0;
    background: var(--color-dark-navy) !important;
}

header .modal-backdrop.fade {
    opacity: 0;
    background: var(--color-dark-navy) !important;
}

.offcanvas * {
    text-align: left !important;
}

.offcanvas.offcanvas-start {
    width: 100%;
}

.offcanvas .btn-close {
    opacity: unset;
    filter: invert(1);
}

.offcanvas .nav-link {
    padding: 10px 0 !important;
}

.offcanvas .dropdown-menu {
    background: var(--color-navy) !important;
    width: 100%;
}

.offcanvas .dropdown-menu .nav-link {
    margin: 0 10px !important;
}

.offcanvas .header-num {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: baseline;
}

.offcanvas .header-num p {
    color: var(--color-yellow);
    font-size: 16px;
}

.offcanvas .header-num a {
    color: var(--color-white);
    font-weight: 600;
    font-size: 16px;
}

.offcanvas .header-num a i {
    margin-right: 10px;
}

/* Hide default Bootstrap arrow */
button.nav-link.dropdown-toggle::after {
    display: none !important;
}


/* ============================ */

/* QA Changes */

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    background: #ededed !important;
}

.offcanvas .nav-link {
    color: var(--color-dark-navy);
}

.offcanvas .btn-close {
    opacity: unset;
    filter: invert(0);
}

.offcanvas .header-num p {
    color: var(--color-yellow);
    font-size: 16px;
    font-weight: 700;
}

.offcanvas .header-num a {
    color: var(--color-dark-navy);
    font-weight: 600;
    font-size: 16px;
}

.offcanvas .dropdown-menu .nav-link {
    color: var(--color-white);
}

/* Tablet Responsive */

/* @media screen and (min-width: 767px) and (max-width: 991px) {} */