/**
 * #.# Tabs Module
 *
 * Styles for template-part/modules/tabs_module.php
**/

.tabs_module{background-color:var(--white);padding:60px 0 40px}
.tabs_module .nav{display:flex;justify-content:flex-start;align-items:flex-end;gap:0.5rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}
#pills-tabContent{margin-top:0;background-color:var(--grey);border-radius:0 var(--radius) var(--radius) var(--radius);padding:50px}
.tabs_module .nav-item{flex:0 0 auto}
.tabs_module .nav-links{color:var(--black);font-size:clamp(16px,calc(16px + (32 - 16) * ((100vw - 375px) / (1440 - 375))),32px);line-height:clamp(30px,calc(30px + (60 - 30) * ((100vw - 375px) / (1440 - 375))),60px);letter-spacing:clamp(-1px,calc(-1px + (-2 - -1) * ((100vw - 375px) / (1440 - 375))),-2px);position:relative;padding:15px 20px 15px 45px;border-radius:var(--radius) var(--radius) 0 0;transition:var(--transition)}
.tabs_module .nav-links::before{content:"";width:15px;height:15px;border:1px solid var(--black);position:absolute;border-radius:50%;left:20px;top:calc(50% - 8px)}
.tabs_module .nav-links.active::before{background-color:var(--black)}
.tabs_module .nav-links{border:0;background-color:transparent}
.tabs_module .nav-links.active{background-color:var(--grey)}
/*.tabs_module .tab-pane .row{align-items:center}*/


.tab-content .content-block h3 {
  font-family: var(--black-font);
  font-size: clamp(34px, 4.444vw, 64px);
  font-weight: 900;
  letter-spacing: clamp(-1.8px, -0.125vw, -0.5px);
  line-height: clamp(36px, 4.167vw, 60px);
  padding-bottom: 25px;
}

@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
  .tabs_module .nav-item {flex: 0 0 auto; width: 100%;}
  .tabs_module .nav-links {border-radius: var(--radius); width: 100%;}
  .tabs_module .nav-links::before {top: calc(50% - 7px);}
  .tabs_module .nav {gap: 0.5rem;}
  #pills-tabContent {margin-top: 0px;margin-bottom: 40px;padding: 30px; border-radius: var(--radius);}
  .tabs_module {padding: 20px 0 40px;}
  .tabs_module .image-block {margin-bottom:50px}
}

@media (max-width: 600px) {

}