/* ====================================
   AMAF HEADER BRANDING
==================================== */

/* LOGO WRAPPER */

.amaf-branding{
    position:absolute;
    left:280px;
    top:50%;
    transform:translateY(-50%);
    z-index:100;
}

/* LOGO LINK */

.amaf-brand{
    display:flex;
    align-items:center;
    text-decoration:none;
}

/* LOGO IMAGE */

.amaf-brand img{
    max-height:90px;
    width:auto;
    display:block;
    transition:all 0.3s ease;
}

/* HOVER */

.amaf-brand:hover img{
    transform:scale(1.02);
}

/* ====================================
   HEADER LAYOUT
==================================== */

.header-lower{
    position:relative;
    height:95px;
}

/* PUSH MENU AWAY FROM LOGO */

.nav-outer{
    padding-left:100px;
    padding-top:18px;
}

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

@media only screen and (max-width:767px){

    .amaf-branding{
        left:15px;
    }

    .amaf-brand img{
        max-height:55px;
    }

    .nav-outer{
        padding-left:0;
    }

}

/* CENTER HEADER CONTENT */
.header-lower{
    position:relative;
    height:88px;
}

/* CENTER MENU AREA */
.nav-outer{
    height:95px;
    display:flex;
    align-items:center;
    padding-left:150px;
    padding-top:0 !important;
}

/* REMOVE EXTRA MENU SPACING */
.main-menu .navigation > li{
    padding:0 !important;
}

/* ALIGN MENU LINKS */

.main-menu .navigation > li > a{
    line-height:125px;
    position:relative;
}

.main-menu .navigation > li > a{
    transition:all 0.3s ease;
}

.main-menu .navigation > li > a:hover{
    color:#981b1e;
}
/* FIX ACTIVE MENU INDICATOR */

.main-menu .navigation > li.current > a:before{
    bottom:18px !important;
}


/* ====================================
   STICKY HEADER
==================================== */

.sticky-header{
    height:75px;
    display:flex;
    align-items:center;
    background:#ffffff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

/* CONTAINER */

.sticky-header .auto-container{
    position:relative;
}

/* STICKY LOGO */

.sticky-amaf-branding{
    position:absolute;
    left:40px;
    top:50%;
    transform:translateY(-50%);
    z-index:100;
}

/* LOGO LINK */

.sticky-amaf-brand{
    display:flex;
    align-items:center;
}

/* LOGO IMAGE */

.sticky-amaf-brand img{
    max-height:55px;
    width:auto;
    display:block;
}

/* MENU AREA */

.sticky-header .pull-right{
    width:100%;
}

/* NAVIGATION */

.sticky-header .main-menu{
    padding-left:320px;
}

/* MENU LINKS */

.sticky-header .main-menu .navigation > li > a{
    line-height:75px;
}

/* =====================================
   SLIDER IMAGE DARK OVERLAY
===================================== */

.rev-slidebg{
    position:relative !important;
}

/* DARK OVERLAY */

.rev-slidebg::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.55) 0%,
        rgba(0,0,0,0.35) 35%,
        rgba(0,0,0,0.05) 70%,
        rgba(0,0,0,0) 100%
    );
}

/* MAIN HEADING */

.main-slider h2{
    color:#ffffff !important;
    text-shadow:0 4px 20px rgba(0,0,0,0.45);
}

/* SMALL TITLE */

.main-slider .title{
    color:#ffffff !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.25);
    background:rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
    border-radius:10px;
}

/* BUTTON */

.main-slider .btn-style-one{
    box-shadow:0 8px 25px rgba(0,0,0,0.25);
}

/* TEXT GLASS PANEL */

.main-slider h2,
.main-slider .title{
    position:relative;
    z-index:5;
}

.main-slider h2::before{
    content:"";
    position:absolute;
    left:-30px;
    top:-30px;
    width:115%;
    height:150%;
    z-index:-1;

    background:rgba(0,0,0,0.25);
    backdrop-filter:blur(8px);
    border-radius:30px;
}

    /* CUSTOM SLIDER BUTTON */

    .btn-style-one{
        background:#981b1e !important;   /* Main button color */
        border-color:#981b1e !important;
        color:#ffffff !important;
    }

    /* HOVER EFFECT */

    .btn-style-one:hover{
        background:#1f2f6b !important;   /* Hover color */
        border-color:#1f2f6b !important;
        color:#ffffff !important;
    }

    .header-top{
    background: #1b3563;
}

.header-top .clearfix{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top .top-left{
    width: 100%;
}

.header-top .info-list{
    display: flex;
    align-items: center;
    gap: 35px;
    margin: 0;
}

.header-top .info-list li{
    margin-right: 0;
}
/* ================================
   MOBILE HEADER & NAVIGATION
================================ */

@media only screen and (max-width: 767px){

    /* Top Header */
    .header-top{
        background: #1b3563;
        padding: 8px 0;
    }

    .header-top .clearfix{
        display: block;
    }

    .header-top .info-list{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;
        text-align: center;
        margin: 0;
    }

    .header-top .info-list li{
        font-size: 13px;
        line-height: 1.4em;
    }


    /* Main Header */
    .main-header .header-upper{
        padding: 8px 0;
    }

    .main-header .header-upper .logo-outer{
        padding: 8px 0;
    }

    .main-header .logo img{
        max-width: 180px;
    }


    /* Hamburger Button */
    .main-menu .navbar-header{
        position: absolute;
        right: 15px;
        top: 22px;
        z-index: 9999;
    }

    .main-menu .navbar-toggler{
        position: relative;
        margin: 0;
        padding: 8px 12px;
        background: #1b3563;
        border-radius: 6px;
        border: none;
        line-height: 1;
    }

    .main-menu .navbar-toggler .icon{
        color: #ffffff;
        font-size: 20px;
    }


    /* Mobile Dropdown Menu */
    .main-menu .navbar-collapse{
        position: absolute;
        top: 60px;
        right: 0px;
        left: auto;
        width: 240px;

        background: #ffffff;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.12);

        overflow: hidden;

        height: auto !important;
        min-height: auto !important;
        max-height: none !important;

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

        z-index: 999;
    }


    /* Navigation */
    .main-menu .navigation{
        display: block;
        background: #ffffff;
        margin: 0 !important;
        padding: 0;
    }

    .main-menu .navigation > li{
        float: none !important;
        width: 100%;
        margin: 0;
        line-height: normal;
    }

    .main-menu .navigation > li > a{
        padding: 14px 20px;
        font-size: 16px;
        border-bottom: 1px solid #f1f1f1;
    }

    .main-menu .navigation > li:last-child > a{
        border-bottom: none;
    }

    .main-menu .navigation li.dropdown .dropdown-btn{
        top: 12px;
        right: 15px;
    }

}

@media only screen and (max-width: 767px){

    .main-menu .navbar-collapse{
        height: fit-content !important;
    }

    .main-menu .navigation{
        height: auto !important;
    }

    .main-menu .navigation > li{
        height: auto !important;
        min-height: auto !important;
    }

    .main-menu .navigation > li > a{
        height: auto !important;
        line-height: 24px !important;
    }

}

@media only screen and (max-width: 767px){

    .page-title{
        padding: 25px 0 20px;
    }

    .page-title .inner-container{
        padding: 0;
    }

    .page-title h1{
        font-size: 38px;
        line-height: 1.2em;
        margin-top: 10px;
    }

    .page-title .bread-crumb{
        margin-bottom: 10px;
    }

    .page-title .bread-crumb li{
        font-size: 14px;
    }

}