﻿
/*****Style To Menu******/
body:has(.HeaderClient) ul.k-menu-horizontal li.k-item.k-menu-item .telerik-blazor.k-icon.k-svg-icon.k-svg-i-caret-alt-down svg,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal li.k-item.k-menu-item .telerik-blazor.k-icon.k-svg-icon.k-svg-i-caret-alt-down svg,
body:has(.HeaderClient) ul.k-menu-group .k-menu-expand-arrow .k-svg-i-caret-alt-right svg,
body:has(.MultiColumnExpandPanel) ul.k-menu-group .k-menu-expand-arrow .k-svg-i-caret-alt-right svg {
    display: none !important;
}
/* This class is for Telerik Expand Icon itself */
body:has(.HeaderClient) .k-menu-expand-arrow
body:has(.MultiColumnExpandPanel) .k-menu-expand-arrow {
    display: none;
}

body:has(.HeaderClient) .telerik-blazor.k-menu-horizontal .menu-item-has-child:after
body:has(.MultiColumnExpandPanel) .telerik-blazor.k-menu-horizontal .menu-item-has-child:after {
    content: '';
    position: absolute;
    /*    background-image: url('/Modules/PalizPortal.Modules.Menu.Blazor/Images/Black-NaviArrow.png');*/
    width: 14px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px;
    right: 4px;
}

body:has(.HeaderClient) .telerik-blazor.k-menu-horizontal .menu-item-no-child:first-child:after
body:has(.MultiColumnExpandPanel) .telerik-blazor.k-menu-horizontal .menu-item-no-child:first-child:after {
    content: '';
    position: absolute;
    background-image: unset;
    width: 14px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px;
    right: 4px;
}


ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:hover .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-hover .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline:after,
ul.k-menu-horizontal .k-link.k-menu-link.k-active .k-menu-link-text.color-underline:after {
    /*    background-image: url('/Modules/PalizPortal.Modules.Menu.Blazor/Images/Navi-Arrow-.png') !important;*/
}



body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:hover .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-hover .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-horizontal .k-link.k-menu-link.k-active .k-menu-link-text.color-underline,
body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md .k-item.k-menu-item .k-link.k-menu-link.k-active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:hover .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-hover .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item:active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-menu:not(.k-context-menu) > .k-item.k-active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-horizontal .k-link.k-menu-link.k-active .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md .k-item.k-menu-item .k-link.k-menu-link.k-active .k-menu-link-text.color-underline {
    color: #e30613 !important;
    font-weight: 600;
}

body:has(.HeaderClient) .k-menu-link,
body:has(.MultiColumnExpandPanel) .k-menu-link {
    padding-block: unset !important;
}

body:has(.HeaderClient) .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) .k-menu-link-text.color-underline {
    font-size: 16px;
}


body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md li.k-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 16px;
}

    body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md li.k-item:last-child {
        border-bottom: unset !important;
    }

body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md:focus,
body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md:focus {
    background-color: transparent;
}

body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md .k-link.k-menu-link .k-menu-link-text.color-underline,
body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md .k-link.k-menu-link .k-menu-link-text.color-underline {
    font-size: 14px;
    color: #000;
}

body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md,
body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md {
    padding: 16px 10px;
}

body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md {
    padding-top: 3% !important;
}

    body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md .k-menu-expand-arrow:before,
    body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md .k-menu-expand-arrow:before {
        content: '';
        position: absolute;
        /*        background-image: url('/Modules/PalizPortal.Modules.Menu.Blazor/Images/Black-NaviArrow.png');*/
        width: 11px;
        height: 11px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0px;
        right: -8px;
        transform: rotate(-90deg);
    }

    body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md .k-item.k-menu-item .k-link.k-menu-link.k-active .k-menu-expand-arrow:before,
    body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md .k-item.k-menu-item .k-link.k-menu-link.k-active .k-menu-expand-arrow:before {
        /*        background-image: url('/Modules/PalizPortal.Modules.Menu.Blazor/Images/Navi-Arrow-.png') !important;*/
    }

    body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md li[aria-expanded="true"] .k-link.k-menu-link.k-active .k-menu-link-text.color-underline,
    body:has(.MultiColumnExpandPanel) ul.k-menu-group.k-menu-group-md li[aria-expanded="true"] .k-link.k-menu-link.k-active .k-menu-link-text.color-underline {
        color: #e30613;
    }

body:has(.HeaderClient) .k-header.k-menu.telerik-blazor.k-menu-horizontal {
    gap: 24px;
}

body:has(.HeaderClient) .k-menu-group.k-menu-group-md:has(.last-level) {
    background-color: #e8f0d7 !important;
    min-width: 268px;
}

