.contacts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
}
.contacts .container {
    padding: 0px;
}
.contacts__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.contacts__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.contacts__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  border-radius: 30px;
  background: #F5F5F5;
  padding: 18px 30px;
}

.contacts__data .contacts__link.link-arrow {
  position: relative;
}

.contacts__data .contacts__link.link-arrow::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: url("/local/templates/redan_light/assets/img/icons/arrow-black.svg") 0 0/cover no-repeat;
}

.contacts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contacts__text {
  color: rgba(57, 89, 116, 0.5);
  font-size: 15px;
  line-height: 155%;
}

.contacts__link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #1A2936;
  font-size: 20px;
  line-height: 116%;
}

.contacts__link:hover {
  color: #FF0037;
}

.contacts__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.contacts__address {
  position: relative;
  padding: 30px 83px 30px 30px;
  border-radius: 30px;
  background: linear-gradient(176deg, #87001E 2.84%, #FF0037 153.39%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contacts__text-address {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 155%;
}

.contacts__link-address {
  max-width: 377px;
  color: #FFF;
}

.contacts__link-address::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background: url("/local/templates/redan_light/assets/img/icons/arrow-white.svg") 0 0/cover no-repeat;
}

.contacts__map {
  width: 66%;
  max-height: 625px;
  height: 100vh;
}

.contacts__map iframe {
  border-radius: 30px;
  width: 100%;
  height: 100%;
}
.contacts__data1, .contacts__data2{display:none;}

.details {
  margin-bottom: 76px;
}

.details__title {
  color: #2F2F2F;
  font-family: Manrope;
  font-size: 36px;
  font-weight: 700;
  line-height: 108%;
  margin-bottom: 20px;
  letter-spacing: -1.08px;
}

.details__body {
  border-radius: 30px;
  background: #F5F5F5;
  padding: 30px;
}

.details__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px 60px;
}

.details__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.details__subtitle {
  color: rgba(57, 89, 116, 0.5);
  font-family: Manrope;
  font-size: 15px;
  font-weight: 400;
  line-height: 155%;
}

.details__text {
  color: #1A2936;
  font-size: 20px;
  font-weight: 400;
  line-height: 116%;
}

@media (max-width: 996px) {
  .contacts .container {
      width: 100%;
  }
  .contacts__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .contacts__info {
    gap: 16px;
  }

  .contacts__data .contacts__link.link-arrow::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .contacts__link-address::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .contacts__map {
    height: 520px;
    width: 100%;
  }
  .details {
    margin-bottom: 48px;
  }

  .details__title {
    font-size: 30px;
    line-height: 144%;
    margin-bottom: 30px;
  }

  .details__body {
    border-radius: 20px;
  }

  .details__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .details__info {
    gap: 16px;
  }

  .details__text {
    font-size: 20px;
    line-height: 140%;
  }
}

@media (max-width: 660px) {
  .contacts__info {
    gap: 13px;
  }

  .contacts__data {
    padding: 15px 25px;
    gap: 15px;
    border-radius: 20px;
  }

  .contacts__link {
    font-size: 18px;
  }

  .contacts__address {
    padding: 20px 25px;
    border-radius: 20px;
  }

  .contacts__map {
    height: 315px;
  }
  .details__title {
    font-size: 26px;
    margin-bottom: 23px;
  }

  .details__info {
    gap: 12px;
  }

  .details__subtitle {
    font-size: 14px;
  }

  .details__text {
    font-size: 18px;
  }
}