.animenu__nav__dropdown { min-width: auto; max-height:fit-content; box-shadow: 0px 4px 4px 0px #00000040; border-radius: 16px; top: 49px; left: 1.2%; right: 0;
    display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; max-width: 97.6%; padding: 20px !important; overflow: visible; -webkit-mask-image: none !important;
}
.animenu__nav > li { position: static;}
.animenu__nav > li:nth-child(2):hover > a.active::before { opacity: 0;}
ul.animenu__nav__dropdown > li {display: flex; align-items: flex-start; grid-column-gap: 14px; padding:10px 15px;}
ul.animenu__nav__dropdown > li .link-box {position: relative;}
ul.animenu__nav__dropdown .link-box a:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
ul.animenu__nav__dropdown > li img.menu-ic {border-radius: 4px;}
ul.animenu__nav__dropdown > li .link-box a {padding: 0; width: 100%; font-size: 16px; color:#23322D; font-weight: 700;border-bottom: 0;}
ul.animenu__nav__dropdown > li .link-box p {font-size: 14px; font-weight: 500; color: #8D8D8D; line-height: normal; margin: 2px 0 0 0;}
ul.animenu__nav__dropdown > li .link-box a:hover {color: #23322D !important; background: inherit;}
.animenu__nav > li:hover > ul {border: 0;}
.animenu__nav > li:hover > ul li:hover {background-color: #f1f1f1; padding: 10px 15px; border-radius: 4px;}
.animenu__nav > li:hover > ul li.active { background-color: #f1f1f1; padding: 10px 15px; border-radius: 4px;}
.menus ul li a {padding: 14px 25px; display: flex; align-items: flex-start; flex-direction: column;}
.menus ul li .animenu__nav__hasDropdown:after {height: 20px; background: url(../images/arrow-dawn.svg) center left no-repeat; top: 15px; transition: 0.5s;}
.menus ul li ul.animenu__nav__dropdown li:last-child {display: flex;}
.menus ul li.check-our-apps-box {display: none;}
img.submenu-arrow-icon {position: absolute; top: -10px;}
.header_bg_main.goToTop img.submenu-arrow-icon {filter: brightness(0.7);}

@media(min-width: 1200px) and (max-width: 1366px) {
ul.animenu__nav__dropdown > li .link-box a {font-size: 15px;}
ul.animenu__nav__dropdown > li .link-box p {font-size: 13px;}
}

@media(min-width: 1200px) {
img.submenu-arrow-icon { left: 44%;}
}

@media(min-width: 992px) and (max-width: 1199px) {
.header_bg_main.goToTop { width: 98%; }    
.animenu__nav__dropdown { grid-template-columns: repeat(3, 1fr); padding: 15px !important;}
img.submenu-arrow-icon { left:43%;}
}

@media (min-width: 992px){
.animenu__nav > li:hover > .animenu__nav__dropdown{
    animation: fadeInDown 0.3s ease;
    transition: all 0.3s; 
    animation-fill-mode: both;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(0px); /* Starts 20px above its final position */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Ends at its normal position */
    }
    }
}

@media(max-width: 991px) {
.header_bg_main.goToTop {width: 100%;} 
.header_bg_main .menus ul li a {padding:15px;} 
.animenu__nav > li.open > a.animenu__nav__hasDropdown::before {display: none;}    
.animenu__nav > li:hover > a.animenu__nav__hasDropdown::before {display: none;}    
.menus ul li ul.animenu__nav__dropdown li {display: flex; border-bottom: solid 1px #cccccc5c; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
.menus ul li ul.animenu__nav__dropdown li:last-child {border-bottom: 0;}    
header .animenu__nav li:hover .animenu__nav__dropdown { display: grid; grid-template-columns: repeat(1, 1fr); border-bottom: solid 1px #cccccc5c;
    border-radius: 0; grid-column-gap: 25px; grid-row-gap: 6px; padding:5px 0 0 !important; max-height: 272px; overflow: scroll;
}
.animenu__nav__dropdown a { padding: 0 0 0px 0 !important;}
.animenu__nav--active .animenu__nav__dropdown { display: none; grid-template-columns: repeat(1, 1fr); padding: 15px 0 !important; grid-column-gap: 25px; grid-row-gap: 15px; 
    max-height: 272px; box-shadow: none; border-radius: 0; position: relative; top: 0;
}
.menus ul li .animenu__nav__hasDropdown:hover img.submenu-arrow-icon {display: none;}
.menus ul li a {align-items: flex-start;}
img.submenu-arrow-icon {display: none;}
.menus ul li.check-our-apps-box {display: block; padding: 12px 15px;}
.menus ul li:nth-last-child(2) {display: none;}
header .animenu__nav li .animenu__nav__dropdown p {font-size: 13px; margin:5px 0; padding: 0 10px; font-weight: 600; color: #8D8D8D; letter-spacing: 0.1px; margin: 0;}
.menus ul li.check-our-apps-box a.button {font-size:18px; padding:10px 25px; line-height:24px; border:none; font-weight:600; display:flex; justify-content:center; align-items:center; grid-column-gap:10px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; text-decoration:none; color:#000000; transition:all 0.3s; position:relative; overflow:hidden; z-index:1; margin-top:15px;}
.menus ul li.check-our-apps-box a.button:hover {background-color:#ffffff; color:#ffffff;}
.menus ul li.check-our-apps-box a.button:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background-color:#CEFD71; border-radius:11px; z-index:-2;}
.menus ul li.check-our-apps-box a.button:before {content:""; position:absolute; bottom:0; left:0; width:0%; height:100%; background-color:#000000; transition:all 0.3s; border-radius:11px; z-index:-1;}
.menus ul li.check-our-apps-box a.button:hover:before {width:100%;}
.menus ul li.check-our-apps-box .BYOB-bundle-gift-box-builder-img {background-color: #F1F4F8; display: flex; justify-content: center; border-radius: 12px; padding-top: 20px; text-align: center;}
.menus ul li.check-our-apps-box .BYOB-bundle-gift-box-builder-img img.BYOB-bundle-gift-img {border-radius: 7px 7px 0 0; display: block;}
.menus ul li.check-our-apps-box a.button { font-size: 16px; padding: 8px 20px;}
.animenu__nav > li > ul > p {display: block;}
ul.animenu__nav__dropdown > li .link-box p {display: none;}
 
}

@media(min-width: 992px) {
.animenu__nav > li > ul > p {display: none;}
header .animenu__nav li.link-box:hover .animenu__nav__dropdown p {display: none;}
}

@media(max-width: 767px) {
header .animenu__nav li:hover .animenu__nav__dropdown { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 0; padding: 15px 0 0 !important;}
.animenu__nav--active .animenu__nav__dropdown {  grid-template-columns: repeat(1, 1fr) !important; }
.menus ul li ul.animenu__nav__dropdown li:nth-child(19) {border-bottom: solid 1px #cccccc5c;}
.menus ul li ul.animenu__nav__dropdown li {align-items: center;}


}