@charset "UTF-8";
/* stylelint-disable */
/*
* Round round number to a specific amount of decimals.
*
* @param string $number    the value to round.
* @param integer $decimals    the amount of decimals.
*
* @return string    rounded number.
*/
/*
* Strip units from a value.
*
* @param string $number    the value.
*
* @return string    value as a number.
*/
/*
* Converts a pixel value into a rem value.
*
* @param string $px    the pixel value.
*
* @return string    rem value.
*/
/*
* Creates a CSS clamp value that sizes between breakpoints.
*
* @param integer $min-size          the minimum pixel value.
* @param integer $max-size          the maximum pixel value.
* @param string  $min-breakpoint    the name of the smallest breakpoint from the $grid-breakpoints variable.
* @param string  $max-breakpoint    the name of the largest breakpoint from the $grid-breakpoints variable.
* @param string  $unit              Screen unit (horizontal (width) breakpoint or vertical (height) breakpoint).
*
* @return string   a CSS clamp property value.
*/
/*
* Outputs a color value from the $theme-palette variables.
*
* @param string $color    the color name.
*
* @return string    a color value.
*/
/* stylelint-enable */
/* stylelint-disable */
/* Media of at least the minimum breakpoint width. No query for the smallest breakpoint. */
/* Makes the @content apply to the given breakpoint and wider. */
/* Media of at most the maximum breakpoint width. No query for the largest breakpoint. */
/* Makes the @content apply to the given breakpoint and narrower. */
/* Media that spans multiple breakpoint widths. */
/* Makes the @content apply between the min and max breakpoints. */
/* Media between the breakpoint's minimum and maximum widths. */
/* No minimum for the smallest breakpoint, and no maximum for the largest one. */
/* Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. */
/* stylelint-enable */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.container {
  max-width: 20rem;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 33.75rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 45rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 60rem;
  }
}
@media (min-width: 1347px) {
  .container {
    max-width: 70.75rem;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 85rem;
  }
}

.label_cont {
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  background-color: #E5ECF6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(0.88rem, 0.26vw + 0.78rem, 1rem);
  color: #0E1E32;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (min-width: 992px) {
  .label_cont {
    padding: 0.75rem 0.875rem;
  }
}

.button-style {
  padding: 1.125rem 2rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  color: #FFF;
  background-color: #FF692C;
  border: none;
  transition: ease-in-out 0.4s;
  cursor: pointer;
}
.button-style:hover {
  background-color: #E85C24;
  transition: ease-in-out 0.4s;
}
.button-style a {
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  color: #FFF;
}
.button-style p {
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  color: #FFF;
}
@media (min-width: 992px) {
  .button-style {
    padding: 1.4375rem 2rem;
  }
}

.white-button {
  background-color: #FFF;
  color: #0E1E32;
}
.white-button:hover {
  background-color: #F0F4F9;
  color: #0E1E32;
}
.white-button a, .white-button p {
  color: #0E1E32;
}

.link_style {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #FF692C !important;
  text-decoration: none;
}
.link_style:hover {
  color: #FF692C !important;
}
.link_style::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff692c' d='M6.13.24c.28-.3.73-.32,1.03-.06l.06.06,3.93,4.16c.16.17.31.33.43.48.12.15.25.34.33.59.11.35.11.72,0,1.06l-.07.17c-.07.16-.17.3-.26.42-.12.15-.27.31-.43.48l-3.93,4.16-.06.06c-.3.26-.75.24-1.03-.06-.3-.32-.3-.84,0-1.15l3.59-3.8H.69c-.39-.05-.69-.39-.69-.82,0-.42.3-.77.69-.81h.08s8.95,0,8.95,0l-3.58-3.79-.05-.06c-.25-.32-.23-.79.05-1.09Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.9375rem;
  vertical-align: middle;
}

