/* TOP BAR */
.header-sec
 {
    display: block;
}
.header-sec:hover .topbar{
    background-color: #000;
}
.header-sec:hover #site-header {
    background-color: #fff;
}
.header-sec:hover .main-menu a, .header-sec:hover .icons {
    color: #000000;
    
}
.header-sec:hover .main-menu ul li:last-child a{
	color: #fff;
}
.topbar{

background: rgba(18,59,104,0.2);

color:#fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size:14px;

padding:8px 0;

position:relative;

z-index:1000;

}

.topbar-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
        width: 92%;
    margin: 0 auto;
}

.topbar ul{

display:flex;
margin: 0;
list-style:none;
}
#menu-top-menu li {
    padding: 0;
    display: inline-block;
    margin-left: 20px;
}
.topbar a{

color:#fff;

text-decoration:none;

}

/* HEADER */

#site-header{

position:absolute;
left:0;
width:100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
transition:.4s;

z-index:999;
background: rgba(18,59,104,0.2);

}
.logo {
    position: relative;
    height: -webkit-fill-available;
    width: 315px;
}
.logo a img {
    max-width: 100%;
    height: fit-content;
}
.header-menu-sec{

display:flex;

align-items:center;

justify-content:space-between;

padding:10px 0;
width: 92%;
    margin: 0 auto;
}

.main-menu ul{

display:flex;

list-style:none;
    margin: 0;
 width: max-content;
	padding: 0;
}
.menu-item {
    padding: 0 10px;
}

.main-menu a{

color: #fff;
    text-decoration: none;
    line-height: 69px;
    font-size: 18px;

}
.main-menu a:hover{
font-weight: 700;
}
.main-menu ul li:last-child a {
    background: #a52228;
    color: #fff;
    padding: 8px 25px;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.main-menu ul li:last-child a:hover {
    background: #FF5900;
}
.btn-order{

background:#05b5bd;

color:#fff;

padding:14px 35px;

border-radius:40px;

text-decoration:none;

}

.header-right{

display:flex;

align-items:center;

gap:25px;

}

.icons{

display:flex;

gap:20px;

color:#fff;

font-size:22px;

}

.mobile-toggle{

display:none;

font-size:30px;

cursor:pointer;

color:#000;

}
.mobile-menu{
    display:none;
}

/* Sticky */

#site-header.sticky{

position:fixed;

top:0;

background:#fff;

box-shadow:0 3px 15px rgba(0,0,0,.12);

}

#site-header.sticky .main-menu a{

color:#222;

}

#site-header.sticky .icons{

color:#222;

}

#site-header.sticky .mobile-toggle{

color:#222;

}
.mega-right ul li:last-child a {
    color: #000000 !important;
}
.topbar.hide{

display:none;

}
.menu-item {
    position: relative;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 1000px;
    background: #fff;
    display: none;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

.menu-item:hover > .mega-menu {
    display: block;
}
.main-menu, .menu-item {
    position: static;
}

.mega-menu {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;          /* Stretch to the right edge */
    width: 100%;
    background: #fff;
    display: none;
    padding: 40px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    z-index: 9999;
}


.main-menu .menu-item:hover > .mega-menu {
    display: flex;
}
.megamenu-sec
 {
    display: flex;
    margin: 0 50px;
    width: auto;
}
.mega-menu-title a
 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0px;
    color: #ff5900 !important;
    font-family: 'Poppins-Bold';
}
.mega-menu-title a i
 {
    font-size: 20px;
    font-weight: 600;
    color: #ff5900 !important;
    display: inline-block;
	 vertical-align: middle;
}
.mega-middle.mega-product-menu {
    grid-template-columns: repeat(4, 1fr);
}
.mega-product-item img {
    margin: 0 !important;
    width: 50% !important;
	    margin: 0 !important;
   height: 100%;
    transition: transform 0.3s ease-in-out;
    transform: scale(1.2);

}
.mega-item a {
    line-height: 1.4;
}
.mega-product-item img:hover {
     width: 52% !important;
}
.mega-product-item span
 {
    line-height: 1.4;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 300;
}
.mega-product-item span:hover{
	color: #ff5900;
}
.mega-product-item
 {
    text-align: center;
}
.mega-middle {
    width: 60%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.mega-menu h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0px;
}
.mega-menu ul {
    display: block;
	color: #1d1d1f;
}
.mega-menu ul li{
    margin-bottom: 20px;
}
.mega-menu ul li a{
   line-height :1.4;
}
.mega-menu ul li a:hover {
    color: #FF5900 !important;
	font-weight: 300;
}
.mega-menu ul li:last-child a {
    background: none;
    color: #000;
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    transition: none;
}
.header-sec:hover .mega-menu ul li:last-child a {
    color: #000;
}
.mega-menu ul li:last-child a:hover {
    background: none;
}
.mega-left {
    width: 20%;
}
.mega-item a {
    line-height: initial;
}
.mega-item img {
    width: 120px;
    display: block;
    margin: 0 auto 15px;
	margin-bottom: 10px !important;
}

.mega-right {
    width: 20%;
    border-left: 1px solid #ddd;
    padding-left: 30px;
}

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

.mega-right li {
    margin-bottom: 15px;
}

.mega-right a {
    text-decoration: none;
    color: #222;
}
.nav-line {
    width: 0%;
    height: 4px !important;
    background: #FF5900;
    opacity: 0;
    margin-top: -4px;
    transition: width .5s ease-in-out, opacity 0.5s ease-in-out;
}
 .menu-item-has-children:hover {
    height: 4px !important;
    background: #FF5900;
    margin-top: 0;
    transition: width .5s ease-in-out, opacity 0.5s ease-in-out;
}
.mega-home:hover .nav-line,
.mega-business:hover .nav-line,
.mega-products:hover .nav-line, .mega-support:hover .nav-line, .mega-residential:hover .nav-line{
    opacity: 1;
    width: 100%;
}
#site-header.sticky .main-menu ul li:last-child a {
    color: #fff;
}
.menu-item-has-children .sub-menu {
    display: none;
	position: absolute;
    top: auto;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    z-index: 9999;
	padding: 10px 20px;
}
.menu-item-has-children:hover .sub-menu {
    display: block;
}
.sub-menu li:last-child a{
	background:none !important;
	color: #000 !important;
	padding: 0 !important;
}
.sub-menu li a{
	line-height:40px !important;
}