ul.resp-tabs-list { margin: 0px; padding: 0px; }
.resp-vtabs h2.resp-accordion { cursor: pointer; padding: 5px; }
.resp-tab-active { border-bottom: none; background-color: #fff; }
.resp-content-active,
.resp-accordion-active { display: block; }

@media (min-width:1024px) {
  .resp-vtabs h2.resp-accordion { display: none!important; }
}

/*-----------Vertical tabs-----------*/
.resp-vtabs .tabwrap { display: flex; gap: 0 20px; }
.resp-vtabs ul.resp-tabs-list { width: calc(50% - 10px); padding: 0; margin: 0; }
.resp-vtabs .resp-tabs-list li { display: flex; align-items: center; padding: 18px 40px 18px 15px; cursor: pointer; border-radius: 15px; margin-bottom: 15px; border: none; font-size: 28px; line-height: 45px; font-family: 'DM Sans Medium'; background: rgba(217,217,217,.15); color: #fff; position: relative; overflow: hidden; }
.resp-vtabs .resp-tabs-list li:has(.icon) { padding-left: 0; }
.resp-vtabs .resp-tabs-list li:after { content:''; width: 24px; height: 20px; background: url('../images/arrow_grey.svg') no-repeat left top; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.resp-vtabs .resp-tabs-list li:hover:after, .resp-vtabs .resp-tabs-list li.resp-tab-active:after { background: url('../images/arrow_green_2.svg') no-repeat left top; height: 16px; }

.resp-vtabs .resp-tabs-list li:last-child { margin-bottom: 0; }
.resp-vtabs .resp-tabs-list li:hover { background-color: #F1F1F1; color: #000000; }
.resp-vtabs li.resp-tab-active { border-right: none; background-color: #F1F1F1; position: relative; z-index: 1; color: #000000; }
.resp-vtabs .resp-tabs-container { padding: 0px; width: 50%; min-height: 250px; clear: none; }
.resp-tab-content { display: none; padding: 30px; border: 1px solid #00A400; border-radius: 15px; background-color: #f1f1f1; min-height: 748px; }

/* .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 #000; } */
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #000; }

/*-----------Accordion styles-----------*/

.resp-vtabs h2.resp-accordion { display: flex; position: relative; overflow: hidden; background: rgba(217,217,217,.15); color: #fff; font-size: 16px; margin: 0px 0 10px 0; padding: 15px 15px 15px 15px; border-radius: 10px; }
.resp-vtabs h2.resp-accordion:has(.icon) { padding-left: 0; }

.resp-vtabs h2.resp-tab-active { background: #fff; margin: 0px; color: #000000; border-radius: 10px 10px 0 0; }
.resp-vtabs h2.resp-accordion .resp-arrow { display: none; }
.resp-vtabs .resp-tab-content { border: 1px solid #00A400; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #efefef; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
.resp-vtabs h2.resp-accordion span { display: inline-block; margin-right: 10px; min-width: 57px; }
.resp-vtabs h2.resp-accordion span:before { content:''; width: 57px; height: 150%; background: rgba(0,0,0,.25); border-radius: 0 50% 50% 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.resp-vtabs h2.resp-accordion span img { max-width: 25px; max-height: 25px; height: auto; width: auto; display: block; margin: auto; position: relative; z-index: 2; top: 50%;  transform: translateY(-50%); }
.resp-vtabs h2.resp-tab-active span:before { background: rgba(68,148,45, .25); }


@media only screen and (max-width: 1023px) {

  ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; }
  .resp-vtabs .resp-tab-content { border: 1px solid #efefef; padding: 15px; min-height: auto; margin: 0 0 10px 0; border-radius: 0 0 10px 10px; }
  .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none;}
  .resp-accordion-closed { display: none !important; }
  .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #efefef !important; }

}