.intro {
  -webkit-margin-after: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
          margin-block-end: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
}
.intro__lead {
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .intro {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .intro__lead {
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
}
.features {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.features__list {
  display: grid;
  gap: clamp(68px, 42.7868852459px + 3.2786885246vw, 90px);
}
.features__item {
  display: grid;
  grid-template-columns: 1fr 50%;
  gap: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.features__item--reverse {
  grid-template-columns: 50% 1fr;
}
.features__item--reverse > .features__content {
  grid-column: 2;
  grid-row: 1;
}
.features__item--reverse > .features__image {
  grid-column: 1;
  grid-row: 1;
}
.features__num {
  display: inline-block;
  -webkit-margin-after: clamp(4px, 2.8539493294px + 0.1490312966vw, 5px);
          margin-block-end: clamp(4px, 2.8539493294px + 0.1490312966vw, 5px);
  font-family: "Oxanium", sans-serif;
  font-size: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.features__title {
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  font-size: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  font-weight: 700;
  line-height: 1.5;
}
.features__desc {
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 2;
}
.features__image {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}

@media screen and (max-width: 768px) {
  .features {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .features__list {
    display: grid;
    gap: clamp(35px, 22.8378378378px + 3.2432432432vw, 41px);
  }
  .features__item {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .features__item--reverse {
    grid-template-columns: 1fr;
  }
  .features__item--reverse > .features__content {
    grid-column: auto;
    grid-row: auto;
  }
  .features__item--reverse > .features__image {
    grid-column: auto;
    grid-row: auto;
  }
  .features__num {
    -webkit-margin-after: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
            margin-block-end: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .features__title {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .features__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .features__image {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
}
.services {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.services__title {
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  text-align: center;
}
.services__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.services__item {
  border-radius: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  background-color: #2a4256;
  overflow: hidden;
}
.services__image {
  inline-size: 100%;
  aspect-ratio: 340/210;
  overflow: hidden;
}
.services__image img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.services__text {
  padding: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px) clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.services__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: clamp(14px, 7.1236959762px + 0.8941877794vw, 20px);
  color: #fff;
  font-weight: 500;
}

@media (hover: hover) {
  .services__item:hover .services__image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.services__item:focus-within .services__image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .services {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .services__title {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .services__list {
    grid-template-columns: 1fr;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .services__item {
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .services__text {
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .services__label {
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
}
.problem {
  -webkit-padding-before: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
          padding-block-start: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.problem__title {
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  text-align: center;
}
.problem__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.problem__item {
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(17px, 10.1236959762px + 0.8941877794vw, 23px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: rgba(255, 255, 255, 0.4);
}
.problem__icon {
  inline-size: clamp(49px, 30.6631892697px + 2.3845007452vw, 65px);
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  margin-inline: auto;
}
.problem__heading {
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
  text-align: center;
}
.problem .c-button {
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .problem {
    -webkit-padding-before: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            padding-block-start: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .problem__title {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .problem__list {
    grid-template-columns: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .problem__item {
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .problem__icon {
    inline-size: clamp(60px, 41.7567567568px + 4.8648648649vw, 69px);
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .problem__heading {
    -webkit-margin-after: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
            margin-block-end: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
}
/*# sourceMappingURL=service.css.map */