/**
* Hero Banner Services styles
*
* @since 1.0.0
*/

.hero-banner {
  background: #05070f;
  padding: 190px 0;
}

.hero-banner::before,
.hero-banner::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}

.hero-banner::before {
  top: 0;
  height: 160px;
  background: linear-gradient(180deg, #101014 0%, #0f0f1400 100%);
  z-index: 2;
}

.hero-banner::after {
  bottom: 0;
  height: 200px;
  background: linear-gradient(0deg, #05070f 0%, #05070f00 100%);
  z-index: 1;
}

.hero-banner .bg-color {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #17171799;
  width: 100%;
  height: 100%;
}

.hero-banner .hero-banner-subtitle {
  font-size: 12px;
}

.hero-banner .hero-banner-title {
  font-size: 51px;
  max-width: 650px;
}

.hero-banner .hero-banner-text {
  max-width: 855px;
  margin-left: auto;
  margin-right: auto;
}

.hero-banner .benefits > *:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 26px;
  border: 0.87px solid rgba(255, 255, 255, 0.529);
  transform: translate(-50%, -50%);
}

/**
* Book Consultation section
*
* @since 1.0.0
*/

.book-consultation {
  background: #05070f;
}

.book-consultation .book-consultation-text p:last-of-type {
  margin-bottom: 0;
}

.book-consultation .email,
.book-consultation .phone-number,
.book-consultation .location {
  color: #c4c4c4;
}

.book-consultation .email:hover,
.book-consultation .phone-number:hover,
.book-consultation .location:hover,
.book-consultation .email:focus,
.book-consultation .phone-number:focus,
.book-consultation .location:focus {
  opacity: 0.7;
}

.book-consultation .contact-form {
  background: linear-gradient(152.33deg, #1d1f26 -4.21%, #05070f 109.23%);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.book-consultation .contact-form-text {
  font-size: 14px;
  line-height: 1.9;
}

.book-consultation .card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    35deg,
    rgba(34, 193, 195, 0) 65%,
    rgba(40, 171, 253, 0.1) 100%
  );
}

.book-consultation .info {
  border-radius: 10px;
  background: radial-gradient(
    circle,
    rgba(5, 7, 15, 1) 55%,
    rgba(29, 31, 38, 0.5) 100%
  );
  border: 0.59px solid rgba(255, 255, 255, 0.1);
}

.book-consultation .info-title {
  font-size: 24px;
}

.book-consultation .info-text {
  font-size: 10px;
}

.book-consultation .testimonials-card {
  background: linear-gradient(142.8deg, #ffffff -4.01%, #d5d5d5 103.06%);
}

.book-consultation .testimonials-title {
  font-size: 34px;
}

.book-consultation .card-img {
  display: inline-block;
  padding: 3px;
  background: linear-gradient(
    90.29deg,
    #fc935a 3.28%,
    #31d6fd 51.1%,
    #1c69fd 97.98%
  );
}

.book-consultation .card-name,
.book-consultation .card-company,
.book-consultation .card-text,
.book-consultation .card-clutch {
  color: #171717;
}

.book-consultation .card-company {
  font-size: 12px;
}

.book-consultation .card-text {
  font-size: 16px;
}

.book-consultation .card-clutch {
  font-size: 14px;
  border-radius: 10px;
  background: linear-gradient(
    90.29deg,
    rgba(252, 147, 90, 0.25) 3.28%,
    rgba(49, 214, 253, 0.25) 51.1%,
    rgba(28, 105, 253, 0.25) 97.98%
  );
}

.book-consultation .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #2a2a2a;
}

.book-consultation .swiper-pagination-bullet-active {
  background: #28abfd;
}

.book-consultation .assurance {
  color: #a4a4a4;
  font-size: 12px;
}

/**
* What To Expect section
*
* @since 1.0.0
*/

.what-to-expect {
  background: #05070f;
}

.what-to-expect .what-to-expect-title {
  font-size: 45px;
}

.what-to-expect .card {
  background: #070b15;
  border: 1px solid #1b202f;
}

.what-to-expect .card-text {
  font-size: 14px;
  line-height: 1.9;
}

