* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     outline: 0;
}
 a {
     text-decoration: none;
}
 ul, ol {
     list-style-type: none;
}
 .main-menu {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     padding: 10px 0;
}
 .inline-menu {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     height: auto;
     gap: 50px;
}
/* normal menu css */
 .main_menu > ul > li {
     display: inline-block;
     position: relative;
     margin: 0 -2px;
}
 .main_menu ul li {
     position: relative;
}
 .main_menu ul li a {
     font-size: 18px;
     color: #ffffff;
     padding: 20px 30px;
     display: block;
     position: relative;
     text-transform: uppercase;
}
 .main_menu ul li .active, .main_menu ul li:hover > a {
     color: #ffffff;
}
/* Normal Dropdown menu */
 .main_menu ul li ul {
     width: 280px;
     background: #fff;
     transition: 0.5s;
     box-shadow: 0 0 12.9px 0 #00000040;
}
 .main_menu ul li ul li a {
     padding: 10px 20px;
     font-size: 14px;
     color: #000000;
     display: flex;
     align-items: center;
}
 .main_menu ul li ul li:hover a {
     color: #000000;
}
 nav {
     position: relative;
     border-bottom: 1px solid #00000008;
     background: var(--primary-color);
}
/*.menu-section li a.active:before {
     content: "";
     width: 50%;
     height: 2px;
     background: #2D57A8;
     position: absolute;
     bottom: 15px;
     left: 50%;
     transform: translate(-50%, 0px);
     opacity: 1;
     visibility: visible;
}
 .menu-section li a:before {
     content: "";
     width: 50%;
     height: 2px;
     background: #2D57A8;
     position: absolute;
     bottom: 15px;
     left: 50%;
     transform: translate(-50%, 0px);
     opacity: 0;
     visibility: hidden;
}
 .menu-section li a:hover:before {
     opacity: 1;
     visibility: visible;
}
*/
 .main_menu ul li ul li a .menu-img {
     margin-right: 15px;
     width: 18px;
}
 .main_menu ul li ul li a .menu-arrow {
     position: absolute;
     right: 20px;
     opacity: 0;
     visibility: hidden;
}
 .main_menu ul li .sub_menu li a:hover .menu-arrow {
     opacity: 1;
     visibility: visible;
}
 .main_menu ul li .sub_menu li a:hover {
     background: #F8F8F8;
}
 .main_menu ul li ul li a i {
     float: right;
}
 .main_menu ul li ul li ul {
     left: 100%;
     top: 0;
}
/* mega menu css */
 .mega_menu_dropdown {
     position: relative;
}
 .mega_menu {
     left: 0;
     right: 0;
     background: #fff;
     padding: 0 30px;
     display: flex;
     flex-wrap: wrap;
     transition: 0.5s;
}
 .mega_menu_item {
     width: 20%;
     padding: 30px 20px;
}
 .main_menu ul li .mega_menu_item a {
     padding: 7px 0;
     color: #000000;
}
 .main_menu ul li .mega_menu_item a:hover {
     color: #000000;
}
 .mega_menu_item h3 {
     margin-bottom: 0;
     font-size: 16px;
}
 .mega_menu_item img {
     width: 100%;
}
 .mega_menu_demo_2 .mega_menu {
     left: 50%;
     transform: translateX(-50%);
     width: 1140px;
}
 .mobile_btn {
     display: none;
}
 .mobile-logo {
     display: none;
}
 .mega_menu_dropdown.has_dropdown .arrow-icon {
     position: absolute;
     right: -3px;
     top: 22px;
     font-size: 13px;
     display: block;
     color: #fff;
}
 .has_dropdown .sub_menu .arrow-icon {
     position: absolute;
     top: 10px;
     display: block;
     right: 20px;
}
 .has_dropdown .arrow-icon {
     position: absolute;
     display: block;
     right: 13px;
     top: 20px;
     font-size: 14px;
     color: #fff;
}
 .menu-section {
     padding: 0 
}
 .right-menu {
     display: flex;
     align-items: center;
}
 .right-menu .menu-section {
     display: flex;
}
/* responsive css */
 @media (min-width: 992px) {
     .main_menu ul li ul {
         visibility: hidden;
         opacity: 0;
         padding-left: 0;
         position: absolute;
         margin-top: 50px;
    }
     .main_menu ul li .mega_menu {
         visibility: hidden;
         opacity: 0;
         position: fixed;
         margin-top: 50px;
    }
     .main_menu ul li:hover > ul {
         visibility: visible;
         opacity: 1;
         margin-top: 0;
         z-index: 99;
    }
     .main_menu ul li:hover > .mega_menu {
         visibility: visible;
         opacity: 1;
         margin-top: 0;
         z-index: 99;
    }
}
 @media (max-width: 991px) {
     .logo img {
         width: 45% !important;
         height: auto !important;
         margin-top: 7px;
    }
     .has_dropdown .arrow-icon {
         display: block;
    }
     .main-menu {
         padding: 0px 0;
         display: block;
    }
     .menu-section li a.active:before {
         display: none;
    }
     .menu-section li a:before {
         display: none;
    }
     .logo {
         display: none;
    }
     .has_dropdown .arrow-icon {
         position: absolute;
         top: 10px;
         display: block;
         right: 0;
         width: 15%;
         color: #fff;
         text-align: center;
    }
     .mobile-logo {
         display: block;
    }
     nav {
         padding: 5px 0;
    }
     .mobile_btn {
         cursor: pointer;
         display: block;
         position: absolute;
         right: 15px;
         top: 20px;
         font-size: 26px;
         color: #fff;
    }
     .inline-menu {
         padding-left: 0;
    }
     .main_menu {
         display: none;
         width: 100%;
    }
     .main_menu ul li {
         display: block;
         width: 100%;
         border-bottom: 1px solid #ddd;
    }
     .main_menu .menu-section:last-child li:last-child {
         border-bottom: 0 solid #ddd;
    }
     .main_menu ul li a i {
         float: right;
    }
     .main_menu ul li a {
         padding: 10px 0px;
         width: 85%;
         font-size: 16px;
    }
     .main_menu ul li .mega_menu_item a:hover {
         color: var(--primary-color) !important;
    }
     .mega_menu_dropdown.has_dropdown .arrow-icon {
         top: 10px;
         right: 0;
    }
     .main_menu ul li ul {
         width: 100%;
         box-shadow: 0 0 #000;
         padding: 0 !important;
         background: transparent;
    }
     .main_menu ul li ul li ul {
         left: 0;
         top: auto;
    }
     .mega_menu_item {
         width: 100%;
         padding: 5px 0px;
    }
     .mega_menu_item h3 {
         font-size: 14px;
         color: #fff;
    }
     .right-menu .menu-section li:last-child {
         border: 0;
    }
     .main_menu ul li ul {
         display: none;
         transition: none;
    }
     .main_menu ul li .mega_menu {
         display: none;
         transition: none;
         background: var(--primary-color);
         box-shadow: 0px 0px 0px 0px rgb(212 201 201 / 75%);
    }
     .mega_menu_demo_2 .mega_menu {
         transform: translateX(0);
         width: 100%;
    }
     .main_menu ul li ul li a {
         padding: 10px;
         font-size: 15px;
         color: #ffffff;
    }
    .main_menu ul li ul li:hover a {
        color: #ffffff;
    }
     .has_dropdown .sub_menu .arrow-icon {
         position: absolute;
         top: 10px;
         display: block;
         right: 0;
    }
     .main_menu ul li .sub_menu li a:hover {
         background: transparent;
    }
     .mobile-logo img {
         width: 60px;
    }
}