/* #fbfbfe */
/* #f3f8ff */
/* #f7f9fd */

.section--services {
  position: relative;
  background-image: url(../images/services/abstract-triangles-background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 19.2rem 9.6rem 9.6rem 9.6rem;
  color: #000;
}

.main-nav-link:link,
.main-nav-link:visited,
#hamburger {
  color: #fff;
}

.header.scrolled .main-nav-link,
.header.scrolled #hamburger {
  color: #333;
}

.heading-primary {
  font-size: 8rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 4.8rem;
}

.hero-description {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-right: 30.8rem;
}

.white-font {
  color: #fff;
}

span {
  font-size: 7rem;
  font-weight: 400;
}

.section--services-why-choose-us {
  padding: 7.2rem;
}

.benefits {
  padding: 1.2rem;

  display: grid;
  align-items: center;
  justify-items: center;
}

.benefit-icon {
  width: 12rem;
  height: 12rem;
  margin-top: 1.2rem;
}

.benefit {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 3.2rem 0 1.2rem 0;
}

.section--services-our-services {
  padding: 9.6rem 0;
  background-color: #b6f2ff5e;
}

.section--services-our-services > .container:nth-child(2) {
  padding: 0;
}

.grid--2-cols {
  display: grid;
  row-gap: 2rem;
  column-gap: 2rem;
}

.services--service {
  padding: 3.2rem;
  border-radius: 1.1rem;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  gap: 1.2rem;
}

.service-content {
  padding: 0;
  margin-right: 3.2rem;
}

.service-heading {
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 2.2rem;
  text-align: left;
}

.service-description {
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: justify;
  margin-bottom: 2rem;
}

.service--cta {
  display: flex;
  gap: 1rem;
}

.service-img {
  height: 7.2rem;
  width: 7.2rem;
}

.service-btn {
  color: #fff;
  background-color: #51aee7;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.6rem;

  border: none;
  cursor: pointer;
  font-family: inherit;

  display: inline-block;
}

.section--connect-with-us {
  margin-top: 9.6rem;
}