.elementor-4174 .elementor-element.elementor-element-a01bcdb > .elementor-container{max-width:1200px;}.elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle{margin:0 auto;}.elementor-4174 .elementor-element.elementor-element-2a9569b:not(.elementor-motion-effects-element-type-background), .elementor-4174 .elementor-element.elementor-element-2a9569b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2F1EF;}.elementor-4174 .elementor-element.elementor-element-2a9569b > .elementor-container{max-width:1200px;}.elementor-4174 .elementor-element.elementor-element-2a9569b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4174 .elementor-element.elementor-element-2a9569b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle{margin:0 auto;}.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown a, .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4174 .elementor-element.elementor-element-8b7ec3b{width:50%;}.elementor-bc-flex-widget .elementor-4174 .elementor-element.elementor-element-8b7ec3b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4174 .elementor-element.elementor-element-8b7ec3b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4174 .elementor-element.elementor-element-8b7ec3b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-4174 .elementor-element.elementor-element-994ab6e{width:auto;max-width:auto;}.elementor-4174 .elementor-element.elementor-element-3395481{width:50%;}.elementor-bc-flex-widget .elementor-4174 .elementor-element.elementor-element-3395481.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4174 .elementor-element.elementor-element-3395481.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4174 .elementor-element.elementor-element-3395481.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-4174 .elementor-element.elementor-element-2095b10{width:auto;max-width:auto;}}@media(min-width:768px){.elementor-4174 .elementor-element.elementor-element-76a0cfe{width:11%;}.elementor-4174 .elementor-element.elementor-element-7e7dc1d{width:69%;}.elementor-4174 .elementor-element.elementor-element-ca96bba{width:20%;}}/* Start custom CSS for nav-menu, class: .elementor-element-d97fe33 *//* =========================================================
   AYLIN PLAST — FULLSCREEN MOBILE MENU
   BLUE + WHITE
   POPPINS
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.elementor-4174 .elementor-element.elementor-element-d97fe33 {
    --blue: #1261A0;
    --blue-dark: #073763;
    --blue-light: #2E86C1;
    --blue-soft: #EAF4FC;
    --blue-glow: #5BA7D9;
    --white: #FFFFFF;
    --bg: #F5F9FD;

    font-family: "Poppins", Arial, sans-serif !important;
}

.elementor-4174 .elementor-element.elementor-element-d97fe33,
.elementor-4174 .elementor-element.elementor-element-d97fe33 * {
    font-family: "Poppins", Arial, sans-serif !important;
}


/* =========================================================
   DESKTOP MENU
   ========================================================= */

