@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;
}

.service-and-repair-block .block-main-titles .block-main-title {
  padding-bottom: clamp(1.25rem, 3.63vw + -0.06rem, 3rem);
}
.service-and-repair-block .block-main-titles .block-main-title h2, .service-and-repair-block .block-main-titles .block-main-title h1 {
  font-size: clamp(1.63rem, 3.37vw + 0.41rem, 3.25rem);
  color: #0E1E32;
  font-weight: 600;
}
.service-and-repair-block .block-main-titles .block-main-subtitle {
  padding-bottom: clamp(1.25rem, 2.59vw + 0.32rem, 2.5rem);
}
.service-and-repair-block .block-main-titles .block-main-subtitle p, .service-and-repair-block .block-main-titles .block-main-subtitle h3 {
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  color: #707E91;
  font-weight: 400;
}
.service-and-repair-block .alarm-cont {
  padding: 1.5rem;
  background-color: #F0F4F9;
  border-radius: 0.5rem;
  display: flex;
  gap: 1.5rem;
}
.service-and-repair-block .alarm-cont::before {
  content: "";
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='%2328578f'%3E%3Cpath fill-rule='evenodd' d='M20 5.9c-7.79 0-14.1 6.31-14.1 14.1s6.31 14.1 14.1 14.1 14.1-6.31 14.1-14.1-6.31-14.1-14.1-14.1ZM3.33 20C3.33 10.79 10.8 3.33 20 3.33s16.67 7.46 16.67 16.67-7.46 16.67-16.67 16.67S3.33 29.2 3.33 20Z'/%3E%3Cpath fill-rule='evenodd' d='M20 12.74c.71 0 1.28.57 1.28 1.28v6.84c0 .71-.57 1.28-1.28 1.28s-1.28-.57-1.28-1.28v-6.84c0-.71.57-1.28 1.28-1.28Z'/%3E%3Cpath d='M21.71 25.98c0 .94-.77 1.71-1.71 1.71s-1.71-.77-1.71-1.71.77-1.71 1.71-1.71 1.71.77 1.71 1.71Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.service-and-repair-block .alarm-cont p {
  font-size: clamp(1rem, 0.26vw + 0.91rem, 1.13rem);
  font-weight: 500;
}
.service-and-repair-block .parts {
  display: flex;
  gap: clamp(1.5rem, 3.11vw + 0.38rem, 3rem);
  background-color: #FFF;
  border-radius: 0.5rem;
  padding: clamp(1.25rem, 2.59vw + 0.32rem, 2.5rem);
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .service-and-repair-block .parts {
    flex-direction: row;
  }
}
.service-and-repair-block .parts .part {
  width: 100%;
}
@media (min-width: 992px) {
  .service-and-repair-block .parts .part {
    width: 50%;
  }
}
.service-and-repair-block .parts .part-2 {
  display: flex;
}
.service-and-repair-block .parts .part-2 img {
  width: 100%;
  height: 100%;
  max-height: 17.5rem;
  border-radius: 0.5rem;
  object-fit: cover;
}
@media (min-width: 992px) {
  .service-and-repair-block .parts .part-2 img {
    max-height: none;
  }
}
.service-and-repair-block .revers_parts {
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .service-and-repair-block .revers_parts {
    flex-direction: row-reverse;
  }
}
.service-and-repair-block .block-list {
  padding-top: 3rem;
}
.service-and-repair-block .button-style {
  padding: 1.125rem 2rem;
}
.service-and-repair-block .lables {
  display: flex;
  gap: 0.5rem;
  padding-bottom: 1.5rem;
  flex-wrap: wrap;
}

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