.heading-xl {
  font-size: clamp(1.4238rem, 1.0595rem + 1.8214vw, 2.6647rem);
  font-weight: 700;
  color: #419b36;
}
.dk-usp-section {
  padding: 1rem;
  background: #e9f0e6;
}
.dk-usp-wrapper {
  display: grid;
  gap: 2rem;
  padding-inline: 2rem;
  padding-block: 1.5rem;
  margin: 0;
  grid-template-columns: auto !important;
}
.dk-usp-wrapper.vc_row.vc_row-flex {
  display: grid;
}
.dk-usp-section .vc_tta-panels {
  background: #fff !important;
  border-color: #fff !important;
  border-radius: 1rem !important;
}
@media (width >= 800px) {
  .dk-usp-wrapper {
    grid-template-columns: 1fr 1fr !important;
    align-items: center;
    gap: 4rem;
    padding-inline: 4rem !important;
    padding-block: 4rem;
    margin: 0;
    max-width: fit-content !important;
  }
  .dk-usp-section {
    padding: 4rem !important;
  }
}
.dk-usp-wrapper .wpb_content_element {
  margin-bottom: 0 !important;
}
.dk-usp-wrapper p {
  font-size: clamp(1rem, 0.9633rem + 0.1835vw, 1.125rem);
}
.dk-usp-wrapper .vc_col-sm-6 {
  width: auto;
  grid-column: auto !important;

}

.dk-usp-text .wpb_wrapper {
  display: grid;
  gap: 1rem;
 
}
.dk-usp-text h2 {
    text-wrap: balance;
}
.dk-usp-section .vc_tta-tabs-list {
  display: flex !important;
  gap: 1rem;
  overflow-x: auto !important;
  scroll-behavior: smooth;
  justify-content: center;
  user-select: none; /* Prevent text highlighting */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.dk-usp-section .vc_tta-tabs-list::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.dk-usp-section .vc_tta-tabs-list {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.dk-usp-section .vc_tta-tab {
  margin: 0 !important;
}
.dk-usp-section .vc_tta.vc_general .vc_tta-tab > a {
  border-radius: 999px !important;
  background: rgba(255 255 255 / 0.3) !important;
  border: none !important;
  font-size: 1rem !important;
  font-weight: 600;
  color: #333 !important;
  white-space: nowrap;
}
.dk-usp-section .vc_tta.vc_general .vc_tta-tab > a:hover {
  background: rgba(255 255 255 / 0.8) !important;
}
.dk-usp-section .vc_tta.vc_general .vc_tta-tab.vc_active > a,
.dk-usp-section .vc_tta.vc_general .vc_tta-tab.vc_active > a:hover {
  background: #fff !important;
  color: #333 !important;
}
.dk-usp-section .vc_tta-container {
  margin-bottom: initial !important;
}
.dk-usp-section .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: block !important;
}
.dk-usp-section .vc_tta-panel .vc_tta-panel-body {
  transform: none !important;
  transition: none !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}
/* Scrolling container */
@media (max-width: 900px) {
  .dk-usp-section .vc_tta.vc_tta-tabs .vc_tta-tabs-container,
  .dk-usp-section .vc_tta-panel-heading {
    display: none !important;
  }
  .dk-usp-section .vc_tta-panel .vc_tta-panel-body {
    transform: none !important;
    transition: none !important;
    /*Dölj för att byta namn på section*/
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
  }
  .dk-usp-section .vc_tta-panels-container {
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    scroll-snap-type: x mandatory;
    padding-bottom: 0;
    scrollbar-width: none;
  }
  .dk-usp-section .vc_tta-panels {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem;
    width: fit-content;
    background: transparent !important;
    padding-block: 1rem;
    padding-inline: 4rem;
    border: none !important;
  }
  .dk-usp-section .vc_tta-panel {
    background: #fff;
    border-radius: 1rem;
    flex-shrink: 0;
    width: 80vw;
    scroll-snap-align: center;
  }
}
@media (width >= 1250px) {
  .dk-usp-section .vc_tta-panels-container {
    max-inline-size: 1360px;
    margin-inline: auto;
  }
}