@media (min-width: 1025px) {

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main {
        display: block !important;
        width: 100%;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main .elementor-item {
        position: relative;

        color: var(--blue-dark) !important;

        background: transparent !important;

        font-size: 15px !important;
        font-weight: 600 !important;

        padding: 13px 17px !important;

        border-radius: 12px !important;

        transition:
            color .3s ease,
            background .3s ease,
            transform .3s ease;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main .elementor-item:hover {
        color: var(--blue) !important;

        background:
            rgba(18,97,160,.07) !important;

        transform: translateY(-2px);
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main
    .elementor-item.elementor-item-active {
        color: var(--blue) !important;

        background:
            rgba(18,97,160,.07) !important;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main
    .elementor-item::after {
        content: "";

        position: absolute;

        bottom: 5px;
        right: 50%;

        width: 0;
        height: 2px;

        background: var(--blue) !important;

        border-radius: 50px;

        transform: translateX(50%);

        transition: width .35s ease;
    }

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main
    .elementor-item:hover::after,

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main
    .elementor-item.elementor-item-active::after {
        width: 42%;
    }

}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--main {
        display: none !important;
    }


    /* =====================================================
       HAMBURGER
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle {
        display: flex !important;

        position: relative !important;

        z-index: 100001 !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        padding: 0 !important;
        margin: 0 !important;

        color: var(--blue-dark) !important;

        background:
            var(--white) !important;

        border:
            1px solid rgba(18,97,160,.16) !important;

        border-radius: 13px !important;

        box-shadow:
            0 8px 25px rgba(18,97,160,.14) !important;

        visibility: visible !important;
        opacity: 1 !important;

        cursor: pointer;

        transition:
            background .3s ease,
            color .3s ease,
            transform .3s ease;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle:hover {
        background: var(--blue) !important;
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle i {
        color: var(--blue-dark) !important;

        font-size: 22px !important;

        line-height: 1 !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle svg {
        width: 23px !important;
        height: 23px !important;

        fill: var(--blue-dark) !important;
        stroke: var(--blue-dark) !important;

        color: var(--blue-dark) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle:hover i {
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle:hover svg {
        fill: var(--white) !important;
        stroke: var(--white) !important;
        color: var(--white) !important;
    }


    /* =====================================================
       HAMBURGER ACTIVE
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle.elementor-active {
        background: var(--blue-dark) !important;

        color: var(--white) !important;

        border-color: var(--blue-dark) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle.elementor-active i {
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle.elementor-active svg {
        fill: var(--white) !important;
        stroke: var(--white) !important;
        color: var(--white) !important;
    }


    /* =====================================================
       FULLSCREEN MOBILE MENU
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        height: 100vh !important;

        max-height: 100vh !important;

        margin: 0 !important;

        padding:
            105px 25px 40px !important;

        box-sizing: border-box !important;

        background:
            linear-gradient(
                145deg,
                #FFFFFF 0%,
                #F5F9FD 50%,
                #EAF4FC 100%
            ) !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow:
            none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 100000 !important;

        backdrop-filter: blur(20px);

        animation:
            aylinMobileMenu .45s cubic-bezier(.22,.61,.36,1);
    }


    /* =====================================================
       DECORATIVE BLUE GLOW
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown::before {
        content: "";

        position: absolute;

        top: -150px;
        right: -120px;

        width: 330px;
        height: 330px;

        background:
            radial-gradient(
                circle,
                rgba(18,97,160,.16),
                transparent 68%
            );

        border-radius: 50%;

        pointer-events: none;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown::after {
        content: "";

        position: absolute;

        bottom: -160px;
        left: -120px;

        width: 350px;
        height: 350px;

        background:
            radial-gradient(
                circle,
                rgba(46,134,193,.15),
                transparent 68%
            );

        border-radius: 50%;

        pointer-events: none;
    }


    /* =====================================================
       MOBILE MENU LIST
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown > ul {
        position: relative;

        z-index: 2;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        justify-content: center !important;

        width: 100% !important;

        min-height: calc(100vh - 145px);

        margin: 0 !important;
        padding: 0 !important;

        gap: 7px !important;
    }


    /* =====================================================
       MOBILE MENU ITEMS
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown .elementor-item {
        position: relative !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        min-height: 58px !important;

        padding: 14px 20px !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        color: var(--blue-dark) !important;

        background:
            rgba(255,255,255,.78) !important;

        border:
            1px solid rgba(18,97,160,.10) !important;

        border-radius: 15px !important;

        font-size: 16px !important;

        font-weight: 600 !important;

        text-align: center !important;

        box-shadow:
            0 5px 18px rgba(18,97,160,.055) !important;

        transition:
            color .3s ease,
            background .3s ease,
            transform .3s ease,
            border-color .3s ease,
            box-shadow .3s ease;
    }


    /* =====================================================
       MOBILE HOVER
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .elementor-item:hover,

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .elementor-item:focus {

        color: var(--white) !important;

        background:
            var(--blue) !important;

        border-color: var(--blue) !important;

        transform: translateY(-2px);

        box-shadow:
            0 10px 25px rgba(18,97,160,.20) !important;
    }


    /* =====================================================
       ACTIVE ITEM
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active {

        color: var(--white) !important;

        background:
            var(--blue-dark) !important;

        border-color: var(--blue-dark) !important;
    }


    /* =====================================================
       REMOVE UNDERLINE
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .elementor-item::after {
        display: none !important;
    }


    /* =====================================================
       SUB MENU
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .sub-menu {

        width: 100% !important;

        margin: 5px 0 5px !important;

        padding: 5px !important;

        background:
            rgba(18,97,160,.045) !important;

        border-radius: 13px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .sub-menu .elementor-item {

        min-height: 48px !important;

        font-size: 14px !important;

        background:
            rgba(255,255,255,.75) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .sub-menu .elementor-item:hover {

        color: var(--white) !important;

        background:
            var(--blue) !important;
    }


    /* =====================================================
       DROPDOWN ARROW
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .menu-item-has-children > a {

        justify-content: center !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .menu-item-has-children > a::after {

        color: var(--blue-dark) !important;

        margin-right: 8px !important;

        transition:
            color .3s ease,
            transform .3s ease;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown
    .menu-item-has-children:hover > a::after {

        color: var(--white) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle {

        width: 46px !important;
        height: 46px !important;

        border-radius: 12px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle i {

        font-size: 21px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle svg {

        width: 22px !important;
        height: 22px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown {

        padding:
            92px 18px 25px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown > ul {

        min-height: calc(100vh - 117px);

        gap: 6px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown .elementor-item {

        min-height: 55px !important;

        font-size: 15px !important;

        border-radius: 13px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle {

        width: 44px !important;
        height: 44px !important;

        border-radius: 11px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle i {

        font-size: 20px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-menu-toggle svg {

        width: 21px !important;
        height: 21px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown {

        padding:
            85px 14px 20px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown > ul {

        min-height: calc(100vh - 105px);

        gap: 5px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-nav-menu--dropdown .elementor-item {

        min-height: 53px !important;

        padding: 12px 15px !important;

        font-size: 14px !important;

        border-radius: 12px !important;
    }

}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes aylinMobileMenu {

    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   NUMBER SUPPORT
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-d97fe33,
.elementor-4174 .elementor-element.elementor-element-d97fe33 * {
    font-variant-numeric: normal !important;
}


/* =========================================================
   REMOVE OTHER ELEMENTOR COLORS
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-d97fe33 a:hover,
.elementor-4174 .elementor-element.elementor-element-d97fe33 a:focus,
.elementor-4174 .elementor-element.elementor-element-d97fe33 a:active,
.elementor-4174 .elementor-element.elementor-element-d97fe33 button:hover,
.elementor-4174 .elementor-element.elementor-element-d97fe33 button:focus,
.elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-item:hover,
.elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-item:focus,
.elementor-4174 .elementor-element.elementor-element-d97fe33 .elementor-item:active {

    --e-global-color-primary: #1261A0 !important;
    --e-global-color-secondary: #2E86C1 !important;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-d97fe33 a:focus-visible,
.elementor-4174 .elementor-element.elementor-element-d97fe33 button:focus-visible {

    outline:
        2px solid var(--blue) !important;

    outline-offset: 3px !important;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-4174 .elementor-element.elementor-element-d97fe33 *,
    .elementor-4174 .elementor-element.elementor-element-d97fe33 *::before,
    .elementor-4174 .elementor-element.elementor-element-d97fe33 *::after {

        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3d47271 *//* ===== LUXURY NAVY BUTTON ===== */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: "Vazirmatn", "Tahoma", sans-serif !important;
    font-weight: 600 !important;

    color: #f5e6c8 !important;

    background: linear-gradient(
        135deg,
        #07172d 0%,
        #0d2544 50%,
        #07172d 100%
    ) !important;

    border: 1px solid #d9c49a !important;
    border-radius: 14px !important;

    padding: 14px 30px !important;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(5, 18, 38, 0.35),
        inset 0 0 15px rgba(255, 255, 255, 0.03);

    transition:
        all 0.35s ease !important;

    animation: navyButtonFloat 4s ease-in-out infinite;

    z-index: 1;
}


/* متن دکمه */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button-text {
    position: relative;
    z-index: 5;

    font-family: "Vazirmatn", "Tahoma", sans-serif !important;
    color: #f5e6c8 !important;
}


/* آیکون دکمه */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button-icon {
    position: relative;
    z-index: 5;

    color: #f5e6c8 !important;
}


/* ===== افکت نور متحرک ===== */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button::before {
    content: "";

    position: absolute;

    top: -100%;
    left: -70%;

    width: 45%;
    height: 300%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.05) 35%,
        rgba(245,230,200,0.75) 50%,
        rgba(255,255,255,0.05) 65%,
        transparent 100%
    );

    transform: rotate(25deg);

    filter: blur(2px);

    animation: navyButtonShine 3.5s ease-in-out infinite;

    pointer-events: none;

    z-index: 2;
}


/* ===== نور داخلی ===== */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button::after {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(245,230,200,0.12),
            transparent 55%
        );

    opacity: 0.8;

    pointer-events: none;

    z-index: 1;
}