body:has(.HeaderClient) .k-menu-group.k-menu-group-md li a.last-level {
    font-size: 12px !important;
}

body:has(.HeaderClient) ul.k-menu-group.k-menu-group-md:has(.last-level) .k-menu-item {
    border-bottom: unset !important;
}

body:has(.HeaderClient) .k-link.k-menu-link:hover, .k-link.k-menu-link a:hover,
body:has(.HeaderClient) .k-link.k-menu-link:active, .k-link.k-menu-link a:active,
body:has(.HeaderClient) .k-link.k-menu-link a:focus, .k-link.k-menu-link a:focus,
body:has(.HeaderClient) .k-link.k-menu-link a:focus-visible, .k-link.k-menu-link a:focus-visible
body:has(.MultiColumnExpandPanel) .k-link.k-menu-link:hover, .k-link.k-menu-link a:hover,
body:has(.MultiColumnExpandPanel) .k-link.k-menu-link:active, .k-link.k-menu-link a:active,
body:has(.MultiColumnExpandPanel) .k-link.k-menu-link a:focus, .k-link.k-menu-link a:focus,
body:has(.MultiColumnExpandPanel) .k-link.k-menu-link a:focus-visible, .k-link.k-menu-link a:focus-visible {
    background-color: transparent;
}



body:has(.HeaderClient) .mud-navmenu-default nav.mud-nav-group .mud-nav-link-text:not( .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-link-text),
body:has(.MultiColumnExpandPanel) .mud-navmenu-default nav.mud-nav-group .mud-nav-link-text:not( .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-link-text) {
    margin-left: 0;
}



header .mud-navmenu-default > .mud-nav-group.fs-small:first-child {
    padding-top: 0 !important;
}


header .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-item,
header .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-group {
    border-bottom: 1px solid #ccc;
}

header .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:not( .mud-drawer .mud-collapse-wrapper-inner .mud-nav-group.fs-small button.mud-nav-link) {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

header .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:not( .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:first-child,header .mud-drawer .mud-collapse-wrapper-inner .mud-nav-group.fs-small button.mud-nav-link) {
    padding: 40px 0px 10px !important;
}

header .mud-collapse-container .mud-collapse-entered .mud-nav-link-text span.MenuLinkText, header .mud-collapse-container .mud-collapse-entered .mud-nav-link-text span.MenuLinkText {
    margin: 0;
    font-size: 13px;
}


header .mud-collapse-container .mud-collapse-entered .mud-collapse-wrapper-inner .mud-nav-item:last-child {
    border-bottom: unset;
}

header .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled), .mud-nav-link:focus:not(.mud-nav-link-disabled) {
    background-color: transparent;
}

header .mud-drawer .mud-drawer-content nav.mud-nav-group.fs-small:last-child .mud-navgroup-collapse .mud-collapse-wrapper-inner .mud-nav-item a:before {
    left: 4px !important;
    margin-top: 4px !important;
}

body:has(.HeaderClient) .k-menu-group {
    position: relative;
    background: #f8faf2;
}

header .mud-drawer-content .mud-navmenu-default nav.mud-nav-group .mud-nav-link[aria-expanded="true"] .mud-nav-link-text:not( .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-link[aria-expanded="true"] .mud-nav-link-text:after):after {
    content: unset !important;
}

header .mud-drawer-content {
    padding: 0px 20px;
}

header .mud-drawer .mud-nav-link-text {
    margin: 0;
}

header button.mud-nav-link.mud-ripple {
    padding: 10px 0px !important;
}

header .mud-drawer-header button {
    padding: 0;
}
/***Style to Mobile Menu ***/
header .mud-drawer .mud-drawer-content .mud-nav-group,
header .mud-drawer .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding: 0px !important;
    align-items: center;
}

header .mud-drawer .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled), header .mud-nav-link:focus:not(.mud-nav-link-disabled) {
    /*    padding: 18px 13.4px !important;*/
    padding: 0 !important;
}

header .mud-drawer .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 0 !important
}

header .mud-collapse-container .mud-collapse-entered .mud-nav-item .mud-nav-link {
    /**Level3***/
    padding: 0px !important;
}

body:has(.HeaderClient) .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text
body:has(.MultiColumnExpandPanel) .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text {
    color: #000;
    padding: 16px 0px 8px;
}

body:has(.HeaderClient) .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text
body:has(.MultiColumnExpandPanel) .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    color: #000;
    padding: 15px 0px !important;
}
body:has(.HeaderClient) .mud-nav-group fs-small .mud-collapse-container.mud-collapse-entered.mud-navgroup-collapse span.MenuLinkText
body:has(.MultiColumnExpandPanel) .mud-nav-group fs-small .mud-collapse-container.mud-collapse-entered.mud-navgroup-collapse span.MenuLinkText {
    padding-left: 16px;
}

