.elementor-222 .elementor-element.elementor-element-8e788ce{--display:flex;}.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-63bc337 *//* ===========================================================
   SEERAH HEADER
=========================================================== */

.seerah-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#fff;
    border-bottom:1px solid #ececec;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    transition:.35s ease;
}

/* Transparent Header (Homepage Only) */

body.home .seerah-header:not(.scrolled){
    background:transparent;
    border:none;
    box-shadow:none;
}

body.home .seerah-header:not(.scrolled) .nav-links a{
    color:#fff;
}

body.home .seerah-header:not(.scrolled) .nav-links a:hover{
    color:#FFD166;
}

body.home .seerah-header:not(.scrolled) .hamburger span{
    background:#fff;
}

/* ===========================================================
   CONTAINER
=========================================================== */

.seerah-header .container{
    max-width:1200px;
    width:100%;
    margin:auto;
    padding:0 25px;
}

.header-inner{

    height:82px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

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

.logo{

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

}

.logo-img{

    width:110px;

    height:auto;

    display:block;

    transition:.35s;

    mix-blend-mode:multiply;

}

.logo:hover .logo-img{

    transform:scale(1.05);

}

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

.desktop-nav{

    margin-left:auto;

}

.nav-links{

    display:flex;

    align-items:center;

    gap:18px;

    list-style:none;

    margin:0;

    padding:0;

}

.nav-links li{

    list-style:none;

}

.nav-links a{

    position:relative;

    display:block;

    padding:10px 12px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    color:#0B2C5F;

    transition:.3s;

}

.nav-links a:hover{

    color:#E63946;

}

.nav-links a::after{

    content:"";

    position:absolute;

    left:12px;

    bottom:5px;

    width:0;

    height:2px;

    background:#E63946;

    transition:.3s;

}

.nav-links a:hover::after{

    width:calc(100% - 24px);

}

.nav-links a.active{

    color:#E63946;

}

.nav-links a.active::after{

    width:calc(100% - 24px);

}

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

.header-cta{

    display:none;

}

.hamburger{

    background:none;

    border:none;

    display:flex;

    flex-direction:column;

    gap:5px;

    cursor:pointer;

    padding:5px;

}

.hamburger span{

    width:26px;

    height:3px;

    background:#0B2C5F;

    border-radius:10px;

    transition:.35s;

}

.hamburger.open span:nth-child(1){

    transform:translateY(8px) rotate(45deg);

}

.hamburger.open span:nth-child(2){

    opacity:0;

}

.hamburger.open span:nth-child(3){

    transform:translateY(-8px) rotate(-45deg);

}

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

.mobile-nav{

    position:fixed;

    top:0;

    left:0;

    width:290px;

    max-width:85%;

    height:100vh;

    background:#fff;

    z-index:10001;

    transform:translateX(-100%);

    transition:.35s ease;

    padding:90px 25px 40px;

    display:flex;

    flex-direction:column;

    gap:5px;

    overflow-y:auto;

    box-shadow:10px 0 30px rgba(0,0,0,.18);

}

.mobile-nav.open{

    transform:translateX(0);

}

.mobile-nav a{

    text-decoration:none;

    color:#0B2C5F;

    font-weight:600;

    padding:14px 16px;

    border-radius:8px;

    transition:.3s;

}

.mobile-nav a:hover{

    background:#f4f4f4;

    color:#E63946;

}

.mobile-nav a.active{

    background:#E63946;

    color:#fff;

}

/* ===========================================================
   CLOSE BUTTON
=========================================================== */

.close-btn{

    position:absolute;

    top:20px;

    right:20px;

    width:40px;

    height:40px;

    border:none;

    border-radius:50%;

    background:#f5f5f5;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    transition:.3s;

}

.close-btn:hover{

    background:#E63946;

    color:#fff;

}

/* ===========================================================
   OVERLAY
=========================================================== */

.nav-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:10000;

}

.nav-overlay.open{

    opacity:1;

    visibility:visible;

}

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

@media(max-width:991px){

.header-inner{

height:75px;

}

.logo-img{

width:95px;

}

.desktop-nav{

display:none;

}

.header-cta{

display:flex;

align-items:center;

}

}

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

@media(max-width:768px){

.seerah-header .container{

padding:0 18px;

}

.header-inner{

height:72px;

}

.logo-img{

width:90px;

}

.mobile-nav{

width:280px;

}

}

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

@media(max-width:480px){

.header-inner{

height:68px;

}

.logo-img{

width:82px;

}

.mobile-nav{

width:260px;

padding:80px 20px;

}

.mobile-nav a{

font-size:15px;

padding:12px 14px;

}

}/* End custom CSS */