/* NAVBAR */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.navbar{
padding:8px 0;
}

/* MENU LINKS */

.navbar-nav .nav-link{
color:#fff;
font-weight:500;
margin:0 18px;
font-size:16px;
position:relative;
transition:.3s;
}

.navbar-nav .nav-link:hover{
color:#f7931e;
}

/* ACTIVE MENU */

.navbar-nav .nav-link.active{
color:#f7931e;
}

.navbar-nav .nav-link.active::after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:100%;
height:3px;
background:#f7931e;
border-radius:3px;
}


/* MEGA DROPDOWN */

.mega-dropdown{
position:relative;
}

.mega-menu{
position:absolute;
top:100%;
left:130%;
transform:translateX(-50%);
width:1150px;
background:#fff;
padding:9px;
box-shadow:0 15px 40px rgba(0,0,0,0.2);
border-radius:8px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:999;
}

.mega-dropdown:hover .mega-menu{
opacity:1;
visibility:visible;
}


/* ROW */

.mega-menu .row{
display:flex;
align-items:stretch;
margin:0;
}


/* COLUMNS */

.mega-menu .col-md-3{
padding:25px;
background:#e6e6e6;
}

.mega-menu .col-md-5{
    padding: 20px;
background:#e6e6e6;
}

.mega-menu .col-md-4{
    padding: 20px;
background:#e6e6e6;
}

/* IMAGE COLUMN */

.mega-menu .col-md-3:last-child{
padding:0;
background:#000;
display:flex;
align-items:stretch;
}

.mega-menu .col-md-3:last-child img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.4s;
}

.mega-menu .col-md-3:last-child:hover img{
transform:scale(1.05);
}


/* LIST */

.mega-list{
list-style:none;
padding:0;
margin:0;
}

.mega-list li{
margin-bottom:0px;
}

.mega-list li a{
display:flex;
align-items:center;
gap:8px;
padding:2px 2px;
text-decoration:none;
color:#333;
font-size:14px;
border-bottom:1px dotted #dcdcdc;
transition:.3s;
}

/* HOVER */

.mega-list li a:hover{
background:#f8f8f8;
border-radius:4px;
transform:translateX(5px);
color:#000;
}


/* ICON */

.menu-icon{
display:flex;
align-items:center;
transition:.3s;
}

.mega-list li a:hover .menu-icon{
transform:translateX(4px);
}


/* HEADINGS */

.mega-menu h6{
font-size:19px;
font-weight:600;
margin-bottom:14px;
color:#000;
position:relative;
padding-bottom:4px;
}

.mega-menu h6::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:30px;
height:2px;
background:#f7931e;
}



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

@media (max-width:991px){

.navbar-nav .nav-link{
margin:6px 0;
padding:8px 0;
}

/* mega menu mobile */

.mega-menu{
position:static;
transform:none;
width:100%;
padding:15px;
background:#fff;
box-shadow:none;
opacity:1;
visibility:visible;
display:none;
}

/* MOBILE MEGA MENU SCROLL */

@media (max-width:991px){

.mega-menu{
max-height:300px;   /* menu height limit */
overflow-y:auto;    /* scroll enable */
}

}

/* open */

.mega-dropdown.show .mega-menu{
display:block;
}

/* layout */

.mega-menu .row{
display:block;
}

.mega-menu .col-md-3{
width:100%;
padding:10px 0;
background:transparent;
}

/* hide image */

.mega-menu .col-md-3:last-child{
display:none;
}

/* links */

.mega-list li a{
padding:8px 0;
font-size:15px;
}

/* disable hover move */

.mega-list li a:hover{
transform:none;
background:transparent;
}

}





.mega-two-col{
column-count:2;
column-gap:30px;
}

.mega-two-col li{
break-inside:avoid;
}







@media(max-width:767px){
    .mega-list li a {
    padding: 8px 0;
    font-size: 13px !important;
  }

  .mega-menu .col-md-5 {
  padding: 13px !important;
}

  .mega-list li a {
    padding: 5px 0 !important;

}}