ul.resp-tabs-list{margin:0;padding:0}
.resp-tabs-list li{font-weight:500;font-size:15px;padding:13px 15px;margin:0 4px 0 0;list-style:none;cursor:pointer;float:left}
.resp-tabs-container{padding:0;clear:left;}
h2.resp-accordion{cursor:pointer;padding:5px;display:none;}
.resp-tab-content{display:none;padding:0 15px;}
.resp-tab-active{color: var(--color-green);}
.resp-content-active,.resp-accordion-active{display:block}
.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#5ab1d0}
h2.resp-accordion{margin:0;padding:15px 15px; background-color: transparent !important; border: none; font-size: 15px; text-transform: uppercase; font-weight: 600; text-align: right;}
h2.resp-tab-active{border-bottom:0 solid #c1c1c1!important;margin-bottom:0!important;padding:15px 15px!important}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1!important;background:blue}
.resp-vtabs ul.resp-tabs-list{float:left;}
.resp-vtabs .resp-tabs-list li{display:block;padding:10px 15px;margin:0 0 0px;cursor:pointer;float:none; color: var(--color-black);}
.resp-vtabs .resp-tabs-list li a{color: var(--color-black);}
.resp-vtabs .resp-tabs-list li:hover,.resp-vtabs .resp-tabs-list li a:hover{color: var(--color-one);}
.resp-vtabs .resp-tabs-container{padding:0px; margin-top: 50px; border:0px solid #c1c1c1;float:left;width:50%;border-radius:4px;clear:none;}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}

.resp-vtabs li.resp-tab-active{position:relative;z-index:1;padding:10px 15px!important;margin-bottom:0px!important;}
/* .resp-arrow{width:0;height:0;float:left;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9b9797} */
h2.resp-tab-active{background:#dbdbdb}
.resp-easy-accordion h2.resp-accordion{display:block}
.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}
.resp-tab-content-active{display:block;}
h2.resp-accordion:first-child{border-top:0px solid #c1c1c1}

.level-1{width:50%;height:100vh;overflow-y:scroll;background:rgba(255,255,255,.6);padding:90px 0 90px 30px!important}
ul.level-1 li{font-size: 20px; background-color: transparent !important; text-transform: uppercase;}
ul.level-1 li.resp-tab-active{color: var(--color-one);}
ul.level-1 li.resp-tab-active a:hover{color: var(--color-black);}
ul.level-2{width:100%;height: 500px; overflow-y: scroll; margin-top: 50px !important;}
ul.level-2 li{background-color: transparent !important; padding: 6px 10px !important; font-size: 17px; font-weight:600;}
ul.level-2 li a{display: block; font-size: 16px; font-weight: 400;}
ul.level-2 li a:hover{color: var(--color-one);}
ul.level-2 li.resp-tab-active{background-color: #f4f4f4 !important; color: var(--color-black); padding: 6px 10px !important;}

.level-3{height: 600px; width:50% !important; overflow-y: scroll;}
.level-3 ul{margin: 0; padding: 0;}
.level-3 ul li{list-style: none;padding:8px 10px !important; font-size: 16px; font-weight: 400;line-height: 20px;}
.level-3 ul li a{display: block; font-size: 15px; font-weight: 400; color: var(--color-white);}
.level-3 ul li a:hover{color: var(--color-two);}
.level-3 ul li.head{font-weight: 500;padding-bottom: 0 !important;text-decoration: underline;}

ul.same2nd-child-list li{padding: 5px 10px 5px 10px !important; list-style: none !important;}
ul.same2nd-child-list li a{font-size: 14px;}

#menu-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#ffffff}
#menu-scroll::-webkit-scrollbar{width:3px;background-color:#fbfbfb}
#menu-scroll::-webkit-scrollbar-thumb{background-color:#444444}

#menu-scroll1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#146456}
#menu-scroll1::-webkit-scrollbar{width:2px;background-color:#fbfbfb}
#menu-scroll1::-webkit-scrollbar-thumb{background-color:#ffffff}



.md {display: block !important;}
.xs {display: none !important;}

.mobilenodisplay .resp-arrow{display: none !important;}


@media(min-width:320px) and (max-width:900px) {

.md {display: none !important;}
.md h2 {display: none !important;}
.xs {display: block !important;}
ul.resp-tabs-list{width:100%; height: auto; overflow-y:unset; background: transparent !important; padding:0px !important;margin-top: 0 !important; margin-bottom: 0 !important;}
ul.resp-tabs-list li{display:none !important;}
ul.resp-tabs-list li.tab-single-link{display: block !important; margin: 0; padding:10px 15px 10px 15px; background-color: transparent !important; border: none; font-size: 14px; text-transform: capitalize; font-weight: 500; text-align: right;}
h2.resp-accordion{display:block;font-size: 14px; text-transform: capitalize; font-weight:400;}
.resp-vtabs .resp-tab-content{border:0px solid #cbcbcb !important; text-align: right;}
.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none;padding: 0;margin-top: 0 !important;}
.resp-accordion-closed{display:none!important}
.resp-vtabs .resp-tab-content:last-child{border-bottom:0px solid #c1c1c1!important}
.level-2,.level-3 { height: auto !important; width: 100% !important;}
ul.level-2 li ul{padding-left: 0;}
.level-3 ul li a{font-size: 14px; font-weight: 500;color: var(--color-black);}
.level-3 ul li {padding: 8px 0px 8px 10px !important;}
ul.level-2 li{font-size: inherit; padding:8px 0px 8px 10px !important;}
ul.level-2 li a {font-size: 14px; font-weight: 400; color: var(--color-black) !important;}
.level-2::-webkit-scrollbar {width: 0px !important;}
.level-3::-webkit-scrollbar {width: 0px !important;}
.level-3 h2.resp-accordion {padding: 15px 18px 15px 15px !important;}
.level-1{margin-bottom: 15px !important; display: none;}

.resp-arrow{position: relative; float: right;}
.resp-arrow:after { content: "\2b"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: -18px; top: 0%; color: var(--color-black); font-size: 14px;}
h2.resp-tab-active span.resp-arrow:after{content: "\f068"; font-family: 'Font Awesome 5 Free';}
.resp-vtabs::after { content: ""; clear: both; display: table;}
.resp-vtabs .resp-tabs-container::before { content: ""; clear: both; display: table;}
.for-mobile-shift{display: flex; flex-direction: column-reverse; flex-wrap: wrap;}
.resp-tab-content-active {display: none;}
.res-mob-head a span{font-weight: 500 !important; padding-right: 12px;}


}