/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/blocks/contacts.scss ***!
  \*********************************************************************************************************************************************************************/
:root {
  --theme-main-font: "Montserrat", sans-serif;
  --theme-second-font: "Montserrat", sans-serif;
}

.contacts__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  -webkit-box-shadow: 0px 2.68px 22.65px 0px rgba(51, 51, 51, 0.1411764706);
          box-shadow: 0px 2.68px 22.65px 0px rgba(51, 51, 51, 0.1411764706);
  border-radius: 10px;
  padding: 40px 32px;
}
.contacts__item--title {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 24px;
}
.contacts__item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #333333;
}
.contacts__item .item::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.contacts__item .phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.contacts__item .phones .phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_99_3898%29%27%3E%3Cpath d=%27M8 9C9.2 11.3583 11.6417 13.7917 14 15L15 13C15.225 12.775 15.7083 12.9 16 13C16.9333 13.3083 17.9667 13 19 13C19.4583 13 20 13.5417 20 14V17C20 17.4583 19.4583 18 19 18C11.175 18 5 11.825 5 4C5 3.54167 5.54167 3 6 3H9C9.45833 3 10 3.54167 10 4C10 5.04167 9.69167 6.06667 10 7C10.0917 7.29167 10.2333 7.76667 10 8L8 9Z%27 fill=%27url%28%23paint0_linear_99_3898%29%27/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_99_3898%27 x1=%275%27 y1=%2710.5%27 x2=%2720%27 y2=%2710.5%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%230E479C%27/%3E%3Cstop offset=%271%27 stop-color=%27%23390E6D%27/%3E%3C/linearGradient%3E%3CclipPath id=%27clip0_99_3898%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.contacts__item .email::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.33366 16.6666C2.87533 16.6666 2.4831 16.5036 2.15699 16.1775C1.83088 15.8514 1.66755 15.4589 1.66699 15V4.99998C1.66699 4.54165 1.83033 4.14942 2.15699 3.82331C2.48366 3.4972 2.87588 3.33387 3.33366 3.33331H16.667C17.1253 3.33331 17.5178 3.49665 17.8445 3.82331C18.1712 4.14998 18.3342 4.5422 18.3337 4.99998V15C18.3337 15.4583 18.1706 15.8508 17.8445 16.1775C17.5184 16.5041 17.1259 16.6672 16.667 16.6666H3.33366ZM10.0003 10.8333L16.667 6.66665V4.99998L10.0003 9.16665L3.33366 4.99998V6.66665L10.0003 10.8333Z%27 fill=%27url%28%23paint0_linear_99_3890%29%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_99_3890%27 x1=%271.66699%27 y1=%279.99998%27 x2=%2718.3337%27 y2=%279.99998%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%230E479C%27/%3E%3Cstop offset=%271%27 stop-color=%27%23390E6D%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.contacts__item .messengers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.contacts__item .messengers > a img {
  width: 30px;
  height: 30px;
}
.contacts__item .address::before {
  content: none;
}
.contacts__item .work_time::before {
  content: none;
}
.contacts__map {
  width: 100%;
  max-height: 630px;
  min-height: 300px;
  height: 100%;
  -webkit-box-shadow: 0px 0px 42.88px 0px rgba(51, 51, 51, 0.1019607843);
          box-shadow: 0px 0px 42.88px 0px rgba(51, 51, 51, 0.1019607843);
  border-radius: 10px;
  overflow: hidden;
}
.contacts__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 768px) {
  .contacts__map {
    aspect-ratio: 4/3;
  }
}
@media (max-width: 1279px) {
  .contacts__content {
    gap: 32px;
    padding: 24px 20px;
  }
  .contacts__item--title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .contacts__item .item {
    font-size: 16px;
  }
}