section.hero-section .content-container {
  max-width: 1132px;
  margin: 0 auto;
  padding-bottom: 0px;
}

section.hero-section {
  position: relative;
  padding-bottom: 100px;
}

section.hero-section::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 710px;
  bottom: -18%;
  background-image: url("../../../images/v7/serverless-bg-n.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  z-index: -1;
}

section.hero-section .cta-group {
  justify-content: center;
}

section.hero-section .cta-single span {
  min-width: 150px;
}

section.hero-section h1.hero-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.02rem;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 6.22%, #dce9fe 176.56%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  margin-bottom: 15px;
}

section.hero-section .hero-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.01rem;
  text-align: center;
  color: #c9d3ee;
  max-width: 700px;
  margin: 0 auto;
}

.hero-image-container {
  max-width: 1132px;
  margin: 80px auto 0;
}

.hero-image-container img {
  aspect-ratio: 1920 / 1128;
  width: 100%;
  height: auto;
  box-shadow: 0px 411px 115px 0px rgba(0, 0, 0, 0.01),
    0px 263px 105px 0px rgba(0, 0, 0, 0.06),
    0px 148px 89px 0px rgba(0, 0, 0, 0.21),
    0px 66px 66px 0px rgba(0, 0, 0, 0.35), 0px 16px 36px 0px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
}
@media screen and (min-width: 1600px) {
  section.hero-section::before {    
    aspect-ratio: 1440 / 710;
    width: 100%;
    height: auto;
    background-size: 100% 710px;
  }
}
@media screen and (max-width: 1140px) {
  section.hero-section .content-container {
    padding-inline: 26px;
  }
}

@media screen and (max-width: 980px) {
  section.hero-section h1.hero-title {
    font-size: 36px;
    line-height: 37px;
    width: 230px;
    margin: 22px auto 24px;
  }

  section.hero-section .hero-text {
    font-size: 16px;
    line-height: 21px;
  }

  .cta-single span {
    padding-left: 8px;
    padding-right: 8px;
  }

  section.hero-section .cta-single span {
    min-width: 140px;
  }

  section.hero-section::before {
    height: 85%;
  }
}

@media screen and (max-width: 580px) {
  section.hero-section::before {
    height: 75%;
  }

  .hero-image-container img {
    width: 100%;
    height: auto;
    border-radius: 6px;    
    box-shadow: 0px 124.171px 34.744px 0px rgba(0, 0, 0, 0.01), 0px 79.458px 31.723px 0px rgba(0, 0, 0, 0.06), 0px 44.714px 26.889px 0px rgba(0, 0, 0, 0.21), 0px 19.94px 19.94px 0px rgba(0, 0, 0, 0.35), 0px 4.834px 10.876px 0px rgba(0, 0, 0, 0.40);
  }
  section.hero-section{
    padding-bottom: 40px;
  }
  
}