/*==============================
NAVBAR
==============================*/

.logo-text h5{

    margin:0;

    font-size:22px;

    font-weight:700;

    color:var(--heading);

    line-height:1;

}

.logo-text span{

    font-size:13px;

    color:var(--primary);

    letter-spacing:1px;

}

.logo-icon{
    width:60px;
    height:60px;
    background:linear-gradient(135deg,#85bc04,#6d9903);
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    box-shadow:0 10px 25px rgba(133,188,4,.30);
}

.logo-text h4{
    margin:0;
    font-size:24px;
    font-weight:700;
    color:#101828;
    line-height:1;
}

.logo-text span{
    font-size:13px;
    color:#85bc04;
    font-weight:600;
    letter-spacing:1px;
}




/*=========================================
            NAVBAR START
=========================================*/

.custom-navbar{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #ffffff;
    border-bottom: 1px solid #eef2f7;
    transition: all .4s ease;
    box-shadow: 0 5px 25px rgba(0,0,0,.05);
}

/*.custom-navbar .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/

/*=========================
Logo
=========================*/

.navbar-brand{
    padding: 0;
    margin: 0;
}

.navbar-brand img{
    height: 65px;
    width: auto;
    transition: .4s;
}

/*=========================
Navbar Menu
=========================*/

.navbar-nav{
    display: flex;
    align-items: center;
    gap: 8px;
}

.navbar-nav .nav-item{
    position: relative;
}

.navbar-nav .nav-link{

    position: relative;

    color: var(--heading);

    font-size: 15px;

    font-weight: 600;

    padding: 34px 14px !important;

    transition: .35s ease;

    text-transform: capitalize;

}

/* Hover */

.navbar-nav .nav-link:hover{

    color: var(--primary);

}

/* Active */

.navbar-nav .nav-link.active{

    color: var(--primary);

}

/* Underline */

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

    content: "";

    position: absolute;

    left: 50%;

    bottom: 24px;

    width: 0;

    height: 2px;

    background: var(--primary);

    transform: translateX(-50%);

    transition: .35s;

}

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

    width: 70%;

}

/*=========================
Right Button
=========================*/

.navbar-btn{

    margin-left: 25px;

}

.btn-navbar{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--primary);

    color: #fff;

    text-decoration: none;

    padding: 14px 28px;

    border-radius: 50px;

    font-weight: 600;

    transition: .35s;

    box-shadow: 0 10px 25px rgba(133,188,4,.25);

}

.btn-navbar:hover{

    background: var(--primary-dark);

    color: #fff;

    transform: translateY(-3px);

    box-shadow: 0 18px 35px rgba(133,188,4,.35);

}

/*=========================
Navbar Toggler
=========================*/

.navbar-toggler{

    border: none;

    box-shadow: none !important;

    font-size: 30px;

    color: var(--heading);

}

.navbar-toggler:focus{

    box-shadow: none;

}

/*=========================================
NAVBAR END
=========================================*/


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

.mega-menu{
    position: static !important;
}

.custom-navbar{
    position: sticky;
    top:0;
    z-index:99999;
    background:#fff;
}

.mega-menu-wrapper{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .35s;
    z-index: 9999;
}

.mega-menu:hover .mega-menu-wrapper{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mega-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:30px;
}

.mega-menu-wrapper .row{

    display:flex;

    flex-wrap:wrap;

}

.mega-menu-wrapper .col-lg-3{

    width:25%;

}

.navbar-collapse{

    position:static;

}

.mega-menu:hover .mega-menu-wrapper{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.mega-title{

    font-size:18px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:18px;

    display:flex;

    align-items:center;

    gap:10px;

}

.mega-title i{

    font-size:20px;

}

.mega-menu-wrapper ul{

    margin:0;

    padding:0;

    list-style:none;

}

.mega-menu-wrapper ul li{

    margin-bottom:12px;

}

.mega-menu-wrapper ul li a{

    text-decoration:none;

    color:#555;

    font-size:15px;

    transition:.3s;

    display:inline-block;

}

.mega-menu-wrapper ul li a:hover{

    color:var(--primary);

    transform:translateX(8px);

}


.mega-menu-wrapper ul{
    list-style:none;
    padding:0;
    margin:12px 0 0;
}

.mega-menu-wrapper ul li{
    margin-bottom:8px;
}

.mega-menu-wrapper ul li:last-child{
    margin-bottom:0;
}

.mega-menu-wrapper ul li a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:4px 14px;
    border-radius:10px;
    text-decoration:none;
    color:#374151;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.mega-menu-wrapper ul li a::before{
    content:"➜";
    color:var(--primary);
    font-size:13px;
    transition:.3s;
}

.mega-menu-wrapper ul li a:hover{
    background:#f5fbeb;
    color:var(--primary);
    transform:translateX(5px);
}

.mega-menu-wrapper ul li a:hover::before{
    transform:translateX(3px);
}