/* ===== HOVER ===== */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button:hover {

    color: #fff8e8 !important;

    border-color: #f5e6c8 !important;

    transform: translateY(-4px) scale(1.025);

    background: linear-gradient(
        135deg,
        #0a1d36 0%,
        #16385e 50%,
        #0a1d36 100%
    ) !important;

    box-shadow:
        0 15px 35px rgba(3, 15, 32, 0.45),
        0 0 20px rgba(245,230,200,0.18),
        inset 0 0 20px rgba(245,230,200,0.05);
}


/* متن هنگام هاور */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button:hover .elementor-button-text {
    color: #fff8e8 !important;
}


/* آیکون هنگام هاور */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button:hover .elementor-button-icon {
    color: #fff8e8 !important;
}


/* ===== کلیک ===== */

.elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button:active {
    transform: translateY(-1px) scale(0.98);
}


/* ===== انیمیشن شناور ===== */

@keyframes navyButtonFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}


/* ===== انیمیشن برق ===== */

@keyframes navyButtonShine {

    0% {
        left: -70%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    45% {
        left: 125%;
        opacity: 1;
    }

    55% {
        left: 140%;
        opacity: 0;
    }

    100% {
        left: 140%;
        opacity: 0;
    }
}


/* ===== موبایل ===== */

@media (max-width: 767px) {

    .elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button {
        padding: 12px 24px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
    }

    .elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button-text {
        font-size: 14px !important;
    }
}


/* ===== جلوگیری از انیمیشن برای کاربران حساس به حرکت ===== */

@media (prefers-reduced-motion: reduce) {

    .elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button,
    .elementor-4174 .elementor-element.elementor-element-3d47271 .elementor-button::before {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2095b10 *//* =========================================================
   AYLIN PLAST — FULLSCREEN MOBILE MENU
   BLUE + WHITE
   POPPINS
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.elementor-4174 .elementor-element.elementor-element-2095b10 {
    --blue: #1261A0;
    --blue-dark: #073763;
    --blue-light: #2E86C1;
    --blue-soft: #EAF4FC;
    --blue-glow: #5BA7D9;
    --white: #FFFFFF;
    --bg: #F5F9FD;

    font-family: "Poppins", Arial, sans-serif !important;
}

.elementor-4174 .elementor-element.elementor-element-2095b10,
.elementor-4174 .elementor-element.elementor-element-2095b10 * {
    font-family: "Poppins", Arial, sans-serif !important;
}


/* =========================================================
   DESKTOP MENU
   ========================================================= */

@media (min-width: 1025px) {

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main {
        display: block !important;
        width: 100%;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main .elementor-item {
        position: relative;

        color: var(--blue-dark) !important;

        background: transparent !important;

        font-size: 15px !important;
        font-weight: 600 !important;

        padding: 13px 17px !important;

        border-radius: 12px !important;

        transition:
            color .3s ease,
            background .3s ease,
            transform .3s ease;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main .elementor-item:hover {
        color: var(--blue) !important;

        background:
            rgba(18,97,160,.07) !important;

        transform: translateY(-2px);
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main
    .elementor-item.elementor-item-active {
        color: var(--blue) !important;

        background:
            rgba(18,97,160,.07) !important;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main
    .elementor-item::after {
        content: "";

        position: absolute;

        bottom: 5px;
        right: 50%;

        width: 0;
        height: 2px;

        background: var(--blue) !important;

        border-radius: 50px;

        transform: translateX(50%);

        transition: width .35s ease;
    }

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main
    .elementor-item:hover::after,

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main
    .elementor-item.elementor-item-active::after {
        width: 42%;
    }

}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--main {
        display: none !important;
    }


    /* =====================================================
       HAMBURGER
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle {
        display: flex !important;

        position: relative !important;

        z-index: 100001 !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        padding: 0 !important;
        margin: 0 !important;

        color: var(--blue-dark) !important;

        background:
            var(--white) !important;

        border:
            1px solid rgba(18,97,160,.16) !important;

        border-radius: 13px !important;

        box-shadow:
            0 8px 25px rgba(18,97,160,.14) !important;

        visibility: visible !important;
        opacity: 1 !important;

        cursor: pointer;

        transition:
            background .3s ease,
            color .3s ease,
            transform .3s ease;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle:hover {
        background: var(--blue) !important;
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle i {
        color: var(--blue-dark) !important;

        font-size: 22px !important;

        line-height: 1 !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle svg {
        width: 23px !important;
        height: 23px !important;

        fill: var(--blue-dark) !important;
        stroke: var(--blue-dark) !important;

        color: var(--blue-dark) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle:hover i {
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle:hover svg {
        fill: var(--white) !important;
        stroke: var(--white) !important;
        color: var(--white) !important;
    }


    /* =====================================================
       HAMBURGER ACTIVE
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle.elementor-active {
        background: var(--blue-dark) !important;

        color: var(--white) !important;

        border-color: var(--blue-dark) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle.elementor-active i {
        color: var(--white) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle.elementor-active svg {
        fill: var(--white) !important;
        stroke: var(--white) !important;
        color: var(--white) !important;
    }


    /* =====================================================
       FULLSCREEN MOBILE MENU
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        height: 100vh !important;

        max-height: 100vh !important;

        margin: 0 !important;

        padding:
            105px 25px 40px !important;

        box-sizing: border-box !important;

        background:
            linear-gradient(
                145deg,
                #FFFFFF 0%,
                #F5F9FD 50%,
                #EAF4FC 100%
            ) !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow:
            none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 100000 !important;

        backdrop-filter: blur(20px);

        animation:
            aylinMobileMenu .45s cubic-bezier(.22,.61,.36,1);
    }


    /* =====================================================
       DECORATIVE BLUE GLOW
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown::before {
        content: "";

        position: absolute;

        top: -150px;
        right: -120px;

        width: 330px;
        height: 330px;

        background:
            radial-gradient(
                circle,
                rgba(18,97,160,.16),
                transparent 68%
            );

        border-radius: 50%;

        pointer-events: none;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown::after {
        content: "";

        position: absolute;

        bottom: -160px;
        left: -120px;

        width: 350px;
        height: 350px;

        background:
            radial-gradient(
                circle,
                rgba(46,134,193,.15),
                transparent 68%
            );

        border-radius: 50%;

        pointer-events: none;
    }


    /* =====================================================
       MOBILE MENU LIST
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown > ul {
        position: relative;

        z-index: 2;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        justify-content: center !important;

        width: 100% !important;

        min-height: calc(100vh - 145px);

        margin: 0 !important;
        padding: 0 !important;

        gap: 7px !important;
    }


    /* =====================================================
       MOBILE MENU ITEMS
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown .elementor-item {
        position: relative !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        min-height: 58px !important;

        padding: 14px 20px !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        color: var(--blue-dark) !important;

        background:
            rgba(255,255,255,.78) !important;

        border:
            1px solid rgba(18,97,160,.10) !important;

        border-radius: 15px !important;

        font-size: 16px !important;

        font-weight: 600 !important;

        text-align: center !important;

        box-shadow:
            0 5px 18px rgba(18,97,160,.055) !important;

        transition:
            color .3s ease,
            background .3s ease,
            transform .3s ease,
            border-color .3s ease,
            box-shadow .3s ease;
    }


    /* =====================================================
       MOBILE HOVER
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .elementor-item:hover,

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .elementor-item:focus {

        color: var(--white) !important;

        background:
            var(--blue) !important;

        border-color: var(--blue) !important;

        transform: translateY(-2px);

        box-shadow:
            0 10px 25px rgba(18,97,160,.20) !important;
    }


    /* =====================================================
       ACTIVE ITEM
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active {

        color: var(--white) !important;

        background:
            var(--blue-dark) !important;

        border-color: var(--blue-dark) !important;
    }


    /* =====================================================
       REMOVE UNDERLINE
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .elementor-item::after {
        display: none !important;
    }


    /* =====================================================
       SUB MENU
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .sub-menu {

        width: 100% !important;

        margin: 5px 0 5px !important;

        padding: 5px !important;

        background:
            rgba(18,97,160,.045) !important;

        border-radius: 13px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .sub-menu .elementor-item {

        min-height: 48px !important;

        font-size: 14px !important;

        background:
            rgba(255,255,255,.75) !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .sub-menu .elementor-item:hover {

        color: var(--white) !important;

        background:
            var(--blue) !important;
    }


    /* =====================================================
       DROPDOWN ARROW
       ===================================================== */

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .menu-item-has-children > a {

        justify-content: center !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .menu-item-has-children > a::after {

        color: var(--blue-dark) !important;

        margin-right: 8px !important;

        transition:
            color .3s ease,
            transform .3s ease;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown
    .menu-item-has-children:hover > a::after {

        color: var(--white) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle {

        width: 46px !important;
        height: 46px !important;

        border-radius: 12px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle i {

        font-size: 21px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle svg {

        width: 22px !important;
        height: 22px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown {

        padding:
            92px 18px 25px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown > ul {

        min-height: calc(100vh - 117px);

        gap: 6px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown .elementor-item {

        min-height: 55px !important;

        font-size: 15px !important;

        border-radius: 13px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle {

        width: 44px !important;
        height: 44px !important;

        border-radius: 11px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle i {

        font-size: 20px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-menu-toggle svg {

        width: 21px !important;
        height: 21px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown {

        padding:
            85px 14px 20px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown > ul {

        min-height: calc(100vh - 105px);

        gap: 5px !important;
    }


    .elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-nav-menu--dropdown .elementor-item {

        min-height: 53px !important;

        padding: 12px 15px !important;

        font-size: 14px !important;

        border-radius: 12px !important;
    }

}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes aylinMobileMenu {

    from {
        opacity: 0;
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   NUMBER SUPPORT
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-2095b10,
.elementor-4174 .elementor-element.elementor-element-2095b10 * {
    font-variant-numeric: normal !important;
}


/* =========================================================
   REMOVE OTHER ELEMENTOR COLORS
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-2095b10 a:hover,
.elementor-4174 .elementor-element.elementor-element-2095b10 a:focus,
.elementor-4174 .elementor-element.elementor-element-2095b10 a:active,
.elementor-4174 .elementor-element.elementor-element-2095b10 button:hover,
.elementor-4174 .elementor-element.elementor-element-2095b10 button:focus,
.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-item:hover,
.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-item:focus,
.elementor-4174 .elementor-element.elementor-element-2095b10 .elementor-item:active {

    --e-global-color-primary: #1261A0 !important;
    --e-global-color-secondary: #2E86C1 !important;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-4174 .elementor-element.elementor-element-2095b10 a:focus-visible,
.elementor-4174 .elementor-element.elementor-element-2095b10 button:focus-visible {

    outline:
        2px solid var(--blue) !important;

    outline-offset: 3px !important;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-4174 .elementor-element.elementor-element-2095b10 *,
    .elementor-4174 .elementor-element.elementor-element-2095b10 *::before,
    .elementor-4174 .elementor-element.elementor-element-2095b10 *::after {

        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
    }

}/* End custom CSS */