.mellodine-form .input-styles {
  margin-bottom: 0.5rem;
}
.mellodine-form .input-styles .mel-submit {
  width: 100% !important;
  padding: 1.125rem 2.125rem !important;
  border: none !important;
  background-color: #FF692C !important;
  color: #FFF !important;
  border-radius: 0.5rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.mellodine-form .input-styles .wpcf7-form-control-wrap {
  width: 100%;
}
.mellodine-form .input-styles .wpcf7-form-control-wrap input {
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  background-color: #F0F4F9;
  outline: none;
  text-indent: 0.9375rem;
  height: clamp(3rem, 1.3vw + 2.53rem, 3.63rem);
  font-size: clamp(0.88rem, 0.26vw + 0.78rem, 1rem);
}
.mellodine-form .input-styles .wpcf7-form-control-wrap textarea {
  width: 100%;
  border: none;
  border-radius: 0.5rem;
  background-color: #F0F4F9;
  outline: none;
  text-indent: 0.9375rem;
  height: clamp(6.25rem, 3.11vw + 5.13rem, 7.75rem);
  font-size: clamp(0.88rem, 0.26vw + 0.78rem, 1rem);
}
.mellodine-form .form-title h3 {
  font-size: clamp(1.38rem, 1.56vw + 0.81rem, 2.13rem);
  color: #0E1E32;
  font-weight: 600;
}
.mellodine-form .form-subtitle {
  padding-bottom: 3rem;
}
.mellodine-form .form-subtitle h4 {
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  color: #707E91;
}
.mellodine-form .form-subtitle h4 a {
  color: #FF692C;
  text-decoration: none;
}
.mellodine-form .inputs-group {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
@media (min-width: 992px) {
  .mellodine-form .inputs-group {
    flex-direction: row;
  }
}
.mellodine-form .checkboxes .wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  flex-direction: column;
}
.mellodine-form .checkboxes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  margin: 0;
  margin-bottom: 1rem;
}
.mellodine-form .checkboxes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.form-title {
  font-size: clamp(1.38rem, 0.26vw + 1.28rem, 1.5rem);
  font-weight: 500;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.privacy-pol {
  font-size: 1rem;
  font-weight: 400;
  font-size: "Inter", sans-serif;
}
.privacy-pol a {
  text-decoration: none;
  color: #FF692C;
}

.wpcf7-response-output {
  background-color: #28578F;
  color: #FFF;
  font-weight: 500;
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  font-family: "Inter", sans-serif;
  padding: 0.8125rem !important;
  border-radius: 0.5rem !important;
  border: none !important;
  display: flex;
  gap: 0.625rem;
}
.wpcf7-response-output::before {
  content: "";
  display: block;
  /* Задайте нужные вам размеры иконки */
  min-width: 40px;
  min-height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iX9Ch0LvQvtC5XzEiIGRhdGEtbmFtZT0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5zdDAgeyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH0uc3QwLCAuc3QxIHsgZmlsbDogI2ZmNjkyYzsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCw1LjljLTcuNzksMC0xNC4xLDYuMzEtMTQuMSwxNC4xczYuMzEsMTQuMSwxNC4xLDE0LjEsMTQuMS02LjMxLDE0LjEtMTQuMS02LjMxLTE0LjEtMTQuMS0xNC4xWk0zLjMzLDIwQzMuMzMsMTAuOCwxMC44LDMuMzMsMjAsMy4zM3MxNi42Nyw3LjQ2LDE2LjY3LDE2LjY3LTcuNDYsMTYuNjctMTYuNjcsMTYuNjdTMy4zMywyOS4yLDMuMzMsMjBaIi8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLDEyLjczYy43MSwwLDEuMjguNTcsMS4yOCwxLjI4djYuODRjMCwuNzEtLjU3LDEuMjgtMS4yOCwxLjI4cy0xLjI4LS41Ny0xLjI4LTEuMjh2LTYuODRjMC0uNzEuNTctMS4yOCwxLjI4LTEuMjhaIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTIxLjcxLDI1Ljk4YzAsLjk0LS43NywxLjcxLTEuNzEsMS43MXMtMS43MS0uNzctMS43MS0xLjcxLjc3LTEuNzEsMS43MS0xLjcxLDEuNzEuNzcsMS43MSwxLjcxWiIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-block-slider {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .hero-block-slider {
    max-width: 85rem;
  }
}
.hero-block-slider .swiper-pagination {
  max-width: 85rem;
  margin: 0 auto;
}
.hero-block-slider .swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.hero-block-slider .swiper-wrapper {
  display: flex;
  box-sizing: content-box;
}
.hero-block-slider .item.swiper-slide {
  min-height: 44.625rem;
  padding: 1.5rem 0;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .hero-block-slider .item.swiper-slide {
    min-height: 36.25rem;
    padding: 4.25rem 0;
  }
}
.hero-block-slider .item.swiper-slide .container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.hero-block-slider .item.swiper-slide .cont {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .hero-block-slider .item.swiper-slide .cont {
    max-width: 50%;
  }
}
.hero-block-slider .item.swiper-slide .label {
  background-color: #E5ECF6;
  margin-bottom: clamp(1.5rem, 1.04vw + 1.13rem, 2rem);
}
.hero-block-slider .item.swiper-slide .label p {
  font-size: clamp(0.88rem, 0.26vw + 0.78rem, 1rem);
}
.hero-block-slider .item.swiper-slide .title h2, .hero-block-slider .item.swiper-slide .title h1 {
  font-size: clamp(1.75rem, 3.11vw + 0.63rem, 3.25rem);
  font-weight: 600;
}
.hero-block-slider .item.swiper-slide .title {
  margin-bottom: clamp(1rem, 1.04vw + 0.63rem, 1.5rem);
}
.hero-block-slider .item.swiper-slide .subtitle h3 {
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  color: #707E91;
}
.hero-block-slider .item.swiper-slide .background img {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero-block-slider .item.swiper-slide .background .mobile {
  display: block;
}
@media (min-width: 992px) {
  .hero-block-slider .item.swiper-slide .background .mobile {
    display: none;
  }
}
.hero-block-slider .item.swiper-slide .background .desktop {
  display: none;
}
@media (min-width: 992px) {
  .hero-block-slider .item.swiper-slide .background .desktop {
    display: block;
  }
}
.hero-block-slider .item.swiper-slide .buttons {
  display: flex;
  gap: 1rem;
  margin-top: auto;
  margin-bottom: 4rem;
  flex-direction: column;
}
.hero-block-slider .item.swiper-slide .buttons .button-style {
  width: 100%;
}
@media (min-width: 992px) {
  .hero-block-slider .item.swiper-slide .buttons {
    margin-top: 4rem;
    margin-bottom: 0;
    flex-direction: row;
  }
  .hero-block-slider .item.swiper-slide .buttons .button-style {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.hero-block-slider .swiper-pagination {
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.hero-block-slider .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #B1C6DF;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.hero-block-slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #FF692C;
}

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