/* Start:/local/templates/abat/components/bitrix/news/services-news/bitrix/news.detail/services-news-detail/style.css?175068485511412*/
.detail__banner {
  padding-top: 20px;
}
.detail__banner .container {
  position: relative;
}
.detail__banner-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 32px);
  transform: translateX(16px);
  height: 100%;
  z-index: -1;
  overflow: hidden;
  border-radius: 5px;
}
.detail__banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail__banner-wrapper {
  max-width: 755px;
  padding: 74px 0 75px 125px;
}
.detail__banner-title {
  color: #fff;
  padding-top: 20px;
}
p.detail__banner-text {
  font-size: 20px;
  line-height: 150%;
  font-weight: 500;
  color: #fff;
  padding-top: 30px;
}
.detail__banner-btns {
  margin-top: 45px;
  display: flex;
  gap: 20px;
}

/* блок с ценами */

.prices {
  padding-top: 140px;
}
.prices__list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 13px 20px;
}
.prices__item {
  width: calc(100% / 2 - 10px);
  background: #fff;
  border-radius: 5px;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
button.btn.btn_red_white.prices__item-btn {
  padding: 12px 22px;
}
span.prices__item-name {
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  max-width: 340px;
  width: 100%;
}
span.prices__item-value {
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}

.montage {
  margin-top: 140px;
}
.montage__swiper-wrapper {
  position: relative;
}

.montage__swiper-wrapper .swiper{
  height: 100%;
}
.montage__swiper {
  margin-top: 30px;
}

.montage__swiper-wrapper .swiper-pagination {
  margin-top: 25px;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.montage__swiper-wrapper .swiper-pagination-bullet {
  opacity: 1;
  background: #1d419933;
  width: 8px;
  height: 8px;
}
.montage__swiper-wrapper .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background-color: #1d4199;
}

.montage__swiper-wrapper .swiper-button-next {
  top: 39%;
  right: -62px;
}
.montage__swiper-wrapper .swiper-button-prev {
  top: 39%;
  left: -62px;
}
.montage__swiper-wrapper .swiper-button-next,
.montage__swiper-wrapper .swiper-button-prev {
  background-color: #eef0f3;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.montage__swiper-wrapper .swiper-button-next::after,
.montage__swiper-wrapper .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 600;
  color: #1d4199;
}

.montage__wrapper {
  display: flex;
  gap: 30px;
}
.montage__photos {
  width: calc(100% / 2 - 15px);
}
.montage__content {
  width: calc(100% / 2 - 15px);
}
.montage__gallery-thumbs .swiper-slide img {
  width: 100%;
  border-radius: 5px;
}
.montage__gallery-thumbs .swiper-slide {
  position: relative;
}
.montage__gallery-thumbs .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #ffffff80;
}
.montage__gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
  content: none;
}
.montage__gallery-top .swiper-slide img {
  width: 100%;
  border-radius: 5px;
}
.montage__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  background-color: #fff;
  border-radius: 5px;
  padding: 35px 30px;
}
.montage__content-title {
  font-size: 28px;
  line-height: 100%;
  font-weight: 600;
}
p.montage__content-text {
  font-size: 18px;
  line-height: 150%;
  margin-top: 20px;
}
.montage__content-properties {
  display: flex;
  margin-top: 30px;
}

.montage__content-property__info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

span.montage__content-property__name {
  font-size: 14px;
  line-height: 140%;
}
span.montage__content-property__value {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
}

.montage__content-property {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 50%;
}

/* info__services */
.info__services {
  margin-top: 140px;
}

.info__services-wrapper {
  display: grid;
  grid-template-columns: 922fr 650fr;
  gap: 30px;
}
p.text.info__services-text {
  margin-top: 30px;
  line-height: 160%;
}

