.tab-wrap{ 
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
	justify-content: space-between;
}


.tabs-container{ 
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
	justify-content: space-between;
}

#verticalTab{
 	 
 }
 

 .resp-tabs-container {
     padding: 0px;
     clear: left;
}

 .resp-tab-content {
     display: none;
     padding: 15px;
}
 .resp-content-active, .resp-accordion-active {
     display: block;
}
 .resp-tab-content {
    /*border: 1px solid #c1c1c1;
    */
}

 h2.resp-accordion {
     cursor: pointer;
     padding: 5px;
     display: none;
	 
}

/*-----------Vertical tabs-----------*/
 .resp-vtabs ul.resp-tabs-list {  
     width: 30%;
	 list-style:none;
	 margin:0;
	 padding:0;
	 background-color:var(--accent);
	 color:#fff;
     /*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
     border-right: 1px solid rgba(255, 255, 255, 0.5);*/
}

 

 .resp-vtabs .resp-tabs-list li {
     padding: 10px 20px !important;
     margin: 0;
	 width:100%;
	 display:block;
     cursor: pointer;
	 line-height:normal;
     color:var(--white);
     position:relative;
     font-size:12px;
     font-weight:500;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	 transition: all 0.4s ease;
}
 .resp-vtabs .resp-tabs-list li:hover{
     color:#fff !important;
     background-color:var(--black);
	 padding: 10px 15px !important;
     
}
 .resp-tab-active {
}
 .resp-vtabs li.resp-tab-active{
     position:relative;
     z-index:1;
     background-color:var(--black);
     color:#fff;
}
 .resp-vtabs li.resp-tab-active:after{
  
	position:absolute;
	top:50%;
	right:-10px;
	content:'';
	border-top: 10px solid transparent;
      border-left: 10px solid #000;
      border-bottom: 10px solid transparent;
	margin-top:-10px;
 }
  
 
 .resp-vtabs .resp-tabs-container {
     width:70%;
	 background-color:#fff;
	 padding:20px;
     clear: none;
}
 
 .resp-arrow {
     width: 0;
     height: 0;
     float: right;
     margin-top: 3px;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid #E7908F;
}
/*-----------Accordion styles-----------*/
 h2.resp-accordion {
     font-size: 12px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     margin: 0px;
     padding: 8px 15px;
	 line-height:normal;
}
 h2.resp-tab-active {     
     padding: 10px 15px !important;
	 background: var(--accent); !important;
	 color:#fff;
}
 h2.resp-tab-title:last-child {
    /* border-bottom: 12px solid #c1c1c1 !important;
     background: blue;*/
}

 h2.resp-tab-active span.resp-arrow {
     border: none;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
}

 
 .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 !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;
    }
     .resp-vtabs .resp-tab-content {
        /*border: 1px solid #C1C1C1;
        */
         background-color: #fff;
		
    }
     .resp-vtabs .resp-tabs-container {
         border: none;         
         width: 100%;
         min-height: auto;
         clear: none; border-radius: 7px;
    }
     .resp-accordion-closed {
         display: none !important;
    }
     .resp-vtabs .resp-tab-content:last-child {
         border-bottom: 1px solid #c1c1c1 !important;
    }
}