ul.resp-tabs-list { width: 100%; display: flex; flex-wrap: wrap; margin: 0px;padding: 0px;position: relative;z-index: 1; }
ul.resp-tabs-list:after{content: ""; width: 100%; height: 15px; position: absolute; left:0px; bottom:0;background:#F0F0F0; z-index:-1; clip-path: polygon(2% 0%, 100% 0%, 90% 100%, 0% 100%); }
ul.resp-tabs-list:before{content: ""; width:15%; height: 15px; position: absolute; right:0px; bottom:0;background:#EA5626; z-index:1;clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);  }

.resp-tabs-list li { font-size: 1.375rem;  font-weight: 500; padding:0px 30px 30px 30px; margin: 0px 2px 0px 0px; letter-spacing: 1px;  list-style: none; cursor: pointer;  color:#1F100B; background-color:transparent;position: relative; z-index: 2;}



/*.resp-tabs-list li:before{content: ""; width:100%; height: 15px; position: absolute; z-index: -1; right:0px; bottom:0;background:#1F100B;   clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%); }
*/
.resp-tabs-list li a{ color:#1F100B;  }
.resp-tabs-list li:hover a{ color:#f39800!important;  }

.resp-tabs-container { width: 100%; padding: 0px; clear: left;}
h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content { display: none;padding:0px;}
.resp-tabs-list li.resp-tab-active{ color:#1F100B; background-color: transparent  }
.resp-tabs-list li.resp-tab-active:before{content: ""; width:100%; height: 15px; position: absolute; z-index: -1; right:0px; bottom:0;background:#1F100B;   clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);  transition: all 0.3s linear 0s;   }

.resp-tabs-list li:before{ content: ""; width:100%; height: 15px; position: absolute; z-index: -1; right:0px; bottom:0;opacity: 0; transform: translateX(-20px); background:#1F100B; clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);  transition: all 0.3s linear 0s;}
.resp-tabs-list li:hover:before{  opacity: 1; transform: translateX(0px);   }

 @media (max-width: 767.98px) {
.resp-tabs-list li { font-size: .9rem; padding:0px 20px 10px 20px;  }
ul.resp-tabs-list:after{  height: 8px; }
ul.resp-tabs-list:before{height: 8px;  }
.resp-tabs-list li:before{height: 8px;}
.resp-tabs-list li.resp-tab-active:before{height: 8px;}    
}

.resp-tab-active {  color:#1F100B; background-color: transparent}
.resp-content-active, .resp-accordion-active { display: block;}
   
.resp-tab-content { border:none;}
h2.resp-accordion {    border: 1px solid #626262; border-top: 0px solid #626262; margin:2px 0px;padding: 10px 15px;}
h2.resp-tab-active { border-bottom: 0px solid #626262 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child { border-bottom: none !important; background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.resp-vtabs ul.resp-tabs-list { float: left;width:100%; margin-top: 0px;}
.resp-vtabs .resp-tabs-list li {display: block; width: 100%; padding: 15px  !important; margin: 0px; cursor: pointer; float: none;  font-size: 1.375rem; font-weight: 500;  color: #666464!important;  border-bottom: 1px solid #c1c1c1 !important; }
.resp-vtabs .resp-tabs-list li a { text-align: left; color: #666464!important; font-size: 1.375rem;  font-weight: 400; }
.resp-vtabs .resp-tabs-container { padding:30px 10px;  background-color: #fff;  border-left: 1px solid #c1c1c1;float: left; width: calc(100% - 250px);  min-height: 250px; border-radius: 0px; clear: none;}
.resp-vtabs .resp-tab-content {  border: none; word-wrap: break-word;}
.resp-vtabs li.resp-tab-active {  position: relative; z-index: 1; color: #fff!important; background: #f39700!important;  }
.resp-vtabs .resp-tabs-list li:last-child { border-bottom: none !important;}
.resp-arrow { 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-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;}
    

/*-----------Accordion styles-----------*/
h2.resp-tab-active {  background: #DBDBDB;/* !important;*/}
.resp-easy-accordion h2.resp-accordion { display: block;}
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1;background-color: #626262;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: none  !important; }
.resp-jfit { width: 100%;margin: 0px;}
.resp-tab-content-active { display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1;/* !important;*/}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed
@media only screen and (max-width: 768px) {
ul.resp-tabs-list {  display: none; }
h2.resp-accordion {  display: block;width: 100%; background-color: #626262; color: #fff; }
.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;  }
.resp-vtabs .resp-tabs-container {border: none;float: none; width: 100%;min-height: 100px;clear: none;    }
.resp-accordion-closed {display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}
*/