/*==================================================
    BANKHELPLINE PREMIUM NAVBAR v3.0
==================================================*/

:root{
    --bh-primary:#FF1400;
    --bh-primary-dark:#D10F00;
    --bh-white:#ffffff;
    --bh-light:#f8f9fa;
    --bh-text:#222;
    --bh-border:#ececec;
    --bh-shadow:0 15px 40px rgba(0,0,0,.10);
}

/* Navbar */

.navbar{
    background:var(--bh-primary);
    min-height:64px;
    box-shadow:var(--bh-shadow);
    padding:0;
    z-index:9999;
}

.navbar>.container-xl{
    min-height:64px;
}

/* Logo */

.logo{
    height:34px;
    width:auto;
    display:block;
}

.navbar-brand{
    margin-right:40px;
}

/* Navigation */

.navbar-nav .nav-item{
    margin:0 4px;
}

.navbar-nav .nav-link{
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    padding:21px 12px !important;
    position:relative;
    transition:.3s;
}

.navbar-nav .nav-link:hover{
    opacity:.9;
}

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:12px;

    width:0;

    height:2px;

    transform:translateX(-50%);

    background:#fff;

    transition:.3s;

}

.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link.active::after{

    width:70%;

}

/* Remove Bootstrap Arrow */

.dropdown-toggle::after{
    display:none;
}

/*=========================
        MEGA MENU
==========================*/

.mega-menu{

    left:0;

    right:0;

    width:100%;

    border:none;

    border-radius:0 0 18px 18px;

    padding:35px;

    margin-top:0;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    background:#fff;

}

.mega-title{

    color:var(--bh-primary);

    font-size:18px;

    font-weight:700;

    margin-bottom:18px;

}

.mega-menu a{

    display:block;

    color:#555;

    text-decoration:none;

    padding:8px 0;

    transition:.3s;

}

.mega-menu a:hover{

    color:var(--bh-primary);

    padding-left:8px;

}

.mega-feature{

    background:#FFF4F2;

    border-radius:18px;

    padding:25px;

    height:100%;

}

.mega-feature h4{

    font-size:24px;

    font-weight:700;

    color:#222;

}

.mega-feature p{

    color:#666;

    font-size:14px;

    margin:15px 0;

}

/* Dropdown */

.dropdown-menu{

    border:none;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    border-radius:15px;

}

.dropdown-item{

    padding:10px 18px;

    border-radius:8px;

    font-weight:500;

}

.dropdown-item:hover{

    background:#FFF3EF;

    color:var(--bh-primary);

}

/* Search */

.nav-search{

    color:#fff;

    font-size:18px;

    text-decoration:none;

    transition:.3s;

}

.nav-search:hover{

    color:#fff;

    transform:scale(1.15);

}

/* Buttons */

.btn-outline-light{

    border:2px solid rgba(255,255,255,.75);

    border-radius:40px;

    padding:8px 18px;

    font-weight:600;

}

.btn-outline-light:hover{

    background:#fff;

    color:var(--bh-primary);

}

.btn-light{

    border-radius:40px;

    padding:8px 22px;

    font-weight:700;

    color:var(--bh-primary);

}

/* Mobile */

@media(max-width:991px){

    .logo{
        height:30px;
    }

    .navbar-collapse{

        background:#FF1400;

        margin-top:10px;

        border-radius:15px;

        padding:20px;

    }

    .navbar-nav .nav-link{

        padding:12px 0 !important;

    }

    .mega-menu{

        position:relative !important;

        width:100%;

        padding:15px;

        box-shadow:none;

        border-radius:10px;

    }

    .btn-outline-light,
    .btn-light{

        width:100%;

        margin-top:10px;

    }

}