.equipment-page {
  position: relative;
  width: 100%;
  min-height: 7780px;
  overflow: hidden;
  background: var(--color-white);
}

.equipment-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 900px;
  background: var(--color-brown);
}

.equipment-intro-image {
  position: absolute;
  left: 0;
  top: 226px;
  width: 709px;
  height: 674px;
  overflow: hidden;
  background: var(--color-brown);
}

.equipment-intro-image img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.equipment-intro-copy {
  position: absolute;
  left: calc(50% - var(--content-half) + 368px);
  top: 1884px;
  width: 515px;
}

.equipment-intro-copy p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: var(--color-white);
}

@media (min-width: 1280px) {
  .equipment-intro-copy[hidden] {
    display: block !important;
  }
}

.equipment-main-block {
  position: absolute;
  left: 0;
  top: 900px;
  width: 100%;
  height: 1894px;
  background: var(--color-brown);
}

.equipment-main-block h1 {
  position: absolute;
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 100px;
  line-height: 120px;
  font-weight: 500;
  color: var(--color-primary);
}

.equipment-main-block h1:first-child {
  left: calc(50% - var(--content-half) + 795px);
  top: -286px;
}

.equipment-main-block .service-line {
  left: calc(50% - var(--content-half) + 915px);
  top: -183px;
}

.equipment-main-copy {
  position: absolute;
  left: calc(50% - var(--content-half) + 709px);
  top: 320px;
  width: 515px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  color: var(--color-white);
}

.equipment-download-btn {
  position: absolute;
  left: calc(50% - var(--content-half) + 709px);
  top: 473px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.equipment-main-title {
  position: absolute;
  left: calc(50% - var(--content-half) + 709px);
  top: 152px;
}

.equipment-main-title h3 {
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 56px;
  line-height: 105%;
  font-weight: 500;
  color: var(--color-white);
}

.equipment-collage-left,
.equipment-collage-mid,
.equipment-collage-right,
.equipment-service-image {
  position: absolute;
  overflow: hidden;
}

.equipment-service-image {
  z-index: 2;
  background: #f0f0f0;
}

.equipment-collage-left {
  left: calc(50% - var(--content-half) + 96px);
  top: 1052px;
  width: 448px;
  height: 1167px;
  background: var(--color-brown);
}

.equipment-collage-mid {
  left: calc(50% - var(--content-half) + 612px);
  top: 1554px;
  width: 448px;
  height: 665px;
  background: var(--color-brown);
}

.equipment-collage-right {
  left: calc(50% - var(--content-half) + 1128px);
  top: 1554px;
  width: 448px;
  height: 665px;
  background: var(--color-brown);
}

.equipment-collage-left img,
.equipment-collage-mid img,
.equipment-collage-right img,
.equipment-service-image img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}

.equipment-collage-left img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.equipment-collage-mid img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.equipment-collage-right img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.equipment-collage-left img,
.equipment-collage-mid img,
.equipment-collage-right img {
  object-fit: cover;
}

.equipment-partner-block {
  position: absolute;
  left: calc(50% - var(--content-half) + 402px);
  top: 2364px;
  width: 646px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.equipment-partner-block h5 {
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 40px;
  line-height: 105%;
  font-weight: 500;
  color: var(--color-white);
}

.equipment-partner-block p {
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  color: var(--color-white);
}

.equipment-partner-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  width: fit-content;
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}

.equipment-partner-btn img {
  width: 17px;
  height: 17px;
}

.equipment-partner-logo {
  position: absolute;
  left: 413px;
  top: 0;
  width: 233px;
  height: 37px;
  object-fit: contain;
  object-position: left center;
  max-width: none;
}

.equipment-services-bg {
  position: absolute;
  left: 0;
  top: 2794px;
  width: 100%;
  height: 2356px;
  background: var(--color-white);
  z-index: 0;
}

.equipment-service-copy {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 552px;
  column-gap: 96px;
  width: 1152px;
  z-index: 1;
}

.service-a {
  left: max(64px, calc(50% - var(--content-half) + 64px));
  top: 2998px;
}

.service-b {
  left: max(64px, calc(50% - var(--content-half) + 64px));
  top: 3674px;
}

.service-c {
  left: max(64px, calc(50% - var(--content-half) + 64px));
  top: 4350px;
}

.service-headline h3 {
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 56px;
  line-height: 105%;
  font-weight: 500;
  color: var(--color-primary);
}

.service-b .service-headline,
.service-c .service-headline {
  visibility: hidden;
}

.service-text .service-subheading-red {
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 40px;
  line-height: 105%;
  font-weight: 500;
  color: var(--color-primary);
  margin-bottom: 10px;
}

.service-text .service-subheading {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  color: #2d2d2d;
  margin-bottom: 20px;
}

.service-a .service-text .service-subheading {
  margin-bottom: 28px;
}

.service-text p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
}

.equipment-contact-btn {
  margin-top: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fe210a;
  padding: 10px;
  color: #fe210a;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.image-a {
  left: calc(50% - var(--content-half));
  top: 2958px;
  width: 607px;
  height: 676px;
}

.image-a img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.image-b {
  left: calc(50% - var(--content-half));
  top: 3634px;
  width: 607px;
  height: 676px;
}

.image-b img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.image-c {
  left: calc(50% - var(--content-half));
  top: 4310px;
  width: 607px;
  height: 676px;
}

.image-c img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-position: center center;
}

.equipment-faq {
  position: absolute;
  left: 0;
  top: 5150px;
  width: 100%;
  height: 1355px;
  background: var(--color-brown);
}

.equipment-faq h4 {
  position: absolute;
  left: max(64px, calc(50% - var(--content-half) + 64px));
  top: 130px;
  font-family: "Clash Display", Arial, sans-serif;
  font-size: 48px;
  line-height: 105%;
  font-weight: 500;
  color: var(--color-primary);
}

.equipment-faq .faq-list {
  position: absolute;
  left: max(64px, calc(50% - var(--content-half) + 64px));
  top: 290px;
  width: min(1312px, calc(100vw - 128px));
}

.equipment-bottom-bg {
  position: absolute;
  left: 0;
  top: 6505px;
  width: 100%;
  height: 655px;
  background: transparent;
}

.equipment-page .footer {
  top: 7160px;
}
