.elementor-27 .elementor-element.elementor-element-3eedda9{--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;}.elementor-27 .elementor-element.elementor-element-5152c82{width:100%;max-width:100%;}.elementor-27 .elementor-element.elementor-element-5152c82.elementor-element{--align-self:stretch;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5152c82 *//* =========================
HEADER
========================= */

.main-header{

    width:100%;
    background:rgba(255,255,255,0.9);

    backdrop-filter:blur(14px);

    position:sticky;
    top:0;
    left:0;

    z-index:9999;

    border-bottom:1px solid rgba(0,0,0,0.05);

}

.header-container{

    width:100%;
    max-width:1400px;

    margin:auto;

    padding:18px 30px;

    display:flex;
    justify-content:space-between;
    align-items:center;

}

/* =========================
LOGO
========================= */

.logo a{

    text-decoration:none;

    font-size:34px;
    font-weight:800;

    background:linear-gradient(
        135deg,
        #2563eb,
        #7c3aed
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

/* =========================
NAVIGATION
========================= */

.main-navigation ul{

    display:flex;
    align-items:center;
    gap:30px;

    list-style:none;

}

.main-navigation a{

    text-decoration:none;

    color:#111827;

    font-size:16px;
    font-weight:600;

    transition:0.3s ease;

    position:relative;

}

.main-navigation a::after{

    content:"";

    position:absolute;

    width:0%;
    height:2px;

    left:0;
    bottom:-6px;

    background:#2563eb;

    transition:0.3s ease;

}

.main-navigation a:hover{

    color:#2563eb;

}

.main-navigation a:hover::after{

    width:100%;

}

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

.mobile-menu-btn{

    display:none;

    font-size:30px;
    cursor:pointer;

    color:#111827;

}

/* =========================
RESPONSIVE
========================= */

@media(max-width:992px){

.main-navigation{

    display:none;

}

.mobile-menu-btn{

    display:block;

}

.header-container{

    padding:18px 20px;

}

.logo a{

    font-size:28px;

}

}/* End custom CSS */