/*==========================
News Portal Mega Menu
===========================*/

.main-menu{

position:relative;

}

.main-menu-list{

display:flex;

align-items:center;

list-style:none;

margin:0;

padding:0;

}

.main-menu-list>li{

position:relative;

margin-right:25px;

}

.main-menu-list>li>a{

    position:relative;

    display:flex;

    align-items:center;

    gap:6px;

    padding:22px 0;

    color:#fff;

    font-size:17px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.main-menu-list>li:hover>a{

color:#ff3d00;

}

.main-menu-list>li>a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:#ff3d00;

    transition:.35s;

}

.main-menu-list>li:hover>a::after,

.main-menu-list>li.active>a::after{

    width:100%;

}

.main-menu-list>li.active>a,

.main-menu-list>li:hover>a{

    color:#fff;

}

.main-menu-list i{

    transition:.3s;

    font-size:13px;

}

.has-dropdown:hover>a i{

    transform:rotate(180deg);

}

/* Mega */

.mega-menu{

    position:absolute;

    top:100%;

    left:0;

   /*  min-width:500px;

    max-width:700px; */

    background:#071d55;

    border-radius:8px;

    padding:20px;

    box-shadow:0 20px 40px rgba(0,0,0,.15);

    display:none;

    z-index:999;

}

.has-dropdown:hover>.mega-menu{

visibility:visible;

opacity:1;

display:flex;

gap:40px;
 transform:translateY(0);

}

.mega-menu ul{

list-style:none;

padding:0;

margin:0;

}

.mega-menu li{

display:block;

width:100%;

margin-bottom:12px;

}

.mega-menu a{

    display:block;

padding:6px 0;

white-space:nowrap;

color:#fff;

text-decoration:none;

font-weight:500;

transition:.3s;

}

.mega-menu a:hover{

padding-left:8px;

color:#ff3d00;

}

/* Third Level */

.mega-menu .mega-menu{

left:100%;

top:0;

}

.mega-column{

list-style:none;

padding:0;

margin:0;

display:flex;

flex-direction:column;

min-width:180px;

}

.mega-menu .has-dropdown{

    position:relative;

}

.mega-menu .mega-menu{

    left:100%;

    top:-20px;

}

.mega-menu a.active{

    color:#ff3d00;

    font-weight:700;

}

@media(min-width:992px){

    .mobile-menu{

        display:none;

    }

}

@media(max-width:991px){

    .main-menu{

        display:none;

    }

}