[class~="services-description-title"] {
  font-size: 5rem;
  font-family: 'HelveticaBold';
  max-width: 62.5rem;
  color: rgba(152, 229, 252, 255);
}
[class~="header-image-services"] {
  max-width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
  position: absolute;
  z-index: -1;
  object-position: -40.625rem;
  overflow: hidden;
  object-position: center;
}
[class~="header"] {
  margin-bottom: 18.75rem;
}
[class~="services-description-desc"] {
  font-size: 1.875rem;
  color: rgb(243, 243, 243);
  font-family: 'HelveticaRegular';
  max-width: 56.25rem;
}
[class~="services-header-description"] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  position: relative;
}
[class~="services-header-description-tag"] {
  position: absolute;
  top: 1.5625rem;
  color: rgb(240, 240, 240);
  font-family: 'HelveticaRegular';
  font-size: 0.875rem;
}
[class~="header-download"] {
  max-width: 100%;
  height: 3.125rem;
  background-color: rgb(240, 240, 240);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
[class~="header-download"] img {
  width: 2.5rem;
  filter: opacity(40%);
}
[class~="header-download"] p {
  font-family: 'HelveticaRegular';
  font-size: 16.0.125rem;
  color: grey;
}
[class~="services-type-container"] {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  width: 100%;
  height: auto;
  justify-content: center;
  margin: 0 auto;
}
[class~="services-type-content"] {
  width: 25rem;
  height: 25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
}
[class~="services-type-content"] img {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: -1;
}
[class~="services-type-content-desc"] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
[class~="services-type-content-desc"] h1 {
  color: rgb(245, 245, 245);
  font-family: 'HelveticaRegular';
  margin: 0;
  font-size: 2.5rem;
  text-align: center;
}
[class~="services-type-content-desc"] p {
  color: rgb(245, 245, 245);
  font-family: 'HelveticaRegular';
  margin: 0;
  font-size: 1.375rem;
  text-align: center;
}
[class~="services-scroll-container"] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
[class~="services-scroll-container-row"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
[class~="services-scroll-content"] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50rem;
  min-height: 6.25rem;
  background-color: rgb(238, 238, 238);
  border-radius: 3.125rem;
  box-sizing: border-box;
}
[class~="service-scroll-desc"] {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
[class~="service-scroll-logo"] {
  width: 8.125rem;
  height: auto;
}
[class~="services-scroll-content"] p {
  font-family: 'HelveticaMedium';
  font-size: 1.875rem;
}
[class~="services-scroll-logo"] {
  width: 5rem;
  margin-left: 2.1875rem;
}
[class~="list1"] {
  width: 4.0625rem;
}
[class~="services-scroll-download"] {
  width: 3.125rem;
  margin-right: 0.9375rem;
}
[class~="services-scroll"] {
  margin-top: 9.375rem;
  margin-bottom: 3.125rem;
}
[class~="services-scroll-container"] a {
  text-decoration: none;
  color: inherit;
}

/* FIX: these sections previously used a fixed "height: 85vh". When the
   text inside (services-scroller-desc) wrapped to more lines than fit
   in 85vh, it overflowed the section box and got visually covered by
   the next section's opaque background (the "Brand and Advertising"
   overlap bug). Switched to min-height + height:auto so the section
   grows to fit its content instead of clipping/overlapping. */
[class~="services-scroll-1"],
[class~="services-scroll-3"],
[class~="services-scroll-2"],
[class~="services-scroll-4"] {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 85vh;
}

[class~="background-service"] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  object-fit: cover;
}

/* FIX: changed from "height: 100%" (which depended on the now-flexible
   parent's height) to an explicit min-height so it no longer collapses
   or loses its full-height look, while still being able to grow. */
[class~="services-scroll-1"] [class~="wrapper"],
[class~="services-scroll-2"] [class~="wrapper"],
[class~="services-scroll-3"] [class~="wrapper"],
[class~="services-scroll-4"] [class~="wrapper"] {
  height: auto;
  min-height: 85vh;
}

[class~="services-scroller-container-2"],
[class~="services-scroller-container-1"] {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  min-height: 85vh;
  justify-content: space-between;
  align-items: center;
}
[class~="services-scroller-desc-2"],
[class~="services-scroller-desc-1"] {
  height: auto;
  min-height: 85vh;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.875rem;
}
[class~="services-scroller-header-2"],
[class~="services-scroller-header-1"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.875rem;
}
[class~="services-scroller-desc-1"] p {
  color: rgb(241, 241, 241);
  font-family: 'HelveticaRegular';
  font-size: 1.625rem;
  max-width: 100%;
}
[class~="services-scroller-desc-2"] p {
  color: rgb(14, 14, 14);
  font-family: 'HelveticaRegular';
  font-size: 1.625rem;
  max-width: 100%;
}
[class~="services-scroller-header-1"] p {
  color: rgb(241, 241, 241);
  font-size: 3.75rem;
  font-family: 'HelveticaBold';
  max-width: 37.5rem;
}
[class~="services-scroller-header-2"] p {
  color: rgb(14, 14, 14);
  font-size: 3.75rem;
  font-family: 'HelveticaBold';
  max-width: 50rem;
}
[class~="services-scroller-header-2"] img,
[class~="services-scroller-header-1"] img {
  width: 6.25rem;
}
[class~="services-scroller-image-2"],
[class~="services-scroller-image-1"] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 85vh;
}
[class~="services-scroller-image-2"] img,
[class~="services-scroller-image-1"] img {
  max-width: 80%;
  position: absolute;
  z-index: 1;
}