ul.tabs,  ul.tabs2 {margin: 0;padding: 0;list-style: none;display: flex;width: 100%;gap: 3rem;}
ul.tabs li, ul.tabs2 li {margin: 0;cursor: pointer;position: relative;border-bottom: 1px solid transparent;font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300;}
ul.tabs li:hover, ul.tabs li.active {border-bottom-color: var(--black-color);}
ul.tabs li.active, ul.tabs2 li.active {display: block;font-weight: 700;}
ul.tabs2 li {border-width: 2px;}
ul.tabs2 li:hover, ul.tabs2 li.active {border-bottom-color: #0D99FF;}
.tab_content, .tab_content2 {padding: 20px 0px;display: none;}
.tab_drawer_heading, .tab_drawer_heading2 { display: none; }

.resp-tabs-list {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 20px 0px;
    border-top: 1px solid #7B7979;
    border-bottom: 1px solid #7B7979;
    color: var(--black-color);
}
.resp-tab-item {cursor: pointer;}
.resp-tab-active {font-weight: 600;}
.resp-tab-content {display: none;padding: 3rem 0rem;}
.resp-accordion{display: none;}
.resp-content-active, .resp-accordion-active {display: block;}


@media (max-width: 991px){
ul.tabs li, ul.tabs2 li {font-size: 15px;}
ul.tabs, ul.tabs2 {flex: 1;gap: 1rem;}
.tab-nav {justify-content: space-between;}
.view-more {width: auto;}
}

@media (max-width: 767px) {
ul.tabs,  ul.tabs2 {display: none;}
.tab_drawer_heading, .tab_drawer_heading2 {
	border-top: 1px solid #CBC5C5;
	margin: 0;
	padding: 15px;
	display: block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.d_active {background-color: var(--primary-color);color: var(--white-color);}

ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;font-size: 18px; border-top: 1px solid #EDEDED; padding: 15px 0px; margin-bottom: 0;position: relative;}
.resp-tab-content{padding: 1rem 0rem;}
span.resp-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
span.resp-arrow::before, span.resp-arrow::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 2px;
    background: var(--black-color);
    right: 0;
	transition: all 0.9s;
}
span.resp-arrow::after {transform: rotate(90deg);}
.resp-tab-active span.resp-arrow::after {transform: rotate(0deg);}
}