@charset "UTF-8";
/*
  Создает функцию calc(), которая исходя из переданных
  значений ширины экранов и пикселей, делает функцию
  "от->до".

  Например:
  margin-bottom: responsive('320->575', '20->100');
  На размерах экранов от 320 до 575, нижний отступ будет
  расти от 20 до 100.

  Аргумент $minus: true делает значение отрицательным,
  например:
  margin-bottom: responsive('320->575', '0->100', true);
  На размерах экранов от 320 до 575, нижний отступ будет
  уменьшаться от 0 до -100.
*/
.index-callback {
  display: flex;
  flex-flow: column;
}
.index-callback__text {
  display: flex;
  flex-flow: column;
}
.index-callback__title {
  margin: 0 0 10px;
  display: flex;
  flex-flow: column;
}
.index-callback__title[data-text]::before {
  content: attr(data-text);
  font: italic 60px/0 var(--font-decor);
  color: #93B1BC;
}
.index-callback__descr {
  margin: 0 0 30px;
}
.index-callback__links {
  justify-content: flex-start;
}
.index-callback__img {
  margin: 0 0 30px;
  width: 100%;
  height: 230px;
  background: center/contain no-repeat;
}
.index-callback__form-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.index-callback__form-wrapper > div {
  width: 100%;
}
.index-callback__form {
  padding: 30px;
  width: 100%;
  background-color: #FBF6F4;
}
.index-callback__form-descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.25;
}