@charset "UTF-8";
:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.card-contact {
  padding-top: calc(40rem / 16);
  padding-bottom: calc(43rem / 16);
  padding-inline: calc(40rem / 16);
  gap: calc(45rem / 16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06);
  background: #fff;
  border-radius: 16px;
}
@media (max-width: 1728px) {
  .card-contact {
    padding-top: calc(28rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    padding-bottom: calc(32rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    padding-inline: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact {
    gap: calc(20rem / 16 + 25 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .card-contact__inner-wrap {
    display: flex;
    gap: 16px;
  }
}
.card-contact__icon {
  --size: 80;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
}
@media only screen and (min-width: 768px) {
  .card-contact__icon {
    margin-bottom: 8px;
  }
}
.card-contact__title {
  font-size: calc(35rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-contact__title {
    font-size: calc(24rem / 16 + 11 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-contact__description {
  font-size: calc(20rem / 16);
  margin-top: calc(16rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-contact__description {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-contact__description {
    margin-top: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-contact__description {
    opacity: 0.8;
    line-height: normal;
  }
}
.card-contact .btn {
  font-size: calc(20rem / 16);
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #6b34fd;
  margin-block: 0;
  padding-block: 5px;
  margin-left: 96px;
}
@media (max-width: 1728px) {
  .card-contact .btn {
    font-size: calc(18rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-contact .btn {
    line-height: 1.6;
    margin-left: 0;
  }
}

.section-contact-us {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
  background: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-contact-us {
    padding-top: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-contact-us {
    padding-bottom: calc(65rem / 16 + 59 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-contact-us .section-description-top {
  font-size: calc(24rem / 16);
  margin-bottom: calc(16rem / 16);
  letter-spacing: 0.02em;
  color: #6b34fd;
}
@media (max-width: 1728px) {
  .section-contact-us .section-description-top {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-contact-us .section-description-top {
    margin-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-contact-us .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #121185;
  padding-bottom: 20px;
}
@media (max-width: 1728px) {
  .section-contact-us .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-contact-us .section-title {
    line-height: 1.07;
  }
}
.section-contact-us__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (min-width: 1025px) {
  .section-contact-us__wrapper {
    flex-direction: row;
  }
}
.section-contact-us__wrap-text {
  max-width: 562px;
  width: 100%;
}
.section-contact-us .contact-list {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  max-width: 794px;
  width: 100%;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-contact-us .contact-list {
    --gap: calc(16rem / 16 + 14 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .section-contact-us .contact-list {
    min-width: 700px;
  }
}
.section-contact-us .contact-list__item {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-contact-us .contact-list__item {
    width: calc(50% - var(--gap) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .section-contact-us .contact-list .card-contact__description {
    max-width: 250px;
  }
}
/*# sourceMappingURL=section-contact-us.min.css.map */