/* ====== Start General ====== */
[data-bs-theme=light] {
    --bs-primary: #7087a5;
    --bs-secondary: #101A33;
    --bs-primary-active: #55677e;
    --bs-text-primary: var(--bs-primary);
}

/*@media (min-width: 1400px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}*/
/* ====== End General ====== */
/* ====== Start Header ====== */
.landing-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all 0.3s ease;
}

.landing-header {
    background-color: transparent;
}

    .landing-header .menu-item .menu-link .menu-arrow:after {
        background: var(--bs-text-gray-100);
    }

    .landing-header .menu > .menu-item > .menu-link {
        position: relative;
    }

        .landing-header .menu > .menu-item > .menu-link::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: #fff;
            transition: width 0.3s ease;
        }

        .landing-header .menu > .menu-item > .menu-link:hover::after {
            width: 100%;
        }

    .landing-header #kt_landing_menu_toggle i,
    .landing-header #contact_btns i {
        color: var(--bs-text-gray-100);
    }

div.drawer.drawer-on #kt_landing_menu .menu-item .menu-link,
div.drawer.drawer-on #kt_landing_menu .menu-item .menu-link .menu-title {
    color: var(--bs-text-gray-800);
}
/* On sticky */
[data-kt-sticky-landing-header=on] .landing-header .menu-title-gray-100 .menu-item .menu-link,
[data-kt-sticky-landing-header=on] .landing-header .menu-title-gray-100 .menu-item .menu-link .menu-title {
    color: var(--bs-text-gray-800);
}

[data-kt-sticky-landing-header=on] .landing-header .menu-item .menu-link .menu-arrow:after {
    background: var(--bs-text-gray-800);
}

[data-kt-sticky-landing-header=on] .landing-header .menu > .menu-item > .menu-link::after {
    background-color: var(--bs-text-gray-800);
}

[data-kt-sticky-landing-header=on] .landing-header #kt_landing_menu_toggle i,
[data-kt-sticky-landing-header=on] .landing-header #contact_btns i {
    color: var(--bs-text-gray-800);
}
/* ====== End Header ====== */

/* ====== Start About Section ====== */
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 2.5rem;
}
/* ====== End About Section ====== */