section.side-by-side {
  overflow: hidden;
  position: relative;
}
section.side-by-side .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  position: relative;
}
@media (max-width: 640px) {
  section.side-by-side .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    min-height: auto !important;
  }
}
section.side-by-side .underlay video {
  z-index: 1;
}
section.side-by-side .heading {
  width: calc( 50% - 2rem );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 640px) {
  section.side-by-side .heading {
    width: 100%;
    gap: 1.5rem;
  }
}
section.side-by-side .heading h3.archivo {
  margin-bottom: -1rem;
}
@media (max-width: 1080px) {
  section.side-by-side .heading h1 br, section.side-by-side .heading h2 br, section.side-by-side .heading h3 br {
    display: none;
  }
}
section.side-by-side .icon img {
  height: 75px;
  width: auto;
}
section.side-by-side .body-text ul {
  margin: 0;
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
section.side-by-side .body-text ul > br {
  display: none;
}
section.side-by-side .body-text ul li {
  position: relative;
  padding-left: 36px;
}
section.side-by-side .body-text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  background-image: url('data:image/svg+xml;utf8,<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9091 10.9199L12.5716 17.9199L8.90906 14.4199" stroke="white" stroke-opacity="0.7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.4091 25.9199C21.0365 25.9199 26.4091 20.5473 26.4091 13.9199C26.4091 7.2925 21.0365 1.91992 14.4091 1.91992C7.78164 1.91992 2.40906 7.2925 2.40906 13.9199C2.40906 20.5473 7.78164 25.9199 14.4091 25.9199Z" stroke="white" stroke-opacity="0.7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
section.side-by-side.dark .body-text ul li:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9091 10.9199L12.5716 17.9199L8.90906 14.4199" stroke="black" stroke-opacity="0.7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.4091 25.9199C21.0365 25.9199 26.4091 20.5473 26.4091 13.9199C26.4091 7.2925 21.0365 1.91992 14.4091 1.91992C7.78164 1.91992 2.40906 7.2925 2.40906 13.9199C2.40906 20.5473 7.78164 25.9199 14.4091 25.9199Z" stroke="black" stroke-opacity="0.7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.side-by-side .graphic {
  -webkit-filter: drop-shadow(0px 4px 36px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0px 4px 36px rgba(0, 0, 0, 0.15));
}
section.side-by-side .graphic img, section.side-by-side .graphic video, section.side-by-side .graphic iframe, section.side-by-side .graphic .video-object {
  border-radius: 16px;
  overflow: hidden;
}
section.side-by-side .graphic.clip-none img, section.side-by-side .graphic.clip-none video, section.side-by-side .graphic.clip-none iframe, section.side-by-side .graphic.clip-none .video-object {
  border-radius: 0 !important;
}
section.side-by-side .graphic.clip-one-corner img, section.side-by-side .graphic.clip-one-corner video, section.side-by-side .graphic.clip-one-corner iframe, section.side-by-side .graphic.clip-one-corner .video-object {
  border-radius: 16px;
  border-top-left-radius: 128px;
}
@media (max-width: 1080px) {
  section.side-by-side .graphic.clip-one-corner img, section.side-by-side .graphic.clip-one-corner video, section.side-by-side .graphic.clip-one-corner iframe, section.side-by-side .graphic.clip-one-corner .video-object {
    border-top-left-radius: 40px;
  }
}
section.side-by-side .graphic.clip-two-corner img, section.side-by-side .graphic.clip-two-corner video, section.side-by-side .graphic.clip-two-corner iframe, section.side-by-side .graphic.clip-two-corner .video-object {
  border-radius: 16px;
  border-top-left-radius: 128px;
  border-bottom-right-radius: 128px;
}
@media (max-width: 1080px) {
  section.side-by-side .graphic.clip-two-corner img, section.side-by-side .graphic.clip-two-corner video, section.side-by-side .graphic.clip-two-corner iframe, section.side-by-side .graphic.clip-two-corner .video-object {
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
}
section.side-by-side.orient-left .content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 640px) {
  section.side-by-side.orient-left .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
section.side-by-side.orient-left .graphic.clip-one-corner img, section.side-by-side.orient-left .graphic.clip-one-corner video, section.side-by-side.orient-left .graphic.clip-one-corner iframe, section.side-by-side.orient-left .graphic.clip-one-corner .video-object {
  border-top-left-radius: 16px;
  border-top-right-radius: 128px;
}
@media (max-width: 1080px) {
  section.side-by-side.orient-left .graphic.clip-one-corner img, section.side-by-side.orient-left .graphic.clip-one-corner video, section.side-by-side.orient-left .graphic.clip-one-corner iframe, section.side-by-side.orient-left .graphic.clip-one-corner .video-object {
    border-top-right-radius: 40px;
  }
}
section.side-by-side.orient-left .graphic.clip-two-corner img, section.side-by-side.orient-left .graphic.clip-two-corner video, section.side-by-side.orient-left .graphic.clip-two-corner iframe, section.side-by-side.orient-left .graphic.clip-two-corner .video-object {
  border-radius: 16px;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 128px;
  border-bottom-left-radius: 128px;
}
@media (max-width: 1080px) {
  section.side-by-side.orient-left .graphic.clip-two-corner img, section.side-by-side.orient-left .graphic.clip-two-corner video, section.side-by-side.orient-left .graphic.clip-two-corner iframe, section.side-by-side.orient-left .graphic.clip-two-corner .video-object {
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }
}
section.side-by-side.image-contain .graphic {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc( 50% - 2rem );
  z-index: 3;
  position: relative;
}
@media (max-width: 640px) {
  section.side-by-side.image-contain .graphic {
    width: 100%;
  }
}
section.side-by-side.image-clip-edge .graphic {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: calc( 50% + 2rem );
  width: calc( 50vw - 2rem );
  height: 100%;
  overflow: hidden;
  z-index: 3;
}
section.side-by-side.image-clip-edge .graphic img, section.side-by-side.image-clip-edge .graphic video, section.side-by-side.image-clip-edge .graphic iframe, section.side-by-side.image-clip-edge .graphic .video-object {
  height: 100%;
  width: auto;
}
@media (max-width: 640px) {
  section.side-by-side.image-clip-edge .graphic img, section.side-by-side.image-clip-edge .graphic video, section.side-by-side.image-clip-edge .graphic iframe, section.side-by-side.image-clip-edge .graphic .video-object {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 640px) {
  section.side-by-side.image-clip-edge .graphic {
    overflow: visible;
    position: relative;
    width: 100%;
    left: 0;
  }
}
section.side-by-side.image-clip-edge.orient-left .graphic {
  left: auto;
  right: calc( 50% + 2rem );
  direction: rtl;
}
@media (max-width: 640px) {
  section.side-by-side.image-clip-edge.orient-left .graphic {
    right: 0;
  }
}
@media (max-width: 640px) {
  section.side-by-side.hero-top .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
/*# sourceMappingURL=side-by-side.css.map */