.what-to-expect .card-number {
  width: 36px;
  height: 36px;
  top: -18px;
  left: -18px;
  background: linear-gradient(90.29deg, #31d6fd 3.28%, #1c69fd 97.98%);
}

/**
* Why Choose Us section
*
* @since 1.0.0
*/

.why-choose-us {
  background: #05070f;
}

.why-choose-us .why-choose-us-title {
  font-size: 45px;
}

.why-choose-us .card {
  background: #070b15;
  border: 1px solid #1b202f;
}

.why-choose-us .card-text {
  font-size: 14px;
  line-height: 1.9;
}

/**
* Ways To Connect section
*
* @since 1.0.0
*/

.ways-to-connect {
  background: #05070f;
}

.ways-to-connect::before,
.ways-to-connect::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}

.ways-to-connect::before {
  top: 0;
  height: 160px;
  background: linear-gradient(180deg, #05070f 0%, #05070f00 100%);
}

.ways-to-connect::after {
  bottom: 0;
  height: 200px;
  background: linear-gradient(0deg, #05070f 0%, #05070f00 100%);
}

.ways-to-connect .bg-color {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #17171799;
  width: 100%;
  height: 100%;
}

.ways-to-connect .digital,
.ways-to-connect .location {
  background: #070b15;
  border: 1px solid #ffffff1a;
}

.ways-to-connect .email,
.ways-to-connect .phone-number,
.ways-to-connect .linkedin,
.ways-to-connect .facebook,
.ways-to-connect .location a {
  color: #c4c4c4;
}

.ways-to-connect .email:hover,
.ways-to-connect .phone-number:hover,
.ways-to-connect .linkedin:hover,
.ways-to-connect .facebook:hover,
.ways-to-connect .location a:hover,
.ways-to-connect .email:focus,
.ways-to-connect .phone-number:focus,
.ways-to-connect .linkedin:focus,
.ways-to-connect .facebook:focus,
.ways-to-connect .location a:focus {
  opacity: 0.7;
}

/**
* Mobile Responsiveness
*
* @since 1.0.0
*/

@media only screen and (min-width: 1025px) {
  .hero-banner .hero-banner-subtitle {
    letter-spacing: 3.7px;
  }

  .book-consultation .contact-form-text {
    max-width: 355px;
  }
}

@media only screen and (min-width: 768px) {
  .hero-banner .benefits {
    max-width: 670px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner {
    padding: 150px 0 100px;
  }

  .hero-banner .hero-banner-title {
    font-size: 43px;
  }

  .hero-banner .hero-banner-text,
  .why-choose-us .why-choose-us-text,
  .ways-to-connect .email,
  .ways-to-connect .phone-number,
  .ways-to-connect .linkedin,
  .ways-to-connect .facebook,
  .ways-to-connect .location-address {
    font-size: 17px;
  }

  .book-consultation .book-consultation-text,
  .book-consultation .email,
  .book-consultation .phone-number,
  .book-consultation .location {
    font-size: 17px;
  }

  .book-consultation .testimonials-title {
    font-size: 32px;
  }

  .what-to-expect .what-to-expect-title,
  .why-choose-us .why-choose-us-title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner {
    padding: 150px 0 70px;
  }

  .hero-banner .hero-banner-title {
    font-size: 35px;
  }

  .hero-banner .hero-banner-text,
  .why-choose-us .why-choose-us-text,
  .ways-to-connect .email,
  .ways-to-connect .phone-number,
  .ways-to-connect .linkedin,
  .ways-to-connect .facebook,
  .ways-to-connect .location-address {
    font-size: 16px;
  }

  .hero-banner .benefits > *:not(:first-child)::before {
    content: none;
  }

  .book-consultation .book-consultation-text,
  .book-consultation .email,
  .book-consultation .phone-number,
  .book-consultation .location {
    font-size: 16px;
  }

  .book-consultation .testimonials-title {
    font-size: 30px;
  }

  .what-to-expect .what-to-expect-title,
  .why-choose-us .why-choose-us-title {
    font-size: 39px;
  }

  .what-to-expect .card-number {
    top: -13px;
    left: -13px;
  }
}