.info__services-img {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
/* info__services end */

/* типы поломок */

.crash {
  margin-top: 140px;
}
ul.crash__list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 20px;
  margin-top: 40px;
}
li.crash__item {
  display: flex;
  width: calc(100% / 3 - 14px);
  gap: 6px;
  border-radius: 5px;
  background-color: #fff;
  align-items: flex-start;
  padding: 20px;
}
.crash__item img {
  padding: 15px;
}
.crash__item-wrapper {
  display: flex;
  flex-direction: column;
}
.crash__item-name {
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
}
.crash__item-text {
  font-size: 18px;
  line-height: 145%;
}
/* типы поломок end */

/*этапы работ , этапы ремрнта */
.stages {
  margin-top: 140px;
}
.stages__wrapper {
  display: grid;
  grid-template-columns: 650fr 922fr;
  gap: 30px;
  margin-top: 35px;
}
img.stages__img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.stages__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stages__item-counter {
  font-size: 40px;
  line-height: 140%;
  font-weight: 700;
  color: #1d4199;
}
span.stages__item-name {
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
}
span.stages__item-text {
  font-size: 18px;
  line-height: 140%;
}
.stages__item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 24px 30px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.stages__item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/*этапы работ , этапы ремрнта конец */

/* вопрос - ответ */
.questions {
  margin-top: 155px;
}
.questions__wrapper {
  display: grid;
  grid-template-columns: 1fr 514px;
  gap: 30px;
  margin-top: 30px;
}

.questions__list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.questions__item {
  background-color: #fff;
  padding: 25px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}

