.megaMenu .mini-menu .category-box,
.subMenu .mini-menu .category-box {
    background-color: var(--white);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .05);
    overflow: hidden
}

:root {
    --white: #FFFFFF;
    --primary-blue: #275d63;
    --light-blue: #147580;
    --orange: #d2ac3c;
    --light-gray: #F5F5F5;
    --gray-bg: #ECF1F7;
    --text-color: #000000;
    --dark-orange: #9a7f23;
    --heading-color: #081E2A;
    --mega-menu-color: #43848a
}

.first-li,
.first-li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 18.9px;
    color: var(--text-color)
}

.first-li.current a {
    color: #275d63;
    font-weight: 700
}

.group-links a:hover,
.sub-links a:hover {
    color: var(--orange)
}

.second-mini-list li span {
    padding-right: 7px
}

.second-list li .category-pages ul>li span {
    padding-right: 7px;
    font-size: 11px
}

.mega-menu {
    display: flex
}

.megaMenu {
    position: relative
}

.megaMenu .mega-menu {
    width: 230px
}

.megaMenu .mini-menu .category-box {
    padding-bottom: 10px;
    display: flex;
    justify-content: center
}

.megaMenu .mini-menu .second-mini-list li a,
.subMenu .mini-menu .second-mini-list li a {
    padding: 8px 15px;
    font-weight: 500;
    transition: .3s ease-in-out
}

.megaMenu .mini-menu::before,
.subMenu .mini-menu::before {
    display: none
}

@media(min-width:992px) {

    .first-list,
    .second-list,
    .second-mini-list {
        list-style-type: none;
        padding: 0
    }

    .first-list .megaMenu .sub-menu-container.mini-menu,
    .first-list li .sub-menu-container {
        transform: translate(-50%, 0);
        left: 50%
    }

    .first-list,
    .second-mini-list {
        margin: 0
    }

    .mini-menu ul>li:hover,
    .sub-menu {
        background-color: var(--white)
    }

    .category-box,
    .first-list .first-li {
        position: relative
    }

    .first-list {
        display: flex;
        gap: 20px
    }

    .first-li,
    .first-li a {
        white-space: nowrap;
        text-decoration: none;
        color: var(--text-color)
    }

    .first-li a:hover,
    .first-list li:hover .first-li,
    .second-list li .category-pages ul>li:hover .category-item-text,
    .second-list li .category-pages ul>li:hover a,
    .second-list li .category-pages ul>li:hover span,
    .second-mini-list li a:hover a,
    .second-mini-list li a:hover span {
        color: var(--orange)
    }

    .first-drp-icon {
        color: var(--dark-orange);
        width: 19px
    }

    .sub-menu {
        border-radius: 0 0 18px 18px;
        overflow: hidden
    }

    .mini-menu .category-box {
        background-color: var(--gray-bg);
        border-radius: 0 0 18px 18px;
        width: auto !important;
        padding-bottom: 10px
    }

    .second-mini-list li span {
        font-size: 13px
    }

    .second-mini-list li a {
        padding: 12px 16px;
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: var(--mega-menu-color)
    }

    .first-list li .sub-menu-container::before {
        position: absolute;
        content: "";
        top: 29px;
        left: 48%;
        transform: rotate(45deg);
        border-left: 7px solid var(--gray-bg);
        border-top: 7px solid var(--gray-bg);
        border-right: 7px solid #00000000;
        border-bottom: 7px solid #00000000
    }

    .first-list li:hover .sub-menu-container {
        visibility: visible;
        opacity: 1;
        padding-top: 36px;
        height: auto;
        overflow: visible
    }

    .first-list li .first-drp-icon {
        transition: .2s ease-in-out
    }

    .first-list li:hover .first-drp-icon {
        transition: .4s ease-in-out;
        transform: rotate(-180deg)
    }

    .first-list li .sub-menu-container {
        transition: .4s ease-in-out;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        padding-top: 60px;
        top: 100%
    }

    .category-box {
        width: 220px;
        padding-bottom: 40px
    }

    .second-list li:hover .category-pages {
        display: block
    }
}

.group-links a,
.group-title,
.sub-links a {
    color: var(--mega-menu-color)
}

@media(max-width:992px) {
    .first-list {
        gap: 12px
    }
}

@media(max-width:991px) {

    .menu-list,
    .mobile-menu .second-list .second-li {
        display: none
    }

    .mega-menu,
    .megaMenu .mini-menu .second-mini-list li a,
    .subMenu .mini-menu .second-mini-list li a {
        display: block
    }

    .megaMenu .mega-menu {
        width: 100%
    }

    .megaMenu .mini-menu .category-box,
    .subMenu .mini-menu .category-box {
        flex-direction: column;
        padding: 10px 0;
        background-color: transparent
    }

    .subMenu {
        justify-content: space-between
    }

    .mobile-menu .mini-menu .second-mini-list li,
    .mobile-menu .second-list li {
        padding: 0 !important
    }

    .menu-section .main-menu {
        height: 72px
    }

    .menu-section .main-menu .logo-box img {
        height: 60px
    }

    .menu-toggler span {
        font-size: 23px
    }

    .menu-toggler {
        width: 48px;
        height: 48px
    }

    .mini-menu .second-mini-list,
    .mobile-menu .second-list {
        padding-left: 0 !important
    }

    .subMenu .mini-menu .category-box {
        box-shadow: none
    }
}

.mega-menu-column,
.sub-links {
    flex-direction: column;
    display: flex
}

@media(max-width:575px) {
    .menu-toggler {
        width: 40px;
        height: 40px
    }

    .menu-toggler span {
        font-size: 16px
    }
}

@media(max-width:420px) {
    .menu-section .main-menu .contact-us-btn-mobile .contact-btn {
        width: 100%;
        padding: 5px
    }
}

@media(max-width:360px) {
    .menu-section .main-menu .contact-us-btn-mobile .contact-btn .contact-us {
        display: none
    }
}

.mega-menu-new {
    padding: 20px 0;
    background-color: var(--white);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.mega-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 20px 30px;
    min-width: 480px
}

.sub-links {
    gap: 0;
    margin-left: 12px
}

.sub-links a {
    padding: 10px 12px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: .2s ease-in-out;
    border-radius: 3px
}

.sub-links a:hover {
    background-color: var(--light-gray);
    border-left-color: var(--orange);
    padding-left: 18px
}

.sub-links a span {
    margin-right: 8px;
    font-size: 11px;
    color: var(--light-blue)
}

.group-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.group-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 6px
}

.group-links a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 6px
}

.group-title.colored {
    color: var(--dark-orange);
    font-weight: 800;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: 0
}