.two-columns--container {
  display: flex;
  gap: 60px;
}
.two-columns.layout--left-right .two-columns--container {
  flex-direction: column;
}
.two-columns.layout--right-left .two-columns--container {
  flex-direction: column-reverse;
}
@media screen and (width >= 60rem) {
  .two-columns.layout--left-right .two-columns--container, .two-columns.layout--right-left .two-columns--container {
    flex-direction: row;
  }
}
.two-columns--buttons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 25px;
}
.two-columns--column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (width >= 60rem) {
  .two-columns--column {
    gap: 50px;
  }
}
.two-columns--column-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-block: 25px;
}
@media screen and (width >= 48rem) {
  .two-columns--column-content {
    margin-inline: auto;
    max-width: 500px;
  }
}
@media screen and (width < 48rem) {
  .two-columns--column-content:has(.prefix-quote) {
    padding-left: 30px;
  }
}
@media screen and (width >= 48rem) {
  .two-columns--column-content.extra-space {
    max-width: 620px;
  }
}
@media screen and (width >= 60rem) {
  .two-columns--column-content.extra-space {
    padding-left: 120px;
  }
}
.two-columns--column-image {
  text-align: center;
}
.two-columns--column-stacked_image_-_content {
  padding-block: 10px;
}
@media screen and (width >= 48rem) {
  .two-columns--column-stacked_image_-_content {
    max-width: 32.563rem;
    margin-inline: auto;
  }
}
@media screen and (width >= 60rem) {
  .two-columns--column-stacked_image_-_content {
    padding-block: 25px;
  }
}
.two-columns--column-stacked_image_-_content .two-columns--image {
  width: 100%;
  margin-bottom: 20px;
}
.two-columns .prefix-quote {
  position: relative;
}
.two-columns .prefix-quote::before {
  content: "";
  width: 22px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: -33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M6.12121 5.0303C5.83838 5.59596 5.41414 6.0404 4.84848 6.36364C4.76768 6.40404 4.58586 6.48485 4.30303 6.60606C4.0202 6.72727 3.81818 6.84848 3.69697 6.9697C3.57576 7.09091 3.51515 7.21212 3.51515 7.33333C3.51515 7.65657 3.65657 7.81818 3.93939 7.81818C4.0202 7.81818 4.34343 7.73737 4.90909 7.57576C5.51515 7.37374 6.16162 7.27273 6.84849 7.27273H8.72727V16H0V8.12121C0 7.27273 0.121212 6.52525 0.363636 5.87879C0.646465 5.23232 1.25253 4.0606 2.18182 2.36363L3.51515 0H8.72727L6.12121 5.0303ZM18.7273 5.0303C18.4444 5.59596 18.0202 6.0404 17.4545 6.36364C17.3737 6.40404 17.1919 6.48485 16.9091 6.60606C16.6263 6.72727 16.4242 6.84848 16.303 6.9697C16.1818 7.09091 16.1212 7.21212 16.1212 7.33333C16.1212 7.65657 16.2626 7.81818 16.5455 7.81818C16.6263 7.81818 16.9495 7.73737 17.5152 7.57576C18.1212 7.37374 18.7677 7.27273 19.4545 7.27273H21.3333V16H12.6061V8.12121C12.6061 7.27273 12.7273 6.52525 12.9697 5.87879C13.2525 5.23232 13.8586 4.0606 14.7879 2.36363L16.1212 0H21.3333L18.7273 5.0303Z' fill='%238A61B6'/%3E%3C/svg%3E") no-repeat center center;
}
@media screen and (width < 71.25rem) {
  .two-columns--column-gallery {
    margin-bottom: 80px;
  }
}
@media screen and (width >= 71.25rem) {
  .two-columns--column-gallery {
    padding-inline: 60px;
  }
}
.two-columns--column-gallery .splide--progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -90px;
}
@media screen and (width >= 71.25rem) {
  .two-columns--column-gallery .splide--progress {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    left: -60px;
    width: calc(100% + 120px);
  }
  .two-columns--column-gallery .splide--progress .splide--counter {
    display: none;
  }
  .two-columns--column-gallery .splide--progress .splide__arrows {
    justify-content: space-between;
  }
}
.two-columns--column-code-container {
  padding: 25px 20px;
}
@media screen and (width >= 60rem) {
  .two-columns--column-code-container {
    padding: 80px 60px;
  }
}
.two-columns--column-code-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (width >= 48rem) {
  .two-columns--column-code-header {
    flex-direction: row;
    gap: 20px;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.two-columns--column-code-title {
  flex: 1;
  line-height: 1;
  margin: 0 !important;
}
.two-columns--column-code-info {
  margin-bottom: 0 !important;
}
@media screen and (width >= 48rem) {
  .two-columns--column-code-info {
    text-align: right;
  }
}
.two-columns--column-accordion {
  margin-inline: auto;
  max-width: 500px;
}
.two-columns--column-accordion .accordions {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (width >= 48rem) {
  .two-columns--column-accordion .accordions {
    gap: 30px;
  }
}
.two-columns--column-accordion .accordion-trigger {
  font-weight: 600;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  align-items: center;
  text-align: left;
}
.two-columns--column-accordion .accordion-trigger .accordion-title {
  padding-top: 2px;
}
.two-columns--column-accordion .accordion-panel {
  overflow: hidden;
  transition: all 0.3s ease;
  margin-left: 50px;
  visibility: hidden;
  display: grid;
  grid-template-rows: 0fr;
}
.two-columns--column-accordion .accordion-panel > * {
  overflow: hidden;
}
.two-columns--column-accordion .accordion-panel[aria-hidden=false] {
  padding-top: 5px;
  visibility: visible;
  grid-template-rows: 1fr;
}
.two-columns--column-accordion .accordion-icon {
  transition: transform 0.3s ease;
  margin-top: -1px;
}
.two-columns--column-accordion [aria-expanded=true] .accordion-icon {
  transform: rotate(45deg);
}
.two-columns--column-testimonial {
  margin-inline: auto;
  padding: 1.25rem;
  max-width: 500px;
  background-color: white;
  border-radius: 1rem;
  border: 1px solid var(--Light-Periwinkle);
}
.two-columns--column-testimonial .testimonial__quote {
  font-size: 16px;
  font-weight: normal;
}
.two-columns--column-testimonial .testimonial__byline {
  font-size: 13px;
  opacity: 0.7;
}