@charset "UTF-8";
body {
  background-color: transparent;
}

.menu__list {
  display: flex;
  gap: 0 20px;
}
.menu__link {
  display: block;
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.8449rem + 0.1293vw, 1rem);
  font-weight: 500;
  transition: 0.3s linear;
}
.menu__link:hover {
  transform: scale(1.5);
}

.page-info {
  background-color: #1b1f35;
  padding-block: 25px;
  margin-block-end: 43px;
}
.page-info__title {
  font-family: Circe Rounded;
  font-size: clamp(2rem, 1.5178rem + 2.0685vw, 4rem);
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-block-end: 15px;
}
.page-info__subtitle {
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.7243rem + 0.6464vw, 1.5rem);
  font-weight: 300;
  text-align: center;
  text-transform: lowercase;
  color: #fff;
}

.services {
  padding: 0;
  background-image: url("../img/services-bg-line.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 353px;
  margin-block-end: 63px;
}
@media screen and (max-width: 1310px) {
  .services {
    background-image: url("../img/services-bg-line-rotate.png");
    background-position: center;
  }
}
.services__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1310px) {
  .services__wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 440px) {
  .services__wrapper {
    inline-size: 95%;
    margin-inline: auto;
  }
}

.container {
  max-inline-size: 1290px;
  margin-inline: auto;
}

.services .section-title {
  font-family: Circe Rounded;
  font-size: clamp(1rem, 0.7589rem + 1.0343vw, 2rem) !important;
  font-weight: 500 !important;
  color: #000 !important;
  position: relative !important;
  padding-inline-start: 30px;
  margin-block-end: 20px;
  text-align: left;
}
@media screen and (max-width: 1300px) {
  .section-title {
    inline-size: 90%;
    margin-inline: auto;
  }
}
.section-title::before {
  
  color: #EFEFEF;
  font-family: Circe Rounded;
  font-weight: 500;
  font-size: clamp(2rem, 1.5178rem + 2.0685vw, 4rem);
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -5px;
  z-index: -1;
}

.service {
  position: relative;
  margin-block-start: 102px;
  block-size: 440px;
}
@media screen and (max-width: 440px) {
  .service {
    inline-size: 100%;
    block-size: 100%;
    margin-block-start: 140px;
  }
}
.service__wrapper {
  background-color: #fff;
  border-radius: 30px;
  inline-size: 410px;
  block-size: 402px;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 440px) {
  .service__wrapper {
    inline-size: 100%;
  }
}
.service::after {
  content: "";
  display: block;
  position: absolute;
  inset-block-start: 14px;
  inset-inline-start: 20px;
  z-index: -1;
  inline-size: 90%;
  block-size: 402px;
  border-radius: 30px;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
}
.service__img {
  max-inline-size: 234px;
  max-block-size: 232px;
  margin-inline: auto;
  margin-block-end: 22px;
}
.service__img img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  margin-block-start: -102px;
}
.service__title {
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.7243rem + 0.6464vw, 1.5rem);
  font-weight: 400;
  color: #000;
  text-align: center;
  margin-block-end: 21px;
}
.service hr {
  inline-size: 87%;
  background-color: #000;
  margin-block-end: 20px;
}
.service__text {
  font-family: Circe Rounded;
  font-size: clamp(0.9375rem, 0.8622rem + 0.3232vw, 1.25rem);
  font-weight: 300;
  color: #000;
  max-inline-size: 290px;
  text-align: center;
  margin-inline: auto;
}

.callback {
  block-size: 615px;
  background-image: url("../img/footer-bg.png");
  background-position: 0 70px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0;
}
.callback__wrapper {
  max-inline-size: 520px;
  margin-inline: auto;
  margin-block-end: 60px;
  position: relative;
}
.callback__wrapper::after {
  content: "";
  position: absolute;
  inset-inline-start: 5%;
  inset-block-start: 15px;
  inline-size: 90%;
  block-size: 100%;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
  z-index: 0;
}

.callback .wpcf7-form-control-wrap{
  display: block;
}

.callback .wpcf7-not-valid-tip{
  position: absolute;
  top: -20px;
  left: 5%;
}

.callback .form-group{
  text-align: center;
}

@media screen and (max-width: 470px) {
  .callback__wrapper::after {
    inset-inline-start: 10%;
    inline-size: 80%;
  }
}

.form {
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.25);
  padding-inline: 20px;
  padding-block: 30px;
  background-image: none;
  position: relative;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .form {
    inline-size: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 470px) {
  .form {
    inline-size: 80%;
  }
}
.form__title {
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.7243rem + 0.6464vw, 1.5rem);
  font-weight: 400;
  max-inline-size: 260px;
  text-align: center;
  line-height: 29px;
  color: #000;
  margin-block-end: 31px;
  margin-inline: auto;
}
.form__input {
  font-family: Circe Rounded;
  font-size: clamp(0.9375rem, 0.8622rem + 0.3232vw, 1.25rem);
  font-weight: 400;
  display: block;
  inline-size: 90%;
  padding-inline-start: 10px;
  padding-block: 16px;
  border-radius: 10px;
  border: 2px solid #DFDDDD;
  background-color: #EFF0F1;
  margin-block-end: 50px;
  margin-inline: auto;
}
.form input:focus, .form input:active {
  outline: 2px solid #FFD23B;
}
.form__btn {
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.7243rem + 0.6464vw, 1.5rem);
  font-weight: 400;
  text-transform: uppercase;
  margin-block-start: 0;
  padding-inline: 1.5em;
  padding-block: 1em;
  background-color: #FFD23B;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 5px 0px 0px #FF993B;
  transition: 0.3s linear;
}
.form__btn:hover {
  background-color: #FF993B;
  box-shadow: 0px 5px 0px 0px #FFD23B;
}

.form-mes {
  font-family: Circe Rounded;
  font-size: clamp(0.875rem, 0.8449rem + 0.1293vw, 1rem);
  font-weight: 400;
  color: #ADADAD;
  text-align: center;
  max-inline-size: 610px;
  margin-inline: auto;
}
@media screen and (max-width: 610px) {
  .form-mes {
    inline-size: 90%;
    text-align: center;
  }
}

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