@font-face {font-display: block; font-display: swap; font-family: "bootstrap-icons"; src: url("../fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"),url("../fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff");}

a {outline:none !important}
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; font-size:0.938rem}
.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% !important;background:#fff}
.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: #fff !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:#00aeef}
.resp-vmenu li.resp-menu-active:after {right: 20px; color:#00aeef}
.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 !important;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}
.mega-dropdown {min-width:550px !important; width:100%;}

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

.resp-menu-container ul.megamenu-list {padding:0px; background:transparent !important}
.resp-menu-container ul.megamenu-list, .dropdown-menu ul.menu-list {min-width:inherit}
.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; 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;}*/
/*.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: 768px) {
.resp-menu-container ul.megamenu-list li a, .dropdown-menu ul.menu-list li a {color:#000 !important; text-decoration:none;display:block}
.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: 1024px){
    .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;
        }
    }