.elementor-438 .elementor-element.elementor-element-22ecb3ba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;}.elementor-438 .elementor-element.elementor-element-24405942{--display:flex;--background-transition:0.3s;}.elementor-438 .elementor-element.elementor-element-6bc3ba0a img{width:98%;}.elementor-438 .elementor-element.elementor-element-4d63fd6a{--display:flex;--min-height:0px;--justify-content:center;--background-transition:0.3s;--z-index:99;}.elementor-438 .elementor-element.elementor-element-3bc1e702{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-438 .elementor-element.elementor-element-3bc1e702.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-438 .elementor-element.elementor-element-3fc1b882 .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:#000000;border-radius:12px 12px 12px 12px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-menu-toggle{margin:0 auto;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:24px;padding-right:24px;padding-top:6px;padding-bottom:6px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#3B5E40;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed .elementor-item:before,
					.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed .elementor-item:after{border-color:#3B5E40;}.elementor-438 .elementor-element.elementor-element-79a144b6{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:17px;--e-nav-menu-divider-height:3px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );width:100%;max-width:100%;z-index:1;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-underline .elementor-item:after,
					 .elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-overline .elementor-item:before,
					 .elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-double-line .elementor-item:before,
					 .elementor-438 .elementor-element.elementor-element-79a144b6 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-438 .elementor-element.elementor-element-79a144b6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-438 .elementor-element.elementor-element-8553c64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}@media(max-width:767px){.elementor-438 .elementor-element.elementor-element-6bc3ba0a img{width:53%;}.elementor-438 .elementor-element.elementor-element-4d63fd6a{--justify-content:center;}}@media(min-width:768px){.elementor-438 .elementor-element.elementor-element-24405942{--width:21%;}.elementor-438 .elementor-element.elementor-element-4d63fd6a{--width:100%;}.elementor-438 .elementor-element.elementor-element-3bc1e702{--width:15%;}}/* Start custom CSS for nav-menu, class: .elementor-element-79a144b6 *//* ---------- BASE MENU ---------- */

.elementor-nav-menu {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* top-level items */
.elementor-nav-menu > .menu-item > a {
    color: #0f172a;                  /* dark navy text */
    padding: 14px 30px;
    border-radius: 999px;            /* pill shape */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    text-decoration: none;
    background: linear-gradient(135deg, #e0f2ff, #f5fbff); /* very light blue */
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    transition: all 0.35s ease;
}

/* neutral state for items without gradient background (BLOG etc.) */
.elementor-nav-menu > .menu-item:not(.menu-item-has-children) > a {
    background: #ffffff;
}

/* hover + current page */
.elementor-nav-menu > .menu-item > a:hover,
.elementor-nav-menu > .menu-item.current-menu-item > a {
    background: linear-gradient(135deg, #38bdf8, #0ea5e9); /* sky blue → cyan */
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(56, 189, 248, 0.45);
    transform: translateY(-3px);
}

/* thin line under the active tab (like in your screenshot) */
.elementor-nav-menu > .menu-item.current-menu-item > a::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: -10px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0ea5e9, #22c1c3);
}

/* underline hover animation */
.elementor-nav-menu > .menu-item > a::before {
    content: "";
    position: absolute;
    inset-inline: 20%;
    bottom: -10px;
    height: 2px;
    border-radius: 999px;
    background: #bae6fd;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.elementor-nav-menu > .menu-item > a:hover::before {
    transform: scaleX(1);
}

/* ---------- SUBMENU DROPDOWN ---------- */

.elementor-nav-menu .menu-item {
    position: relative;
}

.elementor-nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 12px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    box-shadow:
        0 18px 45px rgba(15, 23, 42, 0.25),
        0 4px 10px rgba(15, 23, 42, 0.08);
    padding: 10px 0;
    min-width: 280px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* keeps parent item visible and only shows dropdown below it */
.elementor-nav-menu .menu-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* submenu items */
.elementor-nav-menu .sub-menu .menu-item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 10px;
    color: #0f172a;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: background 0.2s ease, color 0.2s ease;
}

/* subtle left border + blue hover */
.elementor-nav-menu .sub-menu .menu-item > a:hover {
    background: linear-gradient(90deg, #e0f2fe 0%, #ffffff 60%);
    color: #0369a1;
}

/* small bullet/indicator for submenu items */
.elementor-nav-menu .sub-menu .menu-item > a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #38bdf8;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.elementor-nav-menu .sub-menu .menu-item > a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

/* ---------- SUBMENU ARROW POSITION ---------- */

/* remove Elementor default arrow if needed */
.elementor-nav-menu .menu-item-has-children > a .sub-arrow {
    display: none;
}

/* custom small arrow under label */
.elementor-nav-menu .menu-item-has-children > a span.menu-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.elementor-nav-menu .menu-item-has-children > a span.menu-text-wrapper::after {
    content: "▾";                       /* arrow under text */
    font-size: 11px;
    line-height: 1;
    margin-top: 3px;
    color: inherit;
}

/* if Elementor doesn’t have menu-text-wrapper, wrap text in <span> via HTML or ignore this block */

/* ---------- ACCESSIBILITY & FOCUS ---------- */

.elementor-nav-menu .menu-item a:focus {
    outline: 2px solid #38bdf8;
    outline-offset: 3px;
    border-radius: 999px;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown .menu-item > a {
        padding: 14px 20px;
        border-radius: 10px;
        background: #f1f5f9;
    }

    .elementor-nav-menu .sub-menu {
        position: static;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        margin-top: 0;
        transform: none;
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */