ul.resp-tabs-list { margin: 0px; padding: 0px; }
.resp-tabs-list li { display: inline-block; margin: 0;list-style: none; cursor: pointer; float: left;}
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content { display: none; }
.resp-content-active,
.resp-accordion-active { display: block; }
h2.resp-accordion { padding: 10px 15px; font-size: 20px!important; font-family: 'poppinssemibold'; color: var(--steel-blue); margin: 2px 0 0!important; }
h2.resp-accordion a { text-decoration: none; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 35%;}
.resp-vtabs .resp-tabs-list li { display: block; margin-bottom: 20px; cursor: pointer; float: none; font-size: 20px; font-family: 'poppinssemibold'; color: var(--steel-blue);}
.resp-vtabs .resp-tabs-list li a { font-size: 20px;  color: var(--steel-blue); text-decoration: none; }
.resp-vtabs .resp-tabs-list li a .num { font-size: 20px; color: var(--blue); font-family: 'poppinssemibold'; margin-right: 10px; display: inline-block; }
.resp-vtabs .resp-tabs-container { padding: 0px; float: left; width: 65%; min-height: 250px; clear: none;}

.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs .resp-tab-content .title_head { display: flex; align-items: center; gap:30px; margin-bottom: 10px; }
.resp-vtabs .resp-tab-content .title_head .icon { max-width: 90px; }
.resp-vtabs .resp-tab-content .title_head .icon img { width:90px; }
.resp-vtabs .resp-tab-content .title_head h3 { font-size: 30px; font-family: 'poppinssemibold'; margin: 0; }
.resp-vtabs .resp-tab-content .title_head .num { font-size: 20px; color: var(--blue); font-family: 'poppinssemibold'; }
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; }
.resp-vtabs li.resp-tab-active a { color: var(--black); }
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid var(--sky-blue);
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid var(--white);
}

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

h2.resp-tab-active { background: var(--sky-blue) !important; }
h2.resp-tab-active a { color: var(--white); }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-tab-content-active { display: block; }

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

  ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; background: rgba(105,197,218, 0.25); }
  .tabs .resp-vtabs { padding-top: 0!important; }
  .resp-vtabs .resp-tab-content { padding: 20px 0; }
  .resp-vtabs .resp-tab-content .title_head { gap: 0 15px; }
  .resp-vtabs .resp-tab-content .title_head .icon { width: 45px; }
  .resp-vtabs .resp-tab-content .title_head h3 { font-size:20px; }
  .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
  .resp-accordion-closed { display: none !important; }

}
