:root
{
  --desktop-screen: 1440px;
  --desktop-padding: 59px 123px;
  --mobile-padding: 55px 45px;
  --mobile-screen: 600px;
  --text-gap: 10px;
  --section-gap: 85px;
  
  --cx-hover: #DAE3E6;
}

.content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 83.6px;
  gap: var(--section-gap);
}

.container {
  max-width: var(--desktop-screen); 
  padding: var(--desktop-padding);
}

@media (width <= 768px) {
  .content-wrapper {
    gap: 50px;
  }
  .container {
    padding: var(--mobile-padding);
  }
}

.hero {
  background: 
    center / cover no-repeat
    url("https://4284042.fs1.hubspotusercontent-na1.net/hubfs/4284042/boldr-cx/backgrounds/Site%20BG-2.png");
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
}

.logo-carousel {
  margin-top: -85px;
}

.why-boldr {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.solutions-snapshot {
  padding-top: 70px;
  padding-bottom: 128px;
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding 30px 0;
  background: #FFFFFF00;
  background: 
    linear-gradient(180deg,rgba(255, 107, 0, 0) 0%, rgba(255, 195, 44, 0.2) 100%),
  url("https://4284042.fs1.hubspotusercontent-na1.net/hubfs/4284042/boldr-cx/backgrounds/Solutions%20Snapshot.png") 
  -127px -37.332px / 118.125% 103.305% no-repeat;;
}

.testimonials {
  margin-top: -85px;
  background: #0E1619;
  padding: 88px 130px 102px 130px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.metric-snapshot {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cta {
  margin-bottom: 47.5px;
}

.cta-content {
  margin-top: -85px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  padding: 200px 70px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url("https://4284042.fs1.hubspotusercontent-na1.net/hubfs/4284042/boldr-cx/backgrounds/BFCM_7.jpg") lightgray 50% / cover no-repeat;
}

.testimonials__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--text-gap);
}

.hero__text {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.why-boldr__text {
  display: flex;
  flex-direction: column;
  gap: var(--text-gap);
}

.solutions-snapshot__text {
  display: flex;
  flex-direction: column;
  gap: var(--text-gap);
}

.metric-snapshot__text {
  display: flex;
  flex-direction: column;
  gap: var(--text-gap);
}

.metric-snapshot__cards {
  border-block: 1px solid var(--cx-hover);
}

@media (width <= 768px) {
  .hero__text {
    width: 100% ;
  }
  .testimonials {
    padding: var(--mobile-padding);
  }
}