/* contacts 1:1 — Tilda rec314023679 artboard 480 / #f3f4f6 */

section.sk-contacts {
  background: #f3f4f6;
  padding: 20px 0 0;
  min-height: 480px;
}

section.sk-contacts .sk-contacts__grid {
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr);
  column-gap: 20px;
  align-items: start;
  min-height: 460px;
}

.sk-contacts__info .sk-section-title {
  min-height: 70px;
  margin: 0 0 45px;
}

.sk-contacts__info .sk-section-title img {
  top: 0;
  width: 120px;
  height: auto;
}

.sk-contacts__info .sk-section-title h2 {
  padding-top: 24px;
  font-family: var(--sk-font);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
}

section.sk-contacts .sk-contacts__row {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 30px;
  color: #000;
  font-family: var(--sk-font);
  font-size: 20px;
  line-height: 1.55;
}

.sk-contacts__row--phone span {
  font-weight: 700;
}

.sk-contacts__row--city span {
  font-weight: 400;
}

section.sk-contacts .sk-contacts__row img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  object-fit: contain;
}

section.sk-contacts .sk-contacts__max {
  margin-top: 8px;
  min-width: 200px;
  width: 200px;
  height: 55px;
  padding: 0;
  border-radius: 30px;
  background: #3919b9;
  font-family: var(--sk-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  gap: 12px;
}

section.sk-contacts .sk-contacts__max img {
  width: 24px;
  height: 24px;
}

section.sk-contacts .sk-contacts__map {
  width: 100%;
  max-width: 802px;
  height: 400px;
  min-height: 400px;
  margin-top: 9px;
  overflow: hidden;
  background: #e8eaed;
}

section.sk-contacts .sk-contacts__map iframe,
.sk-contacts__map ymaps,
.sk-contacts__map .ymaps-2-1-79-map,
.sk-contacts__map [class*="ymaps"] {
  width: 100% !important;
  height: 400px !important;
  display: block;
}

@media screen and (max-width: 1199px) {
  section.sk-contacts .sk-contacts__grid {
    grid-template-columns: 384px minmax(0, 1fr);
  }
}

@media screen and (max-width: 959px) {
  section.sk-contacts {
    min-height: 640px;
    padding: 20px 0 40px;
  }

  section.sk-contacts .sk-contacts__grid {
    grid-template-columns: 1fr;
    min-height: 0;
    row-gap: 24px;
  }

  .sk-contacts__info {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title title"
      "phone cta"
      "city cta";
    column-gap: 16px;
    align-items: center;
  }

  .sk-contacts__info .sk-section-title {
    grid-area: title;
    margin-bottom: 28px;
  }

  .sk-contacts__row--phone {
    grid-area: phone;
    margin-bottom: 20px;
  }

  .sk-contacts__row--city {
    grid-area: city;
    margin-bottom: 0;
  }

  section.sk-contacts .sk-contacts__max {
    grid-area: cta;
    margin-top: 0;
    align-self: center;
  }

  section.sk-contacts .sk-contacts__map {
    max-width: 100%;
    height: 286px;
    min-height: 286px;
    margin-top: 0;
  }

  section.sk-contacts .sk-contacts__map iframe,
  .sk-contacts__map ymaps,
  .sk-contacts__map .ymaps-2-1-79-map,
  .sk-contacts__map [class*="ymaps"] {
    height: 286px !important;
  }
}

@media screen and (max-width: 639px) {
  section.sk-contacts {
    min-height: 750px;
  }
}

@media screen and (max-width: 479px) {
  .sk-contacts__info {
    display: block;
  }

  .sk-contacts__info .sk-section-title {
    margin-bottom: 36px;
  }

  .sk-contacts__info .sk-section-title h2 {
    font-size: 36px;
  }

  section.sk-contacts .sk-contacts__row {
    margin-bottom: 24px;
  }

  section.sk-contacts .sk-contacts__max {
    margin-top: 12px;
  }
}