.mega-nav-inside{position: absolute;left:0;top:auto;right:0;bottom:auto;height: auto;background: #fff;z-index: 10000;font-size: var(--defaultmd);display: block;transition: all 0.4s ease 0s;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(10px);padding: 0 calc(var(--col) + var(--gap));} /* box-shadow: inset 0px 1px 1px #D9D9D9; */
/* .mega-nav-inside{opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);} */


.mega-nav-inside a{padding: 0!important;}

.mega-nav-inside .btn-holder{}
.mega-nav-inside a.btn-dsi{padding: 0.5rem 2rem 0.5rem 0 !important;line-height: 2.5rem!important;}
.mega-nav-inside a.btn-dsi:hover{padding: 0.5rem 2.5rem 0.5rem 0 !important;}

#header-main .nav-main ul li.menu-item-has-meganav{position: static;}
.menu-item-has-meganav:hover .mega-nav-inside{opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}


.mega-nav-row-bottom{display: grid;grid-template-columns: 80% 20% ;gap: var(--gap);padding: 4rem 0;}


    .mega-nav-row-bottom .mega-navigations{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--gap);}
    .mega-nav-row-bottom .mega-navigations .column{padding: 0;}
    .mega-nav-row-bottom .mega-navigations .column h3{margin: 0 0 1rem;font: var(--fsb16);color: #595959;}
    .mega-nav-row-bottom .mega-navigations .column ul{display: block;font-family: var(--altff);margin-bottom: 3rem!important;}
    .mega-nav-row-bottom .mega-navigations .column ul li{display: block;font-family: var(--dff);font-size: var(--default);margin-bottom: 12px;}
    .mega-nav-row-bottom .mega-navigations .column ul li.menu-item-has-children::after{display: none;}
    .mega-nav-row-bottom .mega-navigations .column ul li a{padding: 0!important;color: #595959!important;display: block;transition: all 0.2s ease 0s;text-transform: none!important;font: var(--fr16)!important;}
    .mega-nav-row-bottom .mega-navigations .column ul li a:hover{color: var(--cyan7)!important;transform: translateX(2px);text-decoration: underline;}
    .mega-nav-row-bottom .mega-navigations .column ul li.menu-item-has-children > a{margin-bottom: 10px!important;}
    .mega-nav-row-bottom .mega-navigations .column ul > li > ul > li{font-size: var(--defaultmd)!important;}
    .mega-nav-row-bottom .mega-navigations .column ul > li > ul > li a{color: var(--black)!important;}

    .mega-nav-row-bottom .mega-navigations .column .sub-menu{margin-bottom: 20px!important;}
    
    .mega-nav-inside .mega-navigations .btn-holder{margin-bottom: 3rem;}
    .mega-nav-inside .mega-navigations a.btn-dsi{font-size: 1.66rem;}
    .mega-nav-inside .mega-navigations a.btn-dsi:hover{}




    .mega-nav-row-bottom .featured-items-wrapper{}
    .mega-nav-row-bottom .featured-items-wrapper h3{font:var(--fsb16);color: #595959;margin: 0 0 24px;}

    .mega-nav-row-bottom .featured-items{}
    .mega-nav-row-bottom .featured-items .img-holder{display: block!important;position: relative;line-height: 0!important;margin-bottom: 12px;border-radius: 8px;overflow: hidden;}
    .mega-nav-row-bottom .featured-items .img-holder img{width: 100%;}
    .mega-nav-row-bottom .featured-items .img-holder h4{font: var(--fsb16);color: #fff;position: absolute;margin: 0;left: 12px;bottom: 12px;}
    .mega-nav-row-bottom .featured-items .img-holder:hover h4{text-decoration: underline;}


    
@media (min-width: 992px) {
    .menu-item-has-meganav > .mega-nav-inside{overflow: auto;scrollbar-width: none;max-height: 85vh;}
    .mega-nav-row-bottom .mega-navigations .column ul{display: block!important;}
}


@media (max-width: 992px) {
    .mega-nav-inside{display: none;}
    .mega-nav-inside{position: static;opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);padding:0;margin-left: 16px;}
    .mega-nav-inside .container{padding: 0;}

    .mega-nav-row-bottom{display: block;padding: 0;}


    .mega-nav-row-bottom .mega-navigations{display: block;}

    .mega-nav-row-bottom .mega-navigations .column h3{width: calc(100% - 51.2px);display: inline-block;box-sizing: border-box;vertical-align: middle;font: var(--fr16);padding: 16px 16px;margin-bottom: 0;color: #595959;}
    .mega-nav-row-bottom .mega-navigations .column h3 a{font: var(--fr16);color: #595959 !important;}
    .mega-nav-row-bottom .mega-navigations .column h3 .nav-expand{display: inline-block;width: 51.2px;height: 51.2px;padding: 0 1rem;;box-sizing: border-box;background: #fff;color: #595959;text-align: center;vertical-align: middle;cursor: pointer;font-size: 14px;}
    .mega-nav-row-bottom .mega-navigations .column .menu-block.open h3 > .nav-expand .fa-plus::before{content: "\f068";}
    .mega-nav-row-bottom .mega-navigations .column ul li{margin-bottom: 0;}
    .mega-nav-row-bottom .mega-navigations .column ul li a{padding: 16px 1rem!important;}

    .featured-items-wrapper{}
    .featured-items-wrapper h3{width: calc(100% - 51.2px);display: inline-block;box-sizing: border-box;vertical-align: middle;font: var(--fr16);padding: 16px 1rem;margin-bottom: 0 !important;}
    .featured-items-wrapper h3 .nav-expand{display: inline-block;width: 51.2px;height: 51.2px;padding: 0 1rem;;box-sizing: border-box;background: #fff;color: #595959;text-align: center;vertical-align: middle;cursor: pointer;font-size: 14px;}
    .featured-items-wrapper .menu-block.open h3 > .nav-expand .fa-plus::before{content: "\f068";}
    .featured-items-wrapper .featured-items{display: none;padding: 0 16px 0 16px;}

}
    



.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title {font: var(--fsb16);color: #000;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title h2{margin: 0;font: inherit;pointer-events:all;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title h2 a{color: #000;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title:hover h2 a{color: var(--cyan7) !important;}

@media (min-width: 992px) {
.super-mega-nav-inside{position: absolute;left:0;top:auto;right:0;bottom:auto;height: auto;background: #fff;z-index: 10000;font-size: var(--defaultmd);transition: all 0.4s ease 0s;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(10px);background: #fff;height: calc(100vh - 124px);pointer-events: none;} /* box-shadow: inset 0px 1px 1px #D9D9D9; */
/* .menu-item-has-meganav .super-mega-nav-inside{opacity: 1;visibility: visible;pointer-events: none;transform: translateY(0);} */
.menu-item-has-meganav:hover .super-mega-nav-inside{opacity: 1;visibility: visible;pointer-events: all !important;transform: translateY(0);overflow: auto;scrollbar-width: none;}


.menu-item-has-meganav .super-mega-nav-inside .mega-nav-inside{opacity: 0;visibility: hidden;pointer-events: none;position: relative !important;padding-left: 4rem;}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item{pointer-events: none;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:first-of-type .mega-nav-inside{opacity: 1;visibility: visible;transform: translateY(0);}
.menu-item-has-meganav:hover .super-mega-nav-inside .supermega-nav-item:first-of-type .mega-nav-inside{pointer-events: all;opacity: 1;visibility: visible;transform: translateY(0);}
.super-mega-nav-inside:hover .supermega-nav-item:first-of-type .mega-nav-inside{pointer-events: all;}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title{margin-top: 4rem;}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title {background-color: #fff;height: 50px;font: var(--fsb16);color: #000;pointer-events:all;border-radius: 0 100px 100px 0;position: relative;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title h2{margin: 0;font: inherit;pointer-events:all;height: 50px;line-height: 50px;padding-inline: 4rem;}
.menu-item-has-meganav:not(:hover) .super-mega-nav-inside .supermega-nav-item .supermega-nav-title:not(:hover) h2 a{color: #000 !important;}


.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title::after {content: "\f0da";position: absolute;top: 50%;right: 10px;color: #fff;transform: translate(-100%,-50%);font-family: "FontAwesome";font-size: 0.82rem;}


.super-mega-nav-inside .supermega-nav-item:first-child .supermega-nav-title{background-color: var(--cyan7);color: #fff;}
.super-mega-nav-inside .supermega-nav-item:first-child .supermega-nav-title h2,
.super-mega-nav-inside .supermega-nav-item:first-child .supermega-nav-title h2 a{color: #fff !important;}

.menu-item-has-meganav .super-mega-nav-inside:hover .supermega-nav-item:first-child .supermega-nav-title{background-color: #fff;color: #000 !important;}
.menu-item-has-meganav .super-mega-nav-inside:hover .supermega-nav-item:first-child .supermega-nav-title h2 a{color: #000 !important;}
.menu-item-has-meganav .super-mega-nav-inside:hover .supermega-nav-item:first-child .supermega-nav-title:hover h2 a{color: #fff !important;}
.menu-item-has-meganav .super-mega-nav-inside:hover .supermega-nav-item:first-child .supermega-nav-title:has( + .mega-nav-inside:hover) h2 a{color: #fff !important;}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:hover .supermega-nav-title {background-color: var(--cyan7) !important;color: #fff !important;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:hover .supermega-nav-title h2,
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:hover .supermega-nav-title h2 a{color: #fff !important;}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:hover .supermega-nav-title + .mega-nav-inside{opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}

.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:first-child .supermega-nav-title{transform: translateY(0);z-index: 100;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(2n) .supermega-nav-title{transform: translateY(50px);z-index: 101;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(3n) .supermega-nav-title{transform: translateY(100px);z-index: 102;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(4n) .supermega-nav-title{transform: translateY(100px);z-index: 103;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(5n) .supermega-nav-title{transform: translateY(100px);z-index: 104;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(6n) .supermega-nav-title{transform: translateY(100px);z-index: 105;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(7n) .supermega-nav-title{transform: translateY(100px);z-index: 106;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(8n) .supermega-nav-title{transform: translateY(100px);z-index: 107;}
.menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item:nth-child(9n) .supermega-nav-title{transform: translateY(100px);z-index: 108;}



.supermega-nav-item{display: grid;grid-template-columns: 2fr 10fr;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
}


/* mobie menu */
@media (max-width: 992px) {
    .super-mega-nav-inside{display: none;}
    .super-mega-nav-inside{position: static;opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);padding:0;margin-left: 16px;}
    
    .super-mega-nav-inside .mega-nav-inside{border-left: solid 2px var(--cyan2);}
    .supermega-nav-item{display: block;position: relative;}
    .supermega-nav-item a{color: #595959 !important;}
    .menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title h2{width: calc(100% - 51.2px);display: inline-block;box-sizing: border-box;vertical-align: middle;}
    .menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title h2 + .nav-expand{display: inline-block;width: 51.2px;height: 51.2px;padding: 0 1rem;;box-sizing: border-box;background: #fff;color: #595959;text-align: center;vertical-align: middle;cursor: pointer;font-size: 14px;line-height: 48px;}
    .menu-item-has-meganav .super-mega-nav-inside .supermega-nav-item .supermega-nav-title.open > .nav-expand .fa-plus::before{content: "\f068";}
}