/* Start:/res/contactsPage/45ba26caa4702ab9d9ca.css?175698786483901*/
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/pages/contacts/templates/.default/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.contacts .os-theme-affiliate {
  --os-size: 2px;
  --os-track-border-radius: 8px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
  box-sizing: border-box;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-handle-bg: #99CACD;
  --os-handle-bg-hover: #99CACD;
  --os-handle-bg-active: #99CACD;
  --os-track-bg: #E5E6EC;
}
.contacts .os-scrollbar {
  --os-padding-axis: 10px;
}
.contacts .os-scrollbar-vertical {
  background-color: #E5E6EC;
}
.contacts__requisites {
  background: #F5F6F8;
  border-radius: 8px;
}
.contacts__requisites {
  padding: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__requisites {
    padding: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites {
    padding: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites {
    padding: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.contacts__requisites {
  margin-bottom: 76.8913043478px;
}
@media (max-width: 1651px) {
  .contacts__requisites {
    margin-bottom: clamp(73.027173913px, 73.027173913px + 3.8641304348 * (100vw - 1551px) / 100, 76.8913043478px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites {
    margin-bottom: 58.6956521739px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites {
    margin-bottom: clamp(47.5923913043px, 47.5923913043px + 11.1032608696 * (100vw - 1025px) / 227, 58.6956521739px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites {
    padding: clamp(24px, 24px + 8 * (100vw - 768px) / 256, 32px);
    margin-bottom: clamp(60px, 60px + 30 * (100vw - 768px) / 256, 90px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites {
    padding: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    margin-bottom: clamp(48px, 48px + 12 * (100vw - 375px) / 393, 60px);
  }
}
.contacts__requisites-body {
  display: flex;
  flex-direction: column;
}
.contacts__requisites-body {
  gap: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__requisites-body {
    gap: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-body {
    gap: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-body {
    gap: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-body {
    gap: clamp(24px, 24px + 8 * (100vw - 768px) / 256, 32px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-body {
    gap: clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.contacts__requisites-block--header {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.contacts__requisites-block--header {
  column-gap: 56.3869565217px;
}
@media (max-width: 1651px) {
  .contacts__requisites-block--header {
    column-gap: clamp(53.5532608696px, 53.5532608696px + 2.8336956522 * (100vw - 1551px) / 100, 56.3869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-block--header {
    column-gap: 43.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-block--header {
    column-gap: clamp(34.9010869565px, 34.9010869565px + 8.1423913043 * (100vw - 1025px) / 227, 43.0434782609px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-block--header {
    column-gap: unset;
  }
}
.contacts__requisites-block--body {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.contacts__requisites-block--body {
  column-gap: 56.3869565217px;
}
@media (max-width: 1651px) {
  .contacts__requisites-block--body {
    column-gap: clamp(53.5532608696px, 53.5532608696px + 2.8336956522 * (100vw - 1551px) / 100, 56.3869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-block--body {
    column-gap: 43.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-block--body {
    column-gap: clamp(34.9010869565px, 34.9010869565px + 8.1423913043 * (100vw - 1025px) / 227, 43.0434782609px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-block--body {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .contacts__requisites-block--body {
    row-gap: clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.contacts__requisites-block--left {
  display: flex;
  flex-direction: column;
}
.contacts__requisites-block--left {
  gap: 41.0086956522px;
}
@media (max-width: 1651px) {
  .contacts__requisites-block--left {
    gap: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-block--left {
    gap: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-block--left {
    gap: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-block--left {
    gap: clamp(24px, 24px + 24 * (100vw - 768px) / 256, 48px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-block--left {
    gap: clamp(16px, 16px + 8 * (100vw - 375px) / 393, 24px);
  }
}
.contacts__requisites-block--right {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
  .contacts__requisites-block--right {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .contacts__requisites-block--right {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
}
.contacts__requisites-item {
  display: flex;
  flex-direction: column;
}
.contacts__requisites-item {
  gap: 10.252173913px;
}
@media (max-width: 1651px) {
  .contacts__requisites-item {
    gap: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-item {
    gap: 7.8260869565px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-item {
    gap: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-item {
    gap: clamp(8px, 8px + 4 * (100vw - 768px) / 256, 12px);
  }
}
.contacts__requisites-item--center {
  justify-content: center;
}
@media (max-width: 1024px) {
  .contacts__requisites-item--right {
    align-items: end;
  }
}
.contacts__requisites-title {
  font-size: 23.9217391304px;
}
@media (max-width: 1651px) {
  .contacts__requisites-title {
    font-size: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-title {
    font-size: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-title {
    font-size: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.contacts__requisites-title {
  line-height: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__requisites-title {
    line-height: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-title {
    line-height: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-title {
    line-height: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-title {
    font-size: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
    line-height: clamp(28px, 28px + 4 * (100vw - 768px) / 256, 32px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-title {
    font-size: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    line-height: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
  }
}
.contacts__requisites-download {
  display: flex;
  align-items: center;
  border: 2px solid #24282B;
  border-radius: 8px;
  background: #F5F6F8;
  cursor: pointer;
  width: max-content;
  font-weight: 500;
}
.contacts__requisites-download {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .contacts__requisites-download {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-download {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-download {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.contacts__requisites-download {
  padding: 13.6695652174px 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__requisites-download {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-download {
    padding: 10.4347826087px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-download {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__requisites-download {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .contacts__requisites-download {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-download {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-download {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.contacts__requisites-download {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__requisites-download {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-download {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-download {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-download {
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(18px, 18px + 6 * (100vw - 768px) / 256, 24px);
    gap: 8px;
    padding: clamp(13px, 13px + 3 * (100vw - 768px) / 256, 16px) clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-download {
    font-size: clamp(12px, 12px + 2 * (100vw - 768px) / 256, 14px);
    line-height: clamp(16px, 16px + 2 * (100vw - 768px) / 256, 18px);
    padding: clamp(14px, 14px + -1 * (100vw - 768px) / 256, 13px) clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
  }
}
.contacts__requisites-download:hover {
  border-color: #007B82;
  color: #007B82;
}
.contacts__requisites-icon {
  width: 17.0869565217px;
}
@media (max-width: 1651px) {
  .contacts__requisites-icon {
    width: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-icon {
    width: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-icon {
    width: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.contacts__requisites-icon {
  height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .contacts__requisites-icon {
    height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-icon {
    height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-icon {
    height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-icon {
    width: 20px;
    height: 20px;
  }
}
.contacts__requisites-name {
  color: #7C7E80;
}
.contacts__requisites-name {
  font-size: 15.3782608696px;
}
@media (max-width: 1651px) {
  .contacts__requisites-name {
    font-size: clamp(14.6054347826px, 14.6054347826px + 0.772826087 * (100vw - 1551px) / 100, 15.3782608696px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-name {
    font-size: 11.7391304348px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-name {
    font-size: clamp(9.5184782609px, 9.5184782609px + 2.2206521739 * (100vw - 1025px) / 227, 11.7391304348px);
  }
}
.contacts__requisites-name {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__requisites-name {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-name {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-name {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-name {
    font-size: clamp(14px, 14px + 4 * (100vw - 768px) / 256, 18px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__requisites-value {
  font-weight: 500;
}
.contacts__requisites-value {
  font-size: 17.0869565217px;
}
@media (max-width: 1651px) {
  .contacts__requisites-value {
    font-size: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-value {
    font-size: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-value {
    font-size: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.contacts__requisites-value {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__requisites-value {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-value {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-value {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-value {
    font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__requisites-value--address {
  max-width: 617.6934782609px;
}
@media (max-width: 1651px) {
  .contacts__requisites-value--address {
    max-width: clamp(586.6516304348px, 586.6516304348px + 31.0418478261 * (100vw - 1551px) / 100, 617.6934782609px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-value--address {
    max-width: 471.5217391304px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-value--address {
    max-width: clamp(382.3255434783px, 382.3255434783px + 89.1961956522 * (100vw - 1025px) / 227, 471.5217391304px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-value--address {
    max-width: unset;
  }
}
.contacts__requisites-value span {
  transform: translate3d(0, 2.1px, 0);
}
@media (max-width: 1024px) {
  .contacts__requisites-value span {
    transform: translate3d(0, 1.2px, 0);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-value span {
    transform: translate3d(0, 0.5px, 0);
  }
}
.contacts__requisites-link:hover {
  color: #007B82;
}
.contacts__requisites-subblock {
  display: flex;
  flex-direction: column;
}
.contacts__requisites-subblock {
  gap: 41.0086956522px;
}
@media (max-width: 1651px) {
  .contacts__requisites-subblock {
    gap: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-subblock {
    gap: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-subblock {
    gap: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
@media (max-width: 1024px) {
  .contacts__requisites-subblock {
    flex-direction: row;
    gap: 48px;
  }
  .contacts__requisites-subblock .contacts__requisites-item:first-child {
    min-width: clamp(182px, 182px + 40 * (100vw - 768px) / 256, 222px);
  }
}
@media (max-width: 767px) {
  .contacts__requisites-subblock {
    flex-direction: column;
    gap: 16px;
  }
  .contacts__requisites-subblock .contacts__requisites-item:first-child {
    min-width: unset;
  }
}
.contacts__requisites-phone {
  display: flex;
  align-items: center;
}
.contacts__requisites-phone {
  gap: 10.252173913px;
}
@media (max-width: 1651px) {
  .contacts__requisites-phone {
    gap: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-phone {
    gap: 7.8260869565px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-phone {
    gap: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px);
  }
}
.contacts__requisites-mail {
  display: flex;
  align-items: center;
}
.contacts__requisites-mail {
  gap: 6.8347826087px;
}
@media (max-width: 1651px) {
  .contacts__requisites-mail {
    gap: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .contacts__requisites-mail {
    gap: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .contacts__requisites-mail {
    gap: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
.contacts__phone-icon {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__phone-icon {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__phone-icon {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__phone-icon {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__phone-icon {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__phone-icon {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__phone-icon {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__phone-icon {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__phone-icon {
    width: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__mail-icon {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__mail-icon {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__mail-icon {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__mail-icon {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__mail-icon {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__mail-icon {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__mail-icon {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__mail-icon {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__mail-icon {
    width: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__copy-icon {
  cursor: pointer;
}
.contacts__copy-icon {
  width: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__copy-icon {
    width: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__copy-icon {
    width: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__copy-icon {
    width: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__copy-icon {
  height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__copy-icon {
    height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__copy-icon {
    height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__copy-icon {
    height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__copy-icon {
    width: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__branches {
  margin-bottom: 59.8043478261px;
}
@media (max-width: 1651px) {
  .contacts__branches {
    margin-bottom: clamp(56.7989130435px, 56.7989130435px + 3.0054347826 * (100vw - 1551px) / 100, 59.8043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches {
    margin-bottom: 45.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches {
    margin-bottom: clamp(37.0163043478px, 37.0163043478px + 8.6358695652 * (100vw - 1025px) / 227, 45.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches {
    margin-bottom: clamp(60px, 60px + 10 * (100vw - 768px) / 256, 70px);
  }
}
@media (max-width: 767px) {
  .contacts__branches {
    margin-bottom: clamp(48px, 48px + 12 * (100vw - 375px) / 393, 60px);
  }
}
.contacts__branches-title {
  margin-bottom: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__branches-title {
    margin-bottom: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-title {
    margin-bottom: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-title {
    margin-bottom: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__branches-title {
  font-size: 23.9217391304px;
}
@media (max-width: 1651px) {
  .contacts__branches-title {
    font-size: clamp(22.7195652174px, 22.7195652174px + 1.202173913 * (100vw - 1551px) / 100, 23.9217391304px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-title {
    font-size: 18.2608695652px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-title {
    font-size: clamp(14.8065217391px, 14.8065217391px + 3.4543478261 * (100vw - 1025px) / 227, 18.2608695652px);
  }
}
.contacts__branches-title {
  line-height: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__branches-title {
    line-height: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-title {
    line-height: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-title {
    line-height: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-title {
    margin-bottom: clamp(32px, 32px + -8 * (100vw - 768px) / 256, 24px);
    font-size: clamp(24px, 24px + 4 * (100vw - 768px) / 256, 28px);
    line-height: clamp(28px, 28px + 4 * (100vw - 768px) / 256, 32px);
  }
}
@media (max-width: 767px) {
  .contacts__branches-title {
    margin-bottom: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
    font-size: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
    line-height: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
  }
}
.contacts__branches-body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.contacts__branches-body {
  column-gap: 18.7956521739px;
}
@media (max-width: 1651px) {
  .contacts__branches-body {
    column-gap: clamp(17.8510869565px, 17.8510869565px + 0.9445652174 * (100vw - 1551px) / 100, 18.7956521739px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-body {
    column-gap: 14.347826087px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-body {
    column-gap: clamp(11.6336956522px, 11.6336956522px + 2.7141304348 * (100vw - 1025px) / 227, 14.347826087px);
  }
}
.contacts__branches-body {
  row-gap: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__branches-body {
    row-gap: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-body {
    row-gap: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-body {
    row-gap: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-body {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .contacts__branches-body {
    row-gap: clamp(8px, 8px + 4 * (100vw - 375px) / 393, 12px);
  }
}
.contacts__branches-left {
  border-radius: 8px;
  overflow-y: hidden;
  background: #F5F6F8;
}
.contacts__branches-left-wrapper {
  position: relative;
}
.contacts__branches-left-wrapper {
  max-height: 749.2630434783px;
}
@media (max-width: 1651px) {
  .contacts__branches-left-wrapper {
    max-height: clamp(711.6092391304px, 711.6092391304px + 37.6538043478 * (100vw - 1551px) / 100, 749.2630434783px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-left-wrapper {
    max-height: 571.9565217391px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-left-wrapper {
    max-height: clamp(463.7614130435px, 463.7614130435px + 108.1951086957 * (100vw - 1025px) / 227, 571.9565217391px);
  }
}
.contacts__branches-items {
  background: #F5F6F8;
  height: 100%;
}
.contacts__branches-items {
  padding: 0px 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__branches-items {
    padding: clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px) clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-items {
    padding: 0px 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-items {
    padding: clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px) clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-items {
    padding: 0 clamp(24px, 24px + 8 * (100vw - 768px) / 256, 32px);
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .contacts__branches-items {
    padding: 0 clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px);
  }
}
.contacts__branches-items::-webkit-scrollbar {
  display: none;
}
.contacts__branches-items .contacts__branches-item:last-child {
  border-bottom: none;
}
.contacts__branches-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #D3D4D5;
}
.contacts__branches-item {
  padding: 27.3391304348px 27.3391304348px 27.3391304348px 0px;
}
@media (max-width: 1651px) {
  .contacts__branches-item {
    padding: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px) clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px) clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px) clamp(0px, 0px + 0 * (100vw - 1551px) / 100, 0px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-item {
    padding: 20.8695652174px 20.8695652174px 20.8695652174px 0px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-item {
    padding: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px) clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px) clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px) clamp(0px, 0px + 0 * (100vw - 1025px) / 227, 0px);
  }
}
.contacts__branches-item {
  column-gap: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__branches-item {
    column-gap: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-item {
    column-gap: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-item {
    column-gap: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-item {
    padding: clamp(24px, 24px + 8 * (100vw - 768px) / 256, 32px) 0;
    column-gap: clamp(16px, 16px + 8 * (100vw - 768px) / 256, 24px);
  }
}
@media (max-width: 767px) {
  .contacts__branches-item {
    padding: clamp(20px, 20px + 4 * (100vw - 375px) / 393, 24px) 0;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
.contacts__branches-name {
  font-weight: 500;
}
.contacts__branches-name {
  font-size: 17.0869565217px;
}
@media (max-width: 1651px) {
  .contacts__branches-name {
    font-size: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-name {
    font-size: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-name {
    font-size: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.contacts__branches-name {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__branches-name {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-name {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-name {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-name {
    font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    line-height: clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
  }
}
.contacts__branches-address {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .contacts__branches-address {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-address {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-address {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.contacts__branches-address {
  line-height: 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__branches-address {
    line-height: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-address {
    line-height: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-address {
    line-height: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .contacts__branches-address {
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(18px, 18px + 6 * (100vw - 768px) / 256, 24px);
  }
}
@media (max-width: 767px) {
  .contacts__branches-address {
    line-height: clamp(20px, 20px + -2 * (100vw - 375px) / 393, 18px);
  }
}
.contacts__branches-scroll {
  display: none;
  color: #24282B;
  position: absolute;
  right: 0px;
  top: -14px;
  transform: translateY(-100%);
}
@media (max-width: 1024px) {
  .contacts__branches-scroll {
    display: block;
    width: 24px;
    height: 24px;
  }
}
.contacts__branches-requisites {
  display: flex;
  align-items: center;
  background: #F5F6F8;
  border-radius: 8px;
}
.contacts__branches-requisites {
  padding: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__branches-requisites {
    padding: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__branches-requisites {
    padding: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__branches-requisites {
    padding: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.contacts__map {
  width: 775.747826087px;
}
@media (max-width: 1651px) {
  .contacts__map {
    width: clamp(736.7630434783px, 736.7630434783px + 38.9847826087 * (100vw - 1551px) / 100, 775.747826087px);
  }
}
@media (max-width: 1550px) {
  .contacts__map {
    width: 592.1739130435px;
  }
}
@media (max-width: 1252px) {
  .contacts__map {
    width: clamp(480.1543478261px, 480.1543478261px + 112.0195652174 * (100vw - 1025px) / 227, 592.1739130435px);
  }
}
.contacts__map {
  height: 749.2630434783px;
}
@media (max-width: 1651px) {
  .contacts__map {
    height: clamp(711.6092391304px, 711.6092391304px + 37.6538043478 * (100vw - 1551px) / 100, 749.2630434783px);
  }
}
@media (max-width: 1550px) {
  .contacts__map {
    height: 571.9565217391px;
  }
}
@media (max-width: 1252px) {
  .contacts__map {
    height: clamp(463.7614130435px, 463.7614130435px + 108.1951086957 * (100vw - 1025px) / 227, 571.9565217391px);
  }
}
@media (max-width: 1024px) {
  .contacts__map {
    width: auto;
    overflow: hidden;
    height: clamp(664px, 664px + 213 * (100vw - 768px) / 256, 877px);
  }
}
@media (max-width: 767px) {
  .contacts__map {
    height: clamp(350px, 350px + 314 * (100vw - 375px) / 393, 664px);
  }
}
.contacts__marker {
  transform: translate(-50%, -50%);
}
.contacts__marker {
  width: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__marker {
    width: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__marker {
    width: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__marker {
    width: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
.contacts__marker {
  height: 27.3391304348px;
}
@media (max-width: 1651px) {
  .contacts__marker {
    height: clamp(25.9652173913px, 25.9652173913px + 1.3739130435 * (100vw - 1551px) / 100, 27.3391304348px);
  }
}
@media (max-width: 1550px) {
  .contacts__marker {
    height: 20.8695652174px;
  }
}
@media (max-width: 1252px) {
  .contacts__marker {
    height: clamp(16.9217391304px, 16.9217391304px + 3.947826087 * (100vw - 1025px) / 227, 20.8695652174px);
  }
}
@media (max-width: 1024px) {
  .contacts__marker {
    width: clamp(28px, 28px + 4 * (100vw - 768px) / 256, 32px);
    height: clamp(28px, 28px + 4 * (100vw - 768px) / 256, 32px);
  }
}
@media (max-width: 767px) {
  .contacts__marker {
    width: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
    height: clamp(24px, 24px + 4 * (100vw - 375px) / 393, 28px);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./www/local/components/blocks/form/templates/.default/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Размер в дизайне указан, если у страницы маленькие отступы по бокам, цель функции пересчитать размеры, в случае, если
 * мы увеличиваем отступы, но хотим чтобы визуально страница осталась такой же, то есть уменьшаем размер пропорционально
 * уменьшению ширины контентной области
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @param {number} $oldContent - Изначальная ширина контентной области в пикселях (без указания px)
 * @param {number} $newContent - Измененная ширина контентной области в пикселях (без указания px)
 * @return {number} - Измененный размер в пикселях (без указания px)
 */
/**
 * Функция возвращает адаптивные размеры в заданном диапазоне, при пороге в $widthMaxSize и больше, размер будет
 * $maxSize, в диапазоне между $widthMinSize и $widthMaxSize, размер будет пропорционально уменьшаться/увеличиваться,
 * при достижении порога в $widthMinSize и меньше размер будет $minSize
 *
 * @param {number} $widthMinSize - Минимальная ширина экрана в пикселях (без указания px)
 * @param {number} $widthMaxSize - Максимальная ширина экрана в пикселях (без указания px)
 * @param {number} $minSize - Размер, который указан для минимальной ширины экрана в пикселях (без указания px)
 * @param {number} $maxSize - Размер, который указан для максимальной ширины экрана в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки больших экранов (от 1652px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки менее больших экранов (от 1551px до 1651px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки средних экранов (до 1550px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {px} - Измененный размер
 */
/**
 * Функция для пересчета размеров десктопной верстки маленьких экранов (от 1025px до 1252px)
 *
 * @param {number} $size - Изначальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне планшетной верстки (от 768px до 1024px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * Функция для пересчета адаптивных размеров в диапазоне мобильной верстки (от 375px до 768px)
 *
 * @param {number} $minSize - Минимальный размер в пикселях (без указания px)
 * @param {number} $maxSize - Максимальный размер в пикселях (без указания px)
 * @return {clamp(px, vw, px)} - Адаптивный размер
 */
/**
 * MIXINS: для каждого свойства десктопной верстки
 *
 * @param {number} ...$size - Размеры в пикселях (без указания px)
 * @return {property: px}
 */
.form {
  background: #24282B;
  box-sizing: border-box;
}
.form {
  padding: 59.8043478261px 34.1739130435px;
}
@media (max-width: 1651px) {
  .form {
    padding: clamp(56.7989130435px, 56.7989130435px + 3.0054347826 * (100vw - 1551px) / 100, 59.8043478261px) clamp(32.4565217391px, 32.4565217391px + 1.7173913043 * (100vw - 1551px) / 100, 34.1739130435px);
  }
}
@media (max-width: 1550px) {
  .form {
    padding: 45.652173913px 26.0869565217px;
  }
}
@media (max-width: 1252px) {
  .form {
    padding: clamp(37.0163043478px, 37.0163043478px + 8.6358695652 * (100vw - 1025px) / 227, 45.652173913px) clamp(21.152173913px, 21.152173913px + 4.9347826087 * (100vw - 1025px) / 227, 26.0869565217px);
  }
}
@media (max-width: 1024px) {
  .form {
    padding: clamp(60px, 60px + 10 * (100vw - 768px) / 256, 70px) 40px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
@media (max-width: 767px) {
  .form {
    padding: clamp(48px, 48px + 12 * (100vw - 375px) / 393, 60px) clamp(12px, 12px + 28 * (100vw - 375px) / 393, 40px);
  }
}
.form__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.form__body {
  column-gap: 17.0869565217px;
}
@media (max-width: 1651px) {
  .form__body {
    column-gap: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .form__body {
    column-gap: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .form__body {
    column-gap: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .form__body {
    display: block;
  }
}
@media (max-width: 1024px) {
  .form__banner {
    display: none;
  }
}
.form__image {
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.form__image {
  width: 777.4565217391px;
}
@media (max-width: 1651px) {
  .form__image {
    width: clamp(738.3858695652px, 738.3858695652px + 39.0706521739 * (100vw - 1551px) / 100, 777.4565217391px);
  }
}
@media (max-width: 1550px) {
  .form__image {
    width: 593.4782608696px;
  }
}
@media (max-width: 1252px) {
  .form__image {
    width: clamp(481.2119565217px, 481.2119565217px + 112.2663043478 * (100vw - 1025px) / 227, 593.4782608696px);
  }
}
.form__image {
  height: 411.7956521739px;
}
@media (max-width: 1651px) {
  .form__image {
    height: clamp(391.1010869565px, 391.1010869565px + 20.6945652174 * (100vw - 1551px) / 100, 411.7956521739px);
  }
}
@media (max-width: 1550px) {
  .form__image {
    height: 314.347826087px;
  }
}
@media (max-width: 1252px) {
  .form__image {
    height: clamp(254.8836956522px, 254.8836956522px + 59.4641304348 * (100vw - 1025px) / 227, 314.347826087px);
  }
}
.form__widget {
  padding-bottom: 4.2717391304px;
}
@media (max-width: 1651px) {
  .form__widget {
    padding-bottom: clamp(4.0570652174px, 4.0570652174px + 0.214673913 * (100vw - 1551px) / 100, 4.2717391304px);
  }
}
@media (max-width: 1550px) {
  .form__widget {
    padding-bottom: 3.2608695652px;
  }
}
@media (max-width: 1252px) {
  .form__widget {
    padding-bottom: clamp(2.6440217391px, 2.6440217391px + 0.6168478261 * (100vw - 1025px) / 227, 3.2608695652px);
  }
}
.form__title {
  color: #FFFFFF;
}
.form__title {
  font-size: 41.0086956522px;
}
@media (max-width: 1651px) {
  .form__title {
    font-size: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .form__title {
    font-size: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .form__title {
    font-size: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.form__title {
  line-height: 41.0086956522px;
}
@media (max-width: 1651px) {
  .form__title {
    line-height: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .form__title {
    line-height: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .form__title {
    line-height: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.form__title {
  margin-bottom: 20.5043478261px;
}
@media (max-width: 1651px) {
  .form__title {
    margin-bottom: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .form__title {
    margin-bottom: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .form__title {
    margin-bottom: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .form__title {
    font-size: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    line-height: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    margin-bottom: clamp(32px, 32px + -8 * (100vw - 768px) / 256, 24px);
  }
}
@media (max-width: 767px) {
  .form__title {
    font-size: clamp(32px, 32px + 4 * (100vw - 375px) / 393, 36px);
    line-height: clamp(32px, 32px + 4 * (100vw - 375px) / 393, 36px);
    margin-bottom: clamp(28px, 28px + 4 * (100vw - 375px) / 393, 32px);
  }
}
.form__inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.form__inputs {
  column-gap: 17.0869565217px;
}
@media (max-width: 1651px) {
  .form__inputs {
    column-gap: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .form__inputs {
    column-gap: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .form__inputs {
    column-gap: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.form__inputs {
  row-gap: 13.6695652174px;
}
@media (max-width: 1651px) {
  .form__inputs {
    row-gap: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .form__inputs {
    row-gap: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .form__inputs {
    row-gap: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.form__inputs {
  margin-bottom: 13.6695652174px;
}
@media (max-width: 1651px) {
  .form__inputs {
    margin-bottom: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .form__inputs {
    margin-bottom: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .form__inputs {
    margin-bottom: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .form__inputs {
    column-gap: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    row-gap: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .form__inputs {
    grid-template-columns: 1fr;
    row-gap: clamp(12px, 12px + 4 * (100vw - 375px) / 393, 16px);
    margin-bottom: clamp(12px, 12px + 4 * (100vw - 375px) / 393, 16px);
  }
}
.form__inputs input {
  width: 100%;
  background: #505355;
  color: #A7A9AA;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
}
.form__inputs input {
  padding: 13.6695652174px;
}
@media (max-width: 1651px) {
  .form__inputs input {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .form__inputs input {
    padding: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .form__inputs input {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .form__inputs input {
    padding: 16px;
  }
}
.form__inputs input::placeholder {
  color: #A7A9AA;
}
.form__inputs input:focus-visible {
  outline: none;
}
.form__area {
  width: 100%;
  box-sizing: border-box;
  background: #505355;
  border: none;
  border-radius: 8px;
  color: #A7A9AA;
  resize: none;
}
.form__area {
  padding: 13.6695652174px;
}
@media (max-width: 1651px) {
  .form__area {
    padding: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .form__area {
    padding: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .form__area {
    padding: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.form__area {
  min-height: 173.4326086957px;
}
@media (max-width: 1651px) {
  .form__area {
    min-height: clamp(164.7168478261px, 164.7168478261px + 8.7157608696 * (100vw - 1551px) / 100, 173.4326086957px);
  }
}
@media (max-width: 1550px) {
  .form__area {
    min-height: 132.3913043478px;
  }
}
@media (max-width: 1252px) {
  .form__area {
    min-height: clamp(107.3472826087px, 107.3472826087px + 25.0440217391 * (100vw - 1025px) / 227, 132.3913043478px);
  }
}
.form__area {
  margin-bottom: 13.6695652174px;
}
@media (max-width: 1651px) {
  .form__area {
    margin-bottom: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .form__area {
    margin-bottom: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .form__area {
    margin-bottom: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
@media (max-width: 1024px) {
  .form__area {
    min-height: 203px;
    padding: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .form__area {
    min-height: clamp(160px, 160px + 43 * (100vw - 375px) / 393, 203px);
    margin-bottom: clamp(12px, 12px + 4 * (100vw - 375px) / 393, 16px);
  }
}
.form__area::placeholder {
  color: #A7A9AA;
}
.form__area:focus-visible {
  outline: none;
}
.form__bottom {
  display: flex;
  align-items: center;
}
.form__bottom {
  gap: 20.5043478261px;
}
@media (max-width: 1651px) {
  .form__bottom {
    gap: clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .form__bottom {
    gap: 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .form__bottom {
    gap: clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
@media (max-width: 1024px) {
  .form__bottom {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .form__bottom {
    flex-direction: column;
    gap: 8px;
  }
}
.form__submit {
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  background: #007B82;
  width: max-content;
  cursor: pointer;
}
.form__submit {
  padding: 10.252173913px 17.0869565217px;
}
@media (max-width: 1651px) {
  .form__submit {
    padding: clamp(9.7369565217px, 9.7369565217px + 0.5152173913 * (100vw - 1551px) / 100, 10.252173913px) clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .form__submit {
    padding: 7.8260869565px 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .form__submit {
    padding: clamp(6.3456521739px, 6.3456521739px + 1.4804347826 * (100vw - 1025px) / 227, 7.8260869565px) clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
@media (max-width: 1024px) {
  .form__submit {
    padding: 12px 20px;
  }
}
@media (max-width: 767px) {
  .form__submit {
    width: 100%;
    padding: clamp(16px, 16px + -4 * (100vw - 375px) / 393, 12px) clamp(16px, 16px + 4 * (100vw - 375px) / 393, 20px);
  }
}
.form__text {
  color: #7C7E80;
}
.form__text {
  font-size: 11.9608695652px;
}
@media (max-width: 1651px) {
  .form__text {
    font-size: clamp(11.3597826087px, 11.3597826087px + 0.6010869565 * (100vw - 1551px) / 100, 11.9608695652px);
  }
}
@media (max-width: 1550px) {
  .form__text {
    font-size: 9.1304347826px;
  }
}
@media (max-width: 1252px) {
  .form__text {
    font-size: clamp(7.4032608696px, 7.4032608696px + 1.727173913 * (100vw - 1025px) / 227, 9.1304347826px);
  }
}
.form__text {
  line-height: 17.0869565217px;
}
@media (max-width: 1651px) {
  .form__text {
    line-height: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px);
  }
}
@media (max-width: 1550px) {
  .form__text {
    line-height: 13.0434782609px;
  }
}
@media (max-width: 1252px) {
  .form__text {
    line-height: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px);
  }
}
.form__text {
  max-width: 316.1086956522px;
}
@media (max-width: 1651px) {
  .form__text {
    max-width: clamp(300.222826087px, 300.222826087px + 15.8858695652 * (100vw - 1551px) / 100, 316.1086956522px);
  }
}
@media (max-width: 1550px) {
  .form__text {
    max-width: 241.3043478261px;
  }
}
@media (max-width: 1252px) {
  .form__text {
    max-width: clamp(195.6576086957px, 195.6576086957px + 45.6467391304 * (100vw - 1025px) / 227, 241.3043478261px);
  }
}
@media (max-width: 1024px) {
  .form__text {
    font-size: clamp(12px, 12px + 2 * (100vw - 768px) / 256, 14px);
    line-height: clamp(16px, 16px + 4 * (100vw - 768px) / 256, 20px);
    max-width: 100%;
  }
}

.contacts__about {
  width: 100%;
  background: no-repeat left, bottom;
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.contacts__about {
  height: 427.1739130435px;
}
@media (max-width: 1651px) {
  .contacts__about {
    height: clamp(405.7065217391px, 405.7065217391px + 21.4673913043 * (100vw - 1551px) / 100, 427.1739130435px);
  }
}
@media (max-width: 1550px) {
  .contacts__about {
    height: 326.0869565217px;
  }
}
@media (max-width: 1252px) {
  .contacts__about {
    height: clamp(264.402173913px, 264.402173913px + 61.6847826087 * (100vw - 1025px) / 227, 326.0869565217px);
  }
}
@media (min-width: 1025px) {
  .contacts__about {
    background-image: url(/res/images/4dfcb36e95be2c0d9487.png);
  }
  .contacts__about {
    border-radius: 6.8347826087px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .contacts__about {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .contacts__about {
    border-radius: 5.2173913043px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .contacts__about {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .contacts__about {
    background-image: url(/res/images/f6f07d611848199ba435.png);
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .contacts__about {
    padding: 0 12px;
  }
}
@media (max-width: 600px) {
  .contacts__about {
    background-image: url(/res/images/15c87de2361e99475cbd.png);
  }
}
@media (min-width: 1025px) {
  .contacts__about--margin-bottom {
    margin-bottom: 68.347826087px;
  }
}
@media (min-width: 1025px) and (max-width: 1651px) {
  .contacts__about--margin-bottom {
    margin-bottom: clamp(64.9130434783px, 64.9130434783px + 3.4347826087 * (100vw - 1551px) / 100, 68.347826087px);
  }
}
@media (min-width: 1025px) and (max-width: 1550px) {
  .contacts__about--margin-bottom {
    margin-bottom: 52.1739130435px;
  }
}
@media (min-width: 1025px) and (max-width: 1252px) {
  .contacts__about--margin-bottom {
    margin-bottom: clamp(42.3043478261px, 42.3043478261px + 9.8695652174 * (100vw - 1025px) / 227, 52.1739130435px);
  }
}
@media (max-width: 1024px) {
  .contacts__about--margin-bottom {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .contacts__about--margin-bottom {
    margin-bottom: clamp(60px, 60px + 20 * (100vw - 375px) / 393, 80px);
  }
}
.contacts__about-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contacts__about-banner {
  gap: 25.6304347826px;
}
@media (max-width: 1651px) {
  .contacts__about-banner {
    gap: clamp(24.3423913043px, 24.3423913043px + 1.2880434783 * (100vw - 1551px) / 100, 25.6304347826px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner {
    gap: 19.5652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner {
    gap: clamp(15.8641304348px, 15.8641304348px + 3.7010869565 * (100vw - 1025px) / 227, 19.5652173913px);
  }
}
.contacts__about-banner-title {
  font-weight: 500;
}
.contacts__about-banner-title {
  font-size: 41.0086956522px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-title {
    font-size: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-title {
    font-size: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-title {
    font-size: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
.contacts__about-banner-title {
  line-height: 41.0086956522px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-title {
    line-height: clamp(38.947826087px, 38.947826087px + 2.0608695652 * (100vw - 1551px) / 100, 41.0086956522px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-title {
    line-height: 31.3043478261px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-title {
    line-height: clamp(25.3826086957px, 25.3826086957px + 5.9217391304 * (100vw - 1025px) / 227, 31.3043478261px);
  }
}
@media (max-width: 1024px) {
  .contacts__about-banner-title {
    font-size: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
    line-height: clamp(36px, 36px + 12 * (100vw - 768px) / 256, 48px);
  }
}
@media (max-width: 767px) {
  .contacts__about-banner-title {
    font-size: clamp(28px, 28px + 8 * (100vw - 375px) / 393, 36px);
    line-height: clamp(28px, 28px + 8 * (100vw - 375px) / 393, 36px);
  }
}
.contacts__about-banner-link {
  background: #007B82;
  color: #FFFFFF;
  width: max-content;
  border: none;
  font-weight: 500;
  cursor: pointer;
}
.contacts__about-banner-link {
  padding: 17.0869565217px 20.5043478261px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-link {
    padding: clamp(16.2282608696px, 16.2282608696px + 0.8586956522 * (100vw - 1551px) / 100, 17.0869565217px) clamp(19.4739130435px, 19.4739130435px + 1.0304347826 * (100vw - 1551px) / 100, 20.5043478261px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-link {
    padding: 13.0434782609px 15.652173913px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-link {
    padding: clamp(10.5760869565px, 10.5760869565px + 2.4673913043 * (100vw - 1025px) / 227, 13.0434782609px) clamp(12.6913043478px, 12.6913043478px + 2.9608695652 * (100vw - 1025px) / 227, 15.652173913px);
  }
}
.contacts__about-banner-link {
  font-size: 13.6695652174px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-link {
    font-size: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-link {
    font-size: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-link {
    font-size: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.contacts__about-banner-link {
  line-height: 13.6695652174px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-link {
    line-height: clamp(12.9826086957px, 12.9826086957px + 0.6869565217 * (100vw - 1551px) / 100, 13.6695652174px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-link {
    line-height: 10.4347826087px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-link {
    line-height: clamp(8.4608695652px, 8.4608695652px + 1.9739130435 * (100vw - 1025px) / 227, 10.4347826087px);
  }
}
.contacts__about-banner-link {
  border-radius: 6.8347826087px;
}
@media (max-width: 1651px) {
  .contacts__about-banner-link {
    border-radius: clamp(6.4913043478px, 6.4913043478px + 0.3434782609 * (100vw - 1551px) / 100, 6.8347826087px);
  }
}
@media (max-width: 1550px) {
  .contacts__about-banner-link {
    border-radius: 5.2173913043px;
  }
}
@media (max-width: 1252px) {
  .contacts__about-banner-link {
    border-radius: clamp(4.2304347826px, 4.2304347826px + 0.9869565217 * (100vw - 1025px) / 227, 5.2173913043px);
  }
}
@media (max-width: 1024px) {
  .contacts__about-banner-link {
    padding: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px) clamp(20px, 20px + 4 * (100vw - 768px) / 256, 24px);
    font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    line-height: clamp(14px, 14px + 2 * (100vw - 768px) / 256, 16px);
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .contacts__about-banner-link {
    width: 100%;
  }
}
.contacts__about-banner-link:hover {
  background: #33959B;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/overlayscrollbars/styles/overlayscrollbars.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/*! 
 * OverlayScrollbars
 * Version: 2.11.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}

.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}

.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}

.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}

.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}

.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}

.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}

.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly clip after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

/**
 * applied to body 
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}

html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}

/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}

[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}

[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}

[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}

.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}

.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}

.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

/* End */
/* /res/contactsPage/45ba26caa4702ab9d9ca.css?175698786483901 */