/* compiled by scssphp 1.12.1 on Tue, 19 May 2026 10:48:53 +0000 (0.0013s) */

.side-visual-section {
  position: relative;
  overflow: visible;
  padding-top: var(--side-section-padding-top, var(--side-section-padding-y, 64px));
  padding-bottom: var(--side-section-padding-bottom, var(--side-section-padding-y, 64px));
}
.side-visual-section > .container, .side-visual-section > .container-md, .side-visual-section > .container-lg, .side-visual-section > .container-fluid {
  position: relative;
  z-index: 2;
}
.side-visual-section::after {
  content: "";
  position: absolute;
  width: var(--side-image-width, min(60vw, 1000px));
  aspect-ratio: var(--side-image-ratio, 1/1);
  background-image: var(--side-image);
  background-repeat: no-repeat;
  background-position: var(--side-image-background-position, right bottom);
  background-size: contain;
  pointer-events: none;
  z-index: var(--side-image-z-index, 1);
}
.side-visual-section.side-image-right::after {
  right: var(--side-image-right, 0);
  left: auto;
}
.side-visual-section.side-image-left::after {
  left: var(--side-image-left, 0);
  right: auto;
  background-position: var(--side-image-background-position, left bottom);
}
.side-visual-section.side-align-bottom::after, .side-visual-section.side-overlap-bottom::after {
  bottom: var(--side-image-bottom, 0);
  top: auto;
}
.side-visual-section.side-align-top::after, .side-visual-section.side-overlap-top::after {
  top: var(--side-image-top, 0);
  bottom: auto;
}
.side-visual-section.side-align-center::after {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .side-visual-section.side-mobile-hidden::after {
    display: none;
  }
}
@media (max-width: 992px) {
  .side-visual-section.side-mobile-centered::after {
    right: 50%;
    left: auto;
    transform: translateX(50%);
  }
}