@charset "UTF-8";
/* ==========================================================================
   Services (standalone marketing page)
   Breakpoints:
     Desktop  >= 1280px   (base styles)
     Laptop   992–1279px  (@media max-width: 1279px)
     Tablet   768–991px   (@media max-width: 991px) — multi-col layouts collapse
     Mobile   <= 767px    (@media max-width: 767px)
   Colors reuse the site tokens: teal #27b6b3, blue #0175ef, dark #213d34,
   gray #6d737a.
   ========================================================================== */
.placeholder {
  background: #d9d9d9;
  display: block;
  margin: 0;
}

.placeholder--logo {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.btn {
  display: inline-block;
  box-sizing: border-box;
  width: 219px;
  height: 40px;
  text-decoration: none;
  border: none;
  border-radius: 100px;
  padding: 10px 21px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s ease all;
}
.btn:hover, .btn:active {
  transform: scale(1.02);
}
.btn__cta {
  width: 200px;
  height: 49px;
  padding: 14px 0;
}

.btn--yellow {
  background: #FFD600;
  color: #033D7D;
}

.btn--blue {
  background: #0077F7;
  color: #ffffff;
}

.btn--gradient-blue {
  background: linear-gradient(135deg, #4A90E2 0%, #4B94DF 7.14%, #4C98DC 14.29%, #4D9CD9 21.43%, #4EA0D6 28.57%, #4FA3D3 35.71%, #51A7D0 42.86%, #52ABCD 50%, #54AEC9 57.14%, #55B2C6 64.29%, #57B5C3 71.43%, #59B9BF 78.57%, #5BBCBC 85.71%, #5DC0B8 92.86%, #5FC3B4 100%);
  color: #ffffff;
}

.btn--outline {
  background: none;
  border: 1.5px solid #ffffff;
  color: #ffffff;
}

.services-page {
  color: #023C7C;
}
.services-page .section-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #023C7C;
  text-align: center;
  margin: 0 0 3rem;
}
.services-page .hero {
  box-sizing: border-box;
  background: linear-gradient(0deg, rgba(0, 102, 91, 0.8784313725), rgba(0, 102, 91, 0.8784313725)), var(--hero-img) center/cover no-repeat;
  color: #ffffff;
  text-align: center;
  min-height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13.75rem 13.75rem 18.75rem;
}
.services-page .hero__inner {
  max-width: 1152px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.services-page .hero__logo {
  width: 174px;
  aspect-ratio: 1020/1233;
  margin-bottom: 3rem;
  background: var(--logo-img) 50.4% 0%/305.8% 166.7% no-repeat;
}
.services-page .hero__title {
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  font-size: 2.875rem;
  font-weight: 600;
  line-height: 3.75rem;
  margin: 0 0 2rem;
}
.services-page .hero__text {
  max-width: 935px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 32.5px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 2rem;
}
.services-page .mission {
  background: #ffffff;
  padding: 7.25rem 9.375rem 11.375rem;
}
.services-page .mission__inner {
  margin: 0 auto;
  text-align: center;
}
.services-page .mission__media {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 880px;
  margin: 0 auto 49px;
  border-radius: 12px;
}
.services-page .mission__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.services-page .mission__overlay {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
  padding: 0 1rem;
}
.services-page .mission__text {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: #4A5565;
}
.services-page .what-we-do {
  background: #ffffff;
  padding: 8.75rem 9.375rem;
}
.services-page .what-we-do__inner {
  max-width: 1152px;
  margin: 0 auto;
  text-align: center;
}
.services-page .what-we-do__inner .section-title {
  margin-left: auto;
  margin-right: auto;
  width: 253px;
  background-image: linear-gradient(90deg, #0D91F8 0%, #68CCD1 60.1%, #107B6C 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.services-page .what-we-do__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 32px;
  margin-bottom: 3rem;
}
.services-page .service-card {
  box-sizing: border-box;
  min-height: 326px;
  background: linear-gradient(135deg, #E8F4F8 0%, #EAF4F7 7.69%, #ECF5F5 15.38%, #EDF5F4 23.08%, #EFF6F3 30.77%, #F1F6F1 38.46%, #F3F6F0 46.15%, #F4F7EE 53.85%, #F6F7ED 61.54%, #F8F8EC 69.23%, #FAF8EA 76.92%, #FBF8E9 84.62%, #FDF9E7 92.31%, #FFF9E6 100%);
  border-radius: 16px;
  padding: 2.125rem 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.services-page .service-card__icon {
  width: 80px;
  height: 80px;
  border-radius: 14px;
  background: linear-gradient(135deg, #4A90E2 0%, #4B94DF 7.14%, #4C98DC 14.29%, #4D9CD9 21.43%, #4EA0D6 28.57%, #4FA3D3 35.71%, #51A7D0 42.86%, #52ABCD 50%, #54AEC9 57.14%, #55B2C6 64.29%, #57B5C3 71.43%, #59B9BF 78.57%, #5BBCBC 85.71%, #5DC0B8 92.86%, #5FC3B4 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.services-page .service-card__icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}
.services-page .service-card__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  color: #023C7C;
  margin: 0 0 1rem;
}
.services-page .service-card__text {
  max-width: 295px;
  font-size: 16px;
  line-height: 26px;
  color: #4A5565;
  margin: 0;
}
.services-page .why-us {
  box-sizing: border-box;
  min-height: 893px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(360deg, #ABFFF8 5.87%, #ABFFF8 20%, #FFFFFF 100%);
  padding: 65px 9.375rem 170px;
}
.services-page .why-us__inner {
  max-width: 1152px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 49px;
}
.services-page .why-us__media {
  flex: 1 1 50%;
  aspect-ratio: 4/3;
  width: 100%;
  max-width: 552px;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
.services-page .why-us__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.services-page .why-us__content {
  flex: 1 1 50%;
}
.services-page .why-us__title {
  font-size: 2.5rem;
  font-weight: 700;
  background-image: linear-gradient(90deg, #0D91F8 0%, #68CCD1 60.1%, #107B6C 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  margin: 0 0 41px;
}
.services-page .why-us__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.services-page .why-us__list li {
  font-size: 1rem;
  line-height: 1.6;
  color: #4A5565;
  margin-bottom: 41px;
}
.services-page .why-us__list li strong {
  color: #023C7C;
}
.services-page .cta {
  background: #01554E;
  color: #ffffff;
  text-align: center;
  padding: 5rem 6.375rem 69px;
}
.services-page .cta__inner {
  max-width: 1250px;
  margin: 0 auto;
}
.services-page .cta__title {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 24px;
}
.services-page .cta__text {
  max-width: 42rem;
  font-size: 1.25rem;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 auto 32px;
}
.services-page .cta__actions {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.services-footer {
  background: #101828;
  color: #9aa7b0;
  padding: 60px 40px 30px;
}
.services-footer__top {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 40px;
}
.services-footer__logo {
  width: 44px;
  aspect-ratio: 1020/1233;
  background: var(--logo-img) 50.4% 0%/305.8% 166.7% no-repeat;
}
.services-footer__tagline {
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 1rem 0 1.5rem;
  max-width: 220px;
}
.services-footer__social {
  display: flex;
  gap: 14px;
}
.services-footer__social a {
  color: #9aa7b0;
  font-size: 1.1rem;
}
.services-footer__social a:hover {
  color: #ffffff;
}
.services-footer__heading {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1.25rem;
}
.services-footer__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.services-footer__col ul li {
  margin-bottom: 0.75rem;
}
.services-footer__col ul a {
  color: #9aa7b0;
  text-decoration: none;
  font-size: 0.9rem;
}
.services-footer__col ul a:hover {
  color: #ffffff;
}
.services-footer__bottom {
  max-width: 1200px;
  margin: 40px auto 0;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.85rem;
}
.services-footer__bottom p {
  margin: 0;
}
.services-footer__legal {
  display: flex;
  gap: 24px;
}
.services-footer__legal a {
  color: #9aa7b0;
  text-decoration: none;
}
.services-footer__legal a:hover {
  color: #ffffff;
}

@media (max-width: 1279px) {
  .services-page .section-title {
    font-size: 2rem;
  }
  .services-page .hero {
    min-height: 700px;
    padding: 64px 32px;
  }
  .services-page .hero__title {
    font-size: 2.25rem;
  }
  .services-page .mission {
    padding: 72px 32px;
  }
  .services-page .mission__overlay {
    font-size: 2rem;
  }
  .services-page .what-we-do {
    padding: 48px 32px 72px;
  }
  .services-page .what-we-do__cards {
    gap: 18px;
  }
  .services-page .why-us {
    min-height: 0;
    padding: 72px 32px;
  }
  .services-page .why-us__inner {
    gap: 40px;
  }
  .services-page .cta {
    padding: 72px 32px;
  }
  .services-page .cta__title {
    font-size: 2rem;
  }
  .services-footer__top {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 28px;
  }
}
@media (max-width: 991px) {
  .services-page .why-us__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
  .services-page .why-us__media, .services-page .why-us__content {
    flex: 1 1 auto;
    width: 100%;
  }
  .services-page .why-us__media {
    max-width: 552px;
    margin: 0 auto;
  }
  .services-footer__top {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .btn {
    width: 100%;
    text-align: center;
  }
  .services-page .section-title {
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }
  .services-page .hero {
    min-height: 0;
    padding: 120px 20px 56px;
  }
  .services-page .hero__title {
    font-size: 1.9rem;
  }
  .services-page .hero__text {
    font-size: 1rem;
  }
  .services-page .mission {
    padding: 56px 20px;
  }
  .services-page .mission__media {
    aspect-ratio: 4/3;
  }
  .services-page .mission__overlay {
    font-size: 1.5rem;
  }
  .services-page .what-we-do {
    padding: 32px 20px 56px;
  }
  .services-page .what-we-do__cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .services-page .why-us {
    padding: 56px 20px;
  }
  .services-page .why-us__inner {
    flex-direction: column;
    gap: 32px;
  }
  .services-page .why-us__media, .services-page .why-us__content {
    flex: 1 1 100%;
    width: 100%;
  }
  .services-page .cta {
    padding: 56px 20px;
  }
  .services-page .cta__title {
    font-size: 1.75rem;
  }
  .services-page .cta__actions {
    flex-direction: column;
  }
  .services-footer {
    padding: 48px 20px 24px;
  }
  .services-footer__top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .services-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .services-footer__legal {
    flex-wrap: wrap;
    gap: 16px;
  }
}

/*# sourceMappingURL=services.css.map */