/* Main-content-only Figma alignment for the case studies listing. */

.case-studies-page .case-study-copy-mobile {
  display: none;
}

.case-studies-page .case-study-motto {
  display: none !important;
}

@media screen and (min-width: 992px) {
  .case-studies-page .case-study-hero .hero-content h1 {
    position: absolute !important;
    top: 65.14px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body.case-studies-page .case-study-hero .hero-content .text {
    position: absolute !important;
    top: 205.14px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .case-studies-page .case-study-card-image {
    transform: translate(-93px, -55.87px) !important;
  }

  .case-studies-page .case-study-card-image-left {
    transform: translate(0, -55.87px) !important;
  }
}

@media screen and (max-width: 767px) {
  body.case-studies-page > main.schtelbeGlassPageContent {
    background-color: #fff;
    background-image: linear-gradient(
      115.77deg,
      rgba(136, 86, 255, 0) 11.79%,
      rgba(147, 203, 244, 0.64) 82.68%
    );
    background-position: center top;
    background-size: max(402.89px, 100vw) 2754.87px;
    background-repeat: no-repeat;
  }

  .case-studies-page #schtelbeGlassHome.case-study-hero .hero-bg {
    top: -70.3989px !important;
    left: calc(50% - 216.2036px) !important;
    width: 969.7px !important;
    height: 646.05px !important;
    transform: none !important;
  }

  body.case-studies-page #schtelbeGlassHome.case-study-hero .hero-bg img {
    object-fit: cover !important;
    object-position: center bottom !important;
  }

  body.case-studies-page #schtelbeGlassHome.case-study-hero {
    overflow: visible;
  }

  .case-studies-page .case-study-hero .hero-content h1 {
    position: absolute !important;
    top: 0;
    left: calc(50% - 136px + 3.59px);
    margin: 0 !important;
  }

  body.case-studies-page .case-study-hero .hero-content .text {
    position: absolute !important;
    top: 59px;
    left: 50%;
    width: min(300px, calc(100% - 32px)) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body.case-studies-page .case-study-hero .hero-content .text p {
    font-size: 14px !important;
    line-height: 19px !important;
  }

  .case-studies-page .case-study-copy-desktop {
    display: none;
  }

  .case-studies-page .case-study-copy-mobile {
    display: inline;
  }

  body.case-studies-page .case-study-card-content {
    top: 201.6776px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.case-studies-page .case-study-wraper > .col-12:nth-child(odd) .case-study-card-image {
    right: 15.9077px;
  }

  body.case-studies-page .case-study-wraper > .col-12:nth-child(odd) .case-study-card-content {
    left: 16.2236px;
  }

  body.case-studies-page .case-study-wraper > .col-12:nth-child(even) .case-study-card-image {
    left: 16.0923px;
  }

  body.case-studies-page .case-study-wraper > .col-12:nth-child(even) .case-study-card-content {
    right: 26.1112px;
  }

  .case-studies-page .case-study-card-image {
    overflow: hidden;
    border-radius: 7.64642px;
  }

  .case-studies-page .case-study-card-image > img {
    position: absolute;
    display: block;
    max-width: none;
    object-fit: fill !important;
    object-position: initial !important;
    border-radius: 0;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(1) .case-study-card-image > img {
    top: 0;
    left: -54.4526%;
    width: 155.7324%;
    height: 100.0002%;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(2) .case-study-card-image > img {
    top: 0;
    left: -23.6835%;
    width: 177.4599%;
    height: 102.8178%;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(3) .case-study-card-image {
    background: #dde6f7;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(3) .case-study-card-image > img {
    top: 3.15762%;
    left: -16.6836%;
    width: 125.7842%;
    height: 90.6768%;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(4) .case-study-card-image > img {
    top: 0;
    left: -24.2355%;
    width: 177.3671%;
    height: 100%;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(5) .case-study-card-image {
    background: #dde6f7;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(5) .case-study-card-image > img {
    top: 0;
    left: -56.061%;
    width: 177.3921%;
    height: 100.0001%;
  }

  .case-studies-page .case-study-wraper > .col-12:nth-child(6) .case-study-card-image > img {
    top: 0;
    left: -55%;
    width: 178.99%;
    height: 100%;
  }

  body.case-studies-page .case-study-wraper > .col-12:nth-child(6) .case-study-card-content h3 {
    font-size: 15.5px !important;
    line-height: 18px !important;
  }

  .case-studies-page .case-study .catestudy-bg-2 {
    display: block;
    top: 2021.8506px;
    left: calc(50% - 211.4824px);
    width: 1092.45px;
    height: 727.84px;
    transform: rotate(-112.82deg);
    transform-origin: 0 0;
  }

  .case-studies-page .case-study .catestudy-bg-2 img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center bottom;
  }
}