.questions__item-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.questions__item-icon {
  position: relative;
  width: 14px;
}
.questions__item-icon span {
  width: 100%;
  height: 2px;
  background-color: #2d264b;
  border-radius: 1.5px;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  -ms-border-radius: 1.5px;
  -o-border-radius: 1.5px;
  display: block;
  position: absolute;
}
.questions__item-icon span:nth-child(1) {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.questions__item-icon span:nth-child(2) {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
}
span.questions__item-question {
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
}
p.questions__item-answer {
  display: none;
  font-size: 16px;
  line-height: 140%;
  padding-top: 10px;
}

.questions__item.active p.questions__item-answer {
  display: block;
}
/* вопрос - ответ конец */

@media screen and (max-width: 1400px) {
  li.crash__item {
    width: calc(100% / 2 - 10px);
  }
}

@media screen and (max-width: 1280px) {
  .prices__item {
    width: 100%;
  }
  .montage__wrapper {
    flex-direction: column;
  }
  .montage__content,
  .montage__photos {
    width: 100%;
  }
  p.montage__content-text {
    font-size: 16px;
  }
  .montage__content-property {
    width: calc(100% / 2 - 10px);
    align-items: flex-start;
  }
  .montage__content-properties {
    gap: 20px;
  }

  .info__services-wrapper {
    display: flex;
    flex-direction: column;
  }
  img.info__services-img {
    max-height: 500px;
    object-fit: cover;
  }
  p.text.info__services-text {
    font-size: 16px;
  }
  .crash__item-text,
  .crash__item-name {
    font-size: 16px;
  }
  .crash__item img {
    width: 40px;
    padding: 2px;
  }
  .stages__wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  img.stages__img {
    max-height: 500px;
  }
  .questions__wrapper {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 991px) {
  ul.crash__list {
    margin-top: 25px;
    gap: 8px;
  }
  li.crash__item {
    gap: 16px;
  }
  .prices__list {
    margin-top: 20px;
  }
  .prices {
    padding-top: 80px;
  }
  .montage {
    margin-top: 80px;
  }
  .info__services {
    margin-top: 80px;
  }
  .crash {
    margin-top: 80px;
  }
  .stages {
    margin-top: 80px;
  }
  li.crash__item {
    width: 100%;
  }
  span.stages__item-name,
  span.stages__item-text {
    font-size: 14px;
  }
  .questions {
    margin-top: 80px;
  }
  .questions__item {
    padding: 14px;
  }
  span.questions__item-question {
    font-size: 16px;
  }
  p.questions__item-answer {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .detail__banner .container {
    padding: 0;
  }
  .detail__banner-btns {
    flex-direction: column;
    max-width: 230px;
    margin: 0 auto;
    margin-top: 30px;
    gap: 10px;
  }
  .detail__banner-btns button {
    width: 100%;
  }
  p.detail__banner-text {
    font-size: 16px;
    text-align: center;
  }
  h1.title.detail__banner-title {
    font-size: 30px;
    text-align: center;
  }
  .detail__banner-picture {
    transform: initial;
    width: 100%;
    border-radius: 0;
  }
  .detail__banner-wrapper {
    max-width: 100%;
    padding: 30px;
    padding-bottom: 300px;
  }
  .detail__banner-btns {
    flex-direction: column;
  }
  .prices__item {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
  }
  button.btn.btn_red_white.prices__item-btn {
    width: 100%;
  }
  .montage__content-property {
    flex-direction: column;
  }
  button.btn.btn_red.montage__content-btn {
    padding: 10px 25px;
  }
  li.crash__item {
    flex-direction: column;
  }
  .stages__wrapper{
    margin-top: 25px;
  }
  .stages__item {
    padding: 14px;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .stages__item-counter{font-size: 30px;}
}


.swiper-slide__video{
  position: relative;
}

.swiper-slide__video svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
  -webkit-transform: translate( -50%, -50%);
  -moz-transform: translate( -50%, -50%);
  -ms-transform: translate( -50%, -50%);
  -o-transform: translate( -50%, -50%);
}

.montage__gallery-top .swiper-slide{
  height: auto;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/advantages-detail/style.css?17454828881306*/
.advantages__list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .advantages__item {
    width: calc(25% - 15px);
    height: unset;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    gap: 20px;
    padding: 25px 36px;
    align-items: flex-start;
  }
  .advantages__item-text {
    font-size: 16px;
    line-height: 140%;
  }
  .advantages__item-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
  }
  img.advantages__item-icon {
    padding-top: 16px;
}
  .advantages__item-wrapper{
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  @media screen and (max-width: 1280px) {
    .advantages__item {
      width: calc(50% - 10px);
    }
  }
  @media screen and (max-width: 767px) {
    .advantages__list {
      margin-top: 30px;
      gap: 6px;
    }
    .advantages__item {
      width: 100%;
      padding: 14px 17px;
      flex-direction: column;
    }
    .advantages__item-icon {
      width: 32px;
    }
    .advantages__item-text {
      font-size: 14px;
    }
    .advantages__item-name {
      font-size: 16px;
    }
    .advantages__item-wrapper{
      gap: 4px;
    }
  }
/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/form-services/style.css?17454835394638*/
.services-form {
  margin-top: 140px;
}
.services-form__wrapper {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: grid;
  grid-template-columns: 762fr 710fr;
  gap: 30px;
  padding: 50px 50px 50px 45px;
  border-left: solid 6px #1d4199;
  align-items: start;
}
.services-form__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.services-form__text {
  font-size: 20px;
  line-height: 28px;
}
.services-form__btn-wrapper {
  display: flex;
  flex-direction: column;
}
.services-form__btn-wrapper span {
  color: #fff;
}
.services-form__btn-wrapper span:nth-child(1) {
  font-size: 9px;
  line-height: 11.7px;
}
.services-form__btn-wrapper span:nth-child(2) {
  font-size: 16px;
  line-height: 20.8px;
}
.services-form__form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.services-form__form-item {
  width: calc(100% / 3 - 7px);
  height: 50px;
}
.services-form__form-label {
  position: relative;
}
.services-form__form-label__placeholder {
  transition: opacity 0.3s ease;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.services-form__form-label__placeholder span {
  color: #e31e24;
}
.services-form__form-label__placeholder.hidden {
  opacity: 0;
  pointer-events: none;
}
.services-form__form-label input {
  width: 100%;
  height: 50px;
}
.services-form__form-input {
  height: 50px;
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 5px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
  appearance: none;
  -webkit-appearance: none;
}
.services-form__form-textarea {
  resize: vertical;
  height: 70px;
  width: 100%;
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 13px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.btn.services-form__form-btn {
  width: 100%;
}
.services-form__form-privacy {
  display: grid;
  gap: 10px;
  grid-template-columns: 16px 1fr;
}
.services-form__form-privacy p {
  color: #666666;
  font-size: 14px;
  line-height: 19.6px;
}
.services-form__form-privacy-checkbox {
  display: none;
}
.services-form__form-privacy-label {
  display: inline-block;
  width: 16px; /* Размер чекбокса */
  height: 16px; /* Размер чекбокса */
  border: solid 1.5px #b1b1b1; /* Граница */
  border-radius: 1.5px; /* Закругление углов */
  background-color: #ffffff; /* Фон */
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.services-form__form-privacy-checkbox:checked
  + .services-form__form-privacy-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/local/templates/abat/public/icons/checkbox.svg");
  width: 9.3px;
  height: 6.32px;
  background-repeat: no-repeat;
}

li.services-form__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
ul.services-form__list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.services-form__form-btn {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .services-form__wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .services-form {
    margin-top: 80px;
  }
  .services-form .second-title {
    text-align: center;
  }
  .services-form__content {
    gap: 20px;
    align-items: center;
  }
  .services-form__wrapper {
    padding: 20px 15px 20px 12px;
    border-left: solid 3px #1d4199;
  }
  .services-form__text {
    font-size: 16px;
    line-height: 140%;
    text-align: left;
  }
  li.services-form__item img{
    width: 20px;
  }
  .services-form__form {
    gap: 5px;
  }
  .services-form__form-item {
    width: 100%;
  }
  .services-form__form-textarea {
    height: 80px;
    padding: 13px;
    font-size: 14px;
  }
  .services-form__form-input {
    padding: 13px;
    font-size: 14px;
  }
  .services-form__form-privacy {
    margin-top: 5px;
  }
  .services-form__form-privacy p {
    font-size: 12px;
    line-height: 140%;
  }
  .services-form__form-label__placeholder {
    font-size: 14px;
    left: 14px;
  }
}

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/quiz/style.css?17459054072306*/
.quiz {
  margin-top: 140px;
}

.quiz-container {
  width: 100%;
  margin: 50px auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.question-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.options label {
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
}

.options input[type="radio"] {
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #1d4199;
  border-radius: 50%;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.options input[type="radio"]:checked {
  /* background-color: #1D4199; */
  /* border-color: #1D4199; */
}
button#next-btn,
button#prev-btn  {
  padding: 11px 28px;
}

.options input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: #1d4199;
  border-radius: 50%;
}

.navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.navigation button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

#progress-bar {
  color: #868686;
  font-size: 16px;
  line-height: 140%;
}

.contact__form-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 10px;
}

.contact__form {
  margin-top: 30px;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.contact__form p {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}
.contact__form p span {
  color: #1d4199;
}
.contact__form-input {
  border-radius: 5px;
  padding: 10px 10px;
  border: solid 1px #ddd;
  width: calc(100%/2 - 5px);
}
button.btn.btn_blue.contact__form-submit{
  width: 100%;
}
@media screen and (max-width: 767px) {
  .quiz{
    margin-top: 80px;
  }
  .options {
    display: flex;
    flex-direction: column;

  }
  .navigation{
    flex-wrap: wrap;
    gap: 20px;
  }
  .navigation__btn-prev {
    order: 2;
  }
  .navigation__btn-next {
    order: 3;
  }
  .navigation__progress {
    order: 1;
    width: 100%;
    text-align: center;
  }
  .contact__form-input{
    width: 100%;
  }
  .contact__form h2{
    font-size: 18[x];
  }
}

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/area/style.css?17459273921232*/
.area {
  padding-top: 140px;
}
.area__text {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.area__btn {
  display: block;
  margin-top: 30px;
}
.area__map {
  width: 100%;
  background: none;
  position: relative;
}
.area__map-img {
  width: 100%;
}
.area__map-buttons {
  position: absolute;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  display: flex;
  gap: 20px;
}

.area__map-buttons button {
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  background-color: #1d4199;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

@media screen and (max-width: 767px) {
  .area {
    padding-top: 80px;
  }
  .area__text {
    margin-top: 20px;
    gap: 20px;
  }
  .area__btn {
    margin-top: 20px;
    padding: 13px;
  }
  .area__map {
    margin-top: 22px;
  }
  .area__map-buttons {
    gap: 8px;
    flex-direction: column;
  }
  .area__map-buttons button {
    width: 30px;
    height: 30px;
  }
  a.btn.btn_red.area__btn {
    padding: 13px 10px;
    text-wrap: nowrap;
    font-weight: 600;
    margin:  0 auto;
    margin-top: 20px;
  }
} /*# sourceMappingURL=area.css.map */

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/clients-list/style.css?17422037761123*/
.clients {
  padding-top: 130px;
}
.clients__list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  justify-content: center;
}
.clients__item {
  width: 20%;
  height: 180px;
  padding: 20px;
  border: solid 1px #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clients__item-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.clients__item:hover .clients__item-img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

@media screen and (max-width: 1280px) {
  .clients {
    padding-top: 80px;
  }
  .clients__item {
    width: 25%;
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .clients__list {
    margin-top: 20px;
  }
  .clients__item {
    width: 50%;
    height: 92px;
  }
}

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/form-consultation-detail/style.css?17464368875243*/
.consultation-detail {
  margin-top: 140px;
}
.consultation-detail__wrapper {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: grid;
  grid-template-columns: 762fr 710fr;
  gap: 30px;
  padding: 50px 50px 50px 45px;
  border-left: solid 6px #1d4199;
}
.consultation-detail__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.consultation-detail__text {
  font-size: 20px;
  line-height: 28px;
}
.consultation-detail__btn-wrapper {
  display: flex;
  flex-direction: column;
}
.consultation-detail__btn-wrapper span {
  color: #fff;
}
.consultation-detail__btn-wrapper span:nth-child(1) {
  font-size: 9px;
  line-height: 11.7px;
}
.consultation-detail__btn-wrapper span:nth-child(2) {
  font-size: 16px;
  line-height: 20.8px;
}
.consultation-detail__form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.consultation-detail__form-item {
  width: calc(50% - 5px);
}
.consultation-detail__form-label {
  position: relative;
}
.consultation-detail__form-label__placeholder {
  transition: opacity 0.3s ease;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.consultation-detail__form-label__placeholder span {
  color: #e31e24;
}
.consultation-detail__form-label__placeholder.hidden {
  opacity: 0;
  pointer-events: none;
}
.consultation-detail__form-label input {
  width: 100%;
}
.consultation-detail__form-input {
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 13px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
  height: 49px;
  background-color: #fff;
  /* appearance: none; */
  /* -webkit-appearance: none; */
}

.consultation-detail__form-input::placeholder{
  color: #707070;
}
.consultation-detail__form-textarea::placeholder{
  color: #707070;
}
.consultation-detail__form-textarea {
  resize: vertical;
  height: 70px;
  width: 100%;
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 13px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.consultation-detail__form-btn.btn {
  width: 100%;
}
.consultation-detail__form-privacy {
  display: grid;
  gap: 10px;
  grid-template-columns: 16px 1fr;
  /* Скрываем стандартный чекбокс */
  /* Кастомный чекбокс */
  /* Добавляем галочку при checked */
  /* Изменение цвета границы при наведении */
}
.consultation-detail__form-privacy p {
  color: #666666;
  font-size: 14px;
  line-height: 19.6px;
}
.consultation-detail__form-privacy-checkbox {
  display: none;
}
.consultation-detail__form-privacy-label {
  display: inline-block;
  width: 16px;
  /*Размерчекбокса*/
  height: 16px;
  /*Размерчекбокса*/
  border: solid 1.5px #b1b1b1;
  /*Граница*/
  border-radius: 1.5px;
  /*Закруглениеуглов*/
  background-color: #ffffff;
  /*Фон*/
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  -webkit-transition: border-color 0.3s ease, background-color 0.3s ease;
  -moz-transition: border-color 0.3s ease, background-color 0.3s ease;
  -ms-transition: border-color 0.3s ease, background-color 0.3s ease;
  -o-transition: border-color 0.3s ease, background-color 0.3s ease;
}
.consultation-detail__form-privacy-checkbox:checked
  + .consultation-detail__form-privacy-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/local/templates/abat/public/icons/checkbox.svg");
  width: 9.3px;
  height: 6.32px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1200px) {
  .consultation-detail__wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .consultation-detail {
    margin-top: 80px;
  }
  .consultation-detail .second-title {
    text-align: center;
  }
  .consultation-detail__content {
    gap: 20px;
    align-items: center;
  }
  .consultation-detail__wrapper {
    padding: 20px 15px 20px 12px;
    border-left: solid 3px #1d4199;
  }
  .consultation-detail__text {
    font-size: 16px;
    line-height: 140%;
    text-align: center;
  }
  .consultation-detail__form {
    gap: 5px;
  }
  .consultation-detail__form-item {
    width: 100%;
  }
  .consultation-detail__form-textarea {
    height: 80px;
    padding: 13px;
    font-size: 14px;
  }
  .consultation-detail__form-input {
    padding: 13px;
    font-size: 14px;
  }
  .consultation-detail__form-privacy {
    margin-top: 5px;
  }
  .consultation-detail__form-privacy p {
    font-size: 12px;
    line-height: 140%;
  }
  .consultation-detail__form-label__placeholder {
    font-size: 14px;
    left: 14px;
  }
}

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/another-services-list/style.css?17454845322492*/
.another-services {
  padding-top: 140px;
}
.another-services__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
  margin-top: 30px;
}
.another-services__item {
  width: calc(20% - 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}
.another-services__item-img {
  width: 100%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.another-services__item-name {
  padding: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.another-services__item:last-child {
  background-color: #1d4199;
  justify-content: center;
  gap: 20px;
  padding: 30px;
}
.another-services__item-text {
  color: #fff;
  font-size: 28px;
  line-height: 38.25px;
  text-align: center;
}
.another-services__item-all {
  font-size: 16px;
  line-height: 21.86px;
  font-weight: 700;
  width: 100%;
  border: solid 1px #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #fff;
  text-align: left;
  display: flex;
  justify-content: center;
  padding: 10px 10px;
  text-wrap: nowrap;
}
.another-services__item:hover .another-services__item-img {
  scale: 1.05;
}

@media screen and (max-width: 1280px) {
  .another-services__item {
    width: calc(25% - 16px);
  }
  .another-services__item:last-child {
    width: calc(100% - (25% - 16px) - 20px);
  }
}
@media screen and (max-width: 991px) {
  .another-services__item {
    width: calc(33.3333333333% - 14px);
  }
  .another-services__item:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .another-services {
    padding-top: 95px;
  }
  .another-services__list {
    gap: 10px;
    margin-top: 20px;
  }
  .another-services__item {
    width: calc(50% - 5px);
    padding: 10px;
    gap: 10px;
  }
  .another-services__item-name {
    font-size: 14px;
    line-height: 19.12px;
  }
  .another-services__item:last-child {
    padding: 30px 39px;
  }
  .another-services__item-text {
    font-size: 20px;
    line-height: 27.32px;
  }
  .another-services__item-all {
    font-size: 16px;
    line-height: 21.86px;
  }
}

@media screen and (max-width: 560px) {
  .another-services__item {
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/abat/components/bitrix/news.list/form-question/style.css?17423065374670*/
.question-form__wrapper {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 25px 20px 20px 15px;
  border-left: solid 6px #1d4199;
}
.question-form__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.question-form__content-title {
  font-size: 24px;
  line-height: 130%;
  font-weight: 600;
}
.question-form__text {
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
}
.question-form__btn-wrapper {
  display: flex;
  flex-direction: column;
}
.question-form__btn-wrapper span {
  color: #fff;
}
button.btn.btn_blue.question-form__form-btn {
  width: 100%;
}
.question-form__btn-wrapper span:nth-child(1) {
  font-size: 9px;
  line-height: 11.7px;
}
.question-form__btn-wrapper span:nth-child(2) {
  font-size: 16px;
  line-height: 20.8px;
}
.question-form__form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.question-form__form-item {
  width: calc(50% - 5px);
}
.question-form__form-label {
  position: relative;
}
.question-form__form-label__placeholder {
  transition: opacity 0.3s ease;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.question-form__form-label__placeholder span {
  color: #e31e24;
}
.question-form__form-label__placeholder.hidden {
  opacity: 0;
  pointer-events: none;
}
.question-form__form-label input {
  width: 100%;
}
.question-form__form-input {
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 13px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
  appearance: none;
  -webkit-appearance: none;
}
.question-form__form-textarea {
  resize: vertical;
  height: 70px;
  width: 100%;
  border: solid 1px #dadada;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 13px 18px;
  font-size: 16px;
  line-height: 22px;
  color: #707070;
}
.question-form__form-btn {
  width: 100%;
}
.question-form__form-privacy {
  display: grid;
  gap: 10px;
  grid-template-columns: 16px 1fr;
  /* Скрываем стандартный чекбокс */
  /* Кастомный чекбокс */
  /* Добавляем галочку при checked */
  /* Изменение цвета границы при наведении */
}
.question-form__form-privacy p {
  color: #666666;
  font-size: 14px;
  line-height: 19.6px;
}
.question-form__form-privacy-checkbox {
  display: none;
}
.question-form__form-privacy-label {
  display: inline-block;
  width: 16px; /* Размер чекбокса */
  height: 16px; /* Размер чекбокса */
  border: solid 1.5px #b1b1b1; /* Граница */
  border-radius: 1.5px; /* Закругление углов */
  background-color: #ffffff; /* Фон */
  position: relative;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.question-form__form-privacy-checkbox:checked
  + .question-form__form-privacy-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/local/templates/abat/public/icons/checkbox.svg");
  width: 9.3px;
  height: 6.32px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1200px) {
  .question-form__wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .question-form {
    margin-top: 80px;
  }
  .question-form .second-title {
    text-align: center;
  }
  .question-form__content {
    gap: 10px;
    align-items: center;
  }
  .question-form__wrapper {
    padding: 20px 15px 20px 12px;
    border-left: solid 3px #1d4199;
  }
  .question-form__text {
    font-size: 16px;
    line-height: 140%;
    text-align: center;
  }
  .question-form__form {
    gap: 5px;
  }
  .question-form__form-item {
    width: 100%;
  }
  .question-form__form-textarea {
    height: 80px;
    padding: 13px;
    font-size: 14px;
  }
  .question-form__form-input {
    padding: 13px;
    font-size: 14px;
  }
  .question-form__form-privacy {
    margin-top: 5px;
  }
  .question-form__form-privacy p {
    font-size: 12px;
    line-height: 140%;
  }
  .question-form__form-label__placeholder {
    font-size: 14px;
    left: 14px;
  }
}

/* End */
/* /local/templates/abat/components/bitrix/news/services-news/bitrix/news.detail/services-news-detail/style.css?175068485511412 */
/* /local/templates/abat/components/bitrix/news.list/advantages-detail/style.css?17454828881306 */
/* /local/templates/abat/components/bitrix/news.list/form-services/style.css?17454835394638 */
/* /local/templates/abat/components/bitrix/news.list/quiz/style.css?17459054072306 */
/* /local/templates/abat/components/bitrix/news.list/area/style.css?17459273921232 */
/* /local/templates/abat/components/bitrix/news.list/clients-list/style.css?17422037761123 */
/* /local/templates/abat/components/bitrix/news.list/form-consultation-detail/style.css?17464368875243 */
/* /local/templates/abat/components/bitrix/news.list/another-services-list/style.css?17454845322492 */
/* /local/templates/abat/components/bitrix/news.list/form-question/style.css?17423065374670 */