ul.resp-menu-list {margin: 0px;padding: 0px;}
.resp-menu-list li {font-size: 1rem;display: block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;color:#303030;border:0px !important;}
.resp-menu-container {padding: 0px;background-color: #fff;}
h2.resp-accordionmenu {cursor: pointer;padding: 5px;display: none;}
.resp-menu-content {display: none;padding: 0px;}
.resp-menu-active {border: 1px solid #c1c1c1;border-bottom: none;padding: 12px 14px 14px 14px !important;}
.resp-menu-active {border-bottom: none;background-color: #fff;}
.resp-menu-active, .resp-accordionmenu-active {display: block;}
.resp-menu-content {border: 1px solid #c1c1c1;}
h2.resp-accordionmenu {border: 0px;border-bottom: 1px solid #dbdbdb;margin: 0px;padding: .65rem;}
h2.resp-menu-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: .65rem !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
/*-----------Vertical tabs-----------*/

.resp-vmenu ul.resp-menu-list {width:50%;}
.resp-vmenu .resp-menu-list li {display: block;padding: .5rem !important;margin: 0px 0px 1px 0px !important;cursor: pointer;float: none;position: relative; border:0px !important}
.resp-vmenu .resp-menu-list li{transition: all ease-in-out 0.3s;}
.resp-vmenu .resp-menu-list li:after {content: '\F285';font-family: bootstrap-icons !important;top: 50%;right: 20px;position: absolute;display: block;margin-top: -11.5px;opacity: 1;transition: all ease-in-out 0.3s;font-weight: 800;}
.resp-vmenu .resp-menu-list li:hover {background-color: #f6f7f9;position: relative; color: inherit !important; border-bottom: 0px !important;}
.resp-vmenu .resp-menu-list li:hover:after, .resp-vmenu li.resp-menu-active:after {content: '\F285';font-family: bootstrap-icons !important;top: 50%;right: 10px;position: absolute;display: block;margin-top: -11.5px;opacity: 1;color:#004085}
.resp-vmenu li.resp-menu-active:after {right: 20px; color:#9BCF49}
.resp-vmenu .resp-menu-container {padding: 0px;background-color: #f6f7f9;border: 0px solid #c1c1c1;width:50%;border-radius: 0px;clear: none;--tw-shadow: 0px 0px 16px -10px rgba(0, 0, 0, 0.08) inset;--tw-shadow-colored: inset 0px 16px 16px -6px var(--tw-shadow-color);-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.resp-vmenu .resp-menu-content {border: none;}
.resp-vmenu li.resp-menu-active {border: 0px solid #c1c1c1;border-right: none;background-color: #f6f7f9;position: relative;z-index: 1;color: #000;font-weight: 600}
/*.resp-arrowmenu {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;}*/
/*h2.resp-menu-active span.resp-arrowmenu {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}*/
/*-----------Accordion styles-----------*/
h2.resp-menu-active {background: #e2e6ed !important;font-weight:600 !important}
.resp-easy-accordionmenu h2.resp-accordionmenu {display: block;}
.resp-easy-accordionmenu .resp-menu-content {border: 1px solid #c1c1c1;}
.resp-easy-accordionmenu .resp-menu-content:last-child {border-bottom: 0px solid #c1c1c1 !important;}
.resp-jfit {width: 100%;margin: 0px;}
.resp-menu-content-active {display: block;}
h2.resp-accordionmenu:first-child {border-top: 0px solid #c1c1c1 !important;font-weight:400}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:1199.98px) {
ul.resp-menu-list {display: none;}
h2.resp-accordionmenu {display: block;font-size: .938rem;font-weight: 400}
.resp-vmenu .resp-menu-content {border: 0px solid #C1C1C1; background:#ebeff5}
.resp-vmenu .resp-menu-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
.resp-accordionmenu-closed {display: none !important;}
.resp-vmenu .resp-menu-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}

.mega-dropdown {width:100%;}
.resp-menu-container ul.megamenu-list {padding:0px;}
.resp-menu-container ul.megamenu-list, .dropdown-menu ul.menu-list {min-width:14.5rem}
.resp-menu-container ul.megamenu-list li, .dropdown-menu ul.menu-list li {display: block;}
.resp-menu-container ul.megamenu-list li a, .dropdown-menu ul.menu-list li a {color:inherit; text-decoration:none;display:block}

.resp-menu-container ul.megamenu-list li a, .dropdown-menu ul.menu-list li a {display: block;padding: .5rem;font-size:0.96rem;border-bottom:1px solid rgba(0, 0, 0, 0.04); transition: all ease-in-out 0.3s;}
.resp-menu-container ul.megamenu-list li a:hover, .dropdown-menu ul.menu-list li a:hover {background:#eff1f5; padding: .5rem .95rem;}

.resp-menu-container ul.megamenu-list li:last-child a, .dropdown-menu ul.menu-list li:last-child a {border:0}
/*.dropdown-menu.show {display: block;top:-2px !important;}*/
.dropdown-menu.show {display: block; }
/*.nav-link:hover {background:#0295cb;color:#fff}
.nav-link.show {background:#0295cb;color:#fff !important}
.dropdown-menu {border-color:#0295cb!important}*/
h2.resp-accordionmenu {position:relative}
h2.resp-accordionmenu .resp-arrowmenu:after{content: '\F282';font-family: bootstrap-icons !important;top: 50%;left:auto;right: 10px;position: absolute;display: block;margin-top: -11.5px;opacity: 1;color:#000; font-weight:700}
h2.resp-accordionmenu.resp-menu-active .resp-arrowmenu:after{content: '\F286';font-family: bootstrap-icons !important;top: 50%;left:auto;right: 10px;position: absolute;display: block;margin-top: -11.5px;opacity: 1;color:#000}
@media only screen and (max-width:1199.98px) {
.resp-menu-container ul.megamenu-list li a, .dropdown-menu ul.menu-list li a {display: block;padding: .5rem .65rem; border-bottom:1px solid rgba(0, 0, 0, 0.04); transition: all ease-in-out 0.3s;}
}
.bg-nav {background:url(../images/bg-nav.png) no-repeat bottom center; background-size:100%;}
@media only screen and (min-width:1200px){
    .scrollable-menu {overflow: hidden; overflow-y: auto; max-height: calc(100vh - 170px);}
}

ul.menu-list li, ul.resp-menu-list li {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

ul.megamenu-list li {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
  @-webkit-keyframes slideInLeft {
        from {
            transform: translate(-25%, 0);
            opacity: 0;
        }

        to {
            transform: translate(0, 0);
            opacity: 1;
        }
    }

    @keyframes slideInLeft {
        from {
            transform: translate(-25%, 0);
            opacity: 0;
        }

        to {
            transform: translate(0, 0);
            opacity: 1;
        }
    }

@media (min-width:1200px) {
    .resp-menu-content {overflow:auto;height:450px}
    .resp-vmenu{background:url(../images/bg-menu.png)no-repeat left bottom}
}