.about--image, .about--content {
  max-height: 444px;
  width: var(--spacing-full);
}
@media (min-width: 992px) {
  .about--image, .about--content {
    height: 290px;
    max-height: var(--properties-unset);
  }
}
@media (min-width: 1400px) {
  .about--image, .about--content {
    height: 340px;
  }
}
/*
@media (min-width: 1920px) {
  .about--image, .about--content {
    height: 444px;
  }
}
*/
@media (min-width: 992px) {
  .about--content {
    padding: var(--spacing-35) var(--spacing-30);
  }
}
@media (min-width: 1400px) {
  .about--content {
    padding: var(--spacing-54) var(--spacing-62);
  }
}
/*
@media (min-width: 1920px) {
  .about--content {
    padding: var(--spacing-92) var(--spacing-xxxxl);
  }
}
*/
@media (min-width: 992px) {
  .about--career::before, .about--career::after {
    content: "";
    position: var(--position-a);
    background-repeat: no-repeat;
  }
  .about--career::before {
    background-image: url('/Areas/CMS/assets/img/pattern_s.svg');
    background-size: 600px;
    width: 460px;
    height: 400px;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
  }
}
@media (min-width: 992px) and (min-width: 1920px) {
  .about--career::before {
    width: max(500px, 26.042vw);
    height: max(470px, 24.479vw);
  }
}
@media (min-width: 992px) {
  .about--career::after {
    background: url('/Areas/CMS/assets/img/dotted_line.svg');
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    width: 399px;
    height: var(--spacing-17);
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .about--career::after {
    width: 588px;
  }
}
@media (min-width: 992px) and (min-width: 1400px) {
  .about--career::after {
    width: 718px;
  }
}
@media (min-width: 992px) and (min-width: 1680px) {
  .about--career::after {
    width: 881px;
  }
}
@media (min-width: 992px) and (min-width: 1920px) {
  .about--career::after {
    width: max(881px, 45.885vw);
  }
}
@media (min-width: 992px) {
  .about--career--btshap::after {
    content: "";
    position: var(--position-a);
    background: url('/Areas/CMS/assets/img/round_bottom.svg');
    background-repeat: no-repeat;
    background-size: contain;
    right: 40%;
    height: var(--spacing-74);
    bottom: -74px;
    width: 430px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .about--career--btshap::after {
    right: 30%;
  }
}
@media (min-width: 992px) and (min-width: 1920px) {
  .about--career--btshap::after {
    width: 500px;
    right: 20%;
  }
}/*# sourceMappingURL=about.css.map */