header .mud-drawer .mud-nav-group.fs-small svg {
    fill: #000;
}

header .mud-drawer .mud-drawer-content .mud-nav-group svg, header .mud-drawer .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link svg {
    fill: #000;
}

.mud-header-menu-level-3 .mud-nav-link .mud-nav-link-text {
    margin-left: 14px;
}

body:has(.HomeDrawer .mud-drawer--open) {
    overflow-y: hidden;
}

body:has(.mud-drawer--open) .top-header, body:has(.mud-drawer--open) .navbar-toggler {
    z-index: 9999;
}
/****Style To Desktop Menu*****/
body:has(.HeaderClient) .k-link.k-menu-link.k-active span.color-underline
body:has(.MultiColumnExpandPanel) .k-link.k-menu-link.k-active span.color-underline {
    color: #e30613 !important;
}

body:has(.HeaderClient) .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after
body:has(.MultiColumnExpandPanel) .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    color: red;
}

header .navbar-toggler {
    margin-top: -124px;
    margin-left: -12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 11px;
}

header .navbar-toggler img {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child {
    margin-bottom: 0 !important;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child .mud-collapse-wrapper-inner .mud-header-menu-level-2:nth-child(3) h6 {
    padding: 32px 0px !important;
    color: #fff;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child .mud-collapse-wrapper-inner .mud-header-group-menu-level-2:not(:last-child) {
    padding-left: 20px !important;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child .mud-collapse-wrapper-inner
.mud-header-group-menu-level-2:before {
    right: unset;
    left: 0px;
    margin-top: 17px;
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child .mud-collapse-wrapper-inner .mud-header-group-menu-level-2:first-child:before {
    background-image: url('/Images/logo-menu.png');
}

header .mud-drawer .mud-header-group-menu-level-1:last-child .mud-collapse-wrapper-inner .mud-header-group-menu-level-2:nth-child(2):before {
    background-image: url('/Images/frosta_logo_0.png');
}

header .mud-drawer .mud-nav-link .mud-nav-link-expand-icon:not( .mud-drawer .mud-nav-link .mud-nav-link-expand-icon.mud-transform) {
    transform: rotate(-90deg);
}

header .mud-drawer .mud-header-group-menu-level-1 {
    margin-bottom: 40px;
}

header .mud-drawer .mud-header-group-menu-level-1:last-child {
    margin-bottom: 80px;
}

header .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:not( .mud-drawer .mud-collapse-wrapper-inner .mud-nav-group.fs-small button.mud-nav-link) {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

header .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:not( .mud-drawer .mud-nav-group.fs-small button.mud-nav-link:first-child,header .mud-drawer .mud-collapse-wrapper-inner .mud-nav-group.fs-small button.mud-nav-link) {
    padding: 40px 0px 10px !important;
}

header .mud-drawer-content .mud-navmenu-default nav.mud-nav-group .mud-nav-link[aria-expanded="true"] .mud-nav-link-text:not( .mud-collapse-wrapper-inner .mud-navmenu.mud-navmenu-default .mud-nav-link[aria-expanded="true"] .mud-nav-link-text:after):after {
    content: unset !important;
}

header .mud-drawer-content {
    padding: 0px 20px;
}

header .mud-drawer .mud-nav-link-text {
    margin: 0;
}

header .mud-drawer-header button {
    padding: 0;
}

header .mud-drawer .mud-drawer-content .mud-nav-group,
header .mud-drawer .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    padding: 0px !important;
    align-items: center;
}

header .mud-drawer .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled), header .mud-nav-link:focus:not(.mud-nav-link-disabled) {
    /*    padding: 18px 13.4px !important;*/
    padding: 0 !important;
}

header .mud-drawer .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding: 0 !important
}

header .mud-drawer .mud-nav-group.fs-small svg {
    fill: #000;
}

header .mud-drawer .mud-drawer-content .mud-nav-group svg, .mud-drawer .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link svg {
    fill: #000;
}

@media (max-width: 767px) {
    header .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed {
        width: 0px !important;
    }

    header .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open {
        left: 0;
        width: 66% !important;
    }

    header .navbar-toggler {
        margin-top: -124px;
        margin-left: -12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        font-size: 11px;
        z-index: 11;
    }

        header .navbar-toggler img {
            width: 24px;
            height: 24px;
            margin-bottom: 5px;
        }

    header button.navbar-toggler:focus {
        outline: unset;
        box-shadow: unset;
    }

    header .navbar-toggler:focus {
        box-shadow: unset;
    }
}

@media (max-width: 599px) {
    header .navbar-toggler {
        margin-top: -55px;
    }

    header .navbar-toggler {
        margin-left: -24px;
    }
}

header .max-height-fit {
    max-height: fit-content
}

header .ol-no-number, .k-menu-group .ol-no-number, .dropdown.mega-dropdown .ol-no-number {
    list-style-type: none; 
    padding-left: 0; 
}

body:has(.MultiColumnExpandPanel) .k-menu-group .k-menu-item:focus, body:has(.MultiColumnExpandPanel) .k-menu-group .k-menu-item.k-focus, body:has(.MultiColumnExpandPanel) .k-context-menu .k-menu-item:focus, body:has(.MultiColumnExpandPanel) .k-context-menu .k-menu-item.k-focus {
    background-color: none !important;
}
/****End Menu****/
header div.row.px-4.z-20.position-relative {
    position: unset !important;
    z-index: unset !important;
}

header .mud-nav-link-text {
    display: block;
}

body:has(.MultiColumnExpandPanel) .mud-nav-link .mud-nav-link-text:not(.HomeDrawer .mud-nav-link .mud-nav-link-text), body:has(.HeaderClient) .mud-nav-link .mud-nav-link-text:not(.HomeDrawer .mud-nav-link .mud-nav-link-text) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


body:has(.MultiColumnExpandPanel) .k-animation-container.telerik-blazor.k-animation-container-shown {
    width: 100% !important;
    z-index: 10002;
    left: 0px !important;
    top: 133.993px !important;
}



.LastMenu {
    border-top: 1px solid grey;
    padding-block: 10px;
    margin-top: 10px;
}

.MenuItemImg {
    max-width: 20px !important;
    max-height: 20px !important;
    margin-right: 6px;
    width: unset !important
}

.k-menu-group .HeadBody, .dropdown.mega-dropdown .HeadBody {
    border-bottom: 1px solid black;
}

body:has(.MultiColumnExpandPanel) .BgColorPaper {
    background-color: #f8fbf3 !important;
}

body:has(.MultiColumnExpandPanel) .k-menu-group.k-menu-group-md, body:has(.MultiColumnExpandPanel) .k-popup.k-menu-popup {
    background-color: #f8fbf3 !important;
}

body:has(.HeaderClient) .k-menu:not(.k-context-menu) > .k-item,
body:has(.MultiColumnExpandPanel) .k-menu:not(.k-context-menu) > .k-item {
    padding-block: 10px;
}

body:has(.MegaMenuHtml) .mega-dropdown {
    position: absolute;
    display: none;
    background-color: #f8fbf3;
    z-index: 9999;
    border-radius: 4px;
    padding: 3rem 2rem;
    width: 100%;
    left: 0;
    top: 130px;
}
body:has(.MegaMenuHtml) .top-link-item:hover > .mega-dropdown {
    display: flex;
   
}

body:has(.MegaMenuHtml) .dropdown-content {
    display: flex;
    gap: 2rem;
}

body:has(.MegaMenuHtml) .dropdown-title {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

body:has(.MegaMenuHtml) .dropdown-separator {
    border-top: 1px solid #007399;
}



body:has(.MegaMenuHtml) .dropdown-content > div[role="group"] {
    width: 100%;
    gap: 0;
}


.MegaMenuHtml li.top-link-item > .k-menu-link-text > span {
    padding: 0 !important;
}

.MegaMenuHtml li.top-link-item svg {
    float: right;
    position: relative;
    left: 25px;
    bottom: 22px;
}
.MegaMenuHtml ul.mega-menu-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    padding-top: 22px;
}


header .top-link-item:hover .dropdown.mega-dropdown {
    display: block;
}
header .dropdown.mega-dropdown.closed {
    display: none !important;
}
@media(min-width:960px) {
    .MegaMenuHtml ul.mega-menu-nav {
        display: flex;
    }
}
@media(max-width:959px) {
    .MegaMenuHtml .mega-menu-nav{display:none;}
    }


@media(min-width:960px) and (max-width:1199px) {
    .MegaMenuHtml ul.mega-menu-nav .top-link-item {
        padding-right: 33px;
    }
}

@media(min-width:1200px){
    .MegaMenuHtml ul.mega-menu-nav .top-link-item {
        padding-right: 64px;
    }
}

.h5-to-div {
    font-size: 1.25rem; /* or 20px */
    font-weight: 500; /* Similar to the default h5 */
    margin: 0.5em 0; /* Adjust as needed */
    line-height: 1.2; /* Similar spacing */
}