/* WW Tabs: replaces Divi Supreme Pro "Advanced Tabs" with the same markup and look.
   1. Supreme's base tabs CSS  2. animate.css fadeIn  3. The per-module styles Supreme generated
   for the site's "service-tabs" settings (taken from the live site, Nov 2026). */

/* 1. Base */
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab {
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content {
  padding-bottom: 15px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper {
  display: none;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper.dsm-active {
  display: flex;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content-wrapper,
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content {
  width: 100%;
}
:where(.dsm_advanced_tabs.et_pb_with_border) {
  position: relative;
  border: 0 solid #333;
}

/* 2. fadeIn (animate.css) */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.dsm_advanced_tabs .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.dsm_advanced_tabs .fadeIn {
  animation-name: fadeIn;
}
@media (prefers-reduced-motion) {
  .dsm_advanced_tabs .animated {
    animation: unset !important;
    transition: none !important;
  }
}

/* 3. Module settings (service-tabs: hover trigger, 10px gap, 28px/300 titles, 60px pill tabs,
   4px #119e99 content border with 30px radius, 40px top margin, 30px padding). */
.dsm_advanced_tabs .dsm-content-wrapper {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-direction: column;
}
.dsm_advanced_tabs .dsm-content-wrapper .dsm-inner-content-wrapper {
  display: flex;
  flex-direction: column;
}
.dsm_advanced_tabs .dsm-content-wrapper .dsm-inner-content {
  width: 100% !important;
}
.dsm_advanced_tabs_0 .dsm-tab .dsm-title,
.dsm_advanced_tabs_0 .dsm-tab .dsm-title a {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.2em;
  text-align: center;
  color: #000;
}
.dsm_advanced_tabs_0 .dsm-tab {
  border-radius: 60px 60px 60px 60px;
  overflow: hidden;
  padding-top: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 30px !important;
  border-style: solid;
  background: #fff;
}
.dsm_advanced_tabs_0 .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper {
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  border-width: 4px;
  border-color: #119e99;
  border-style: solid;
  background: #fff0;
  margin-top: 40px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}
.dsm_advanced_tabs_0 .dsm-advanced-tabs-wrapper {
  border-style: solid;
  gap: 10px;
  justify-content: flex-start;
}
.dsm_advanced_tabs_0 .dsm-tab.dsm-active {
  background: #fff;
}
.dsm_advanced_tabs_0 .dsm-tab.dsm-active .dsm-title,
.dsm_advanced_tabs_0 .dsm-tab.dsm-active .dsm-title a {
  color: #fff;
}
.dsm_advanced_tabs_0 .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper.dsm-active .dsm-inner-content-wrapper {
  display: flex;
  align-items: center;
}
.dsm_advanced_tabs_0 .dsm-advanced-tabs-container {
  display: flex;
  flex-direction: column;
}
.dsm_advanced_tabs_0 .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab:focus {
  background: #fff;
  color: #fff;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper {
  background-color: #fff0 !important;
}
@media only screen and (max-width: 980px) {
  .dsm_advanced_tabs_0 .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper.dsm-active {
    display: flex;
    flex-direction: column;
  }
  .dsm_advanced_tabs_0 .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper.dsm-active .dsm-inner-content {
    margin-left: 0;
  }
}