@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-consult {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  position: relative;
}
.index-consult__title {
  margin: 0 0 45px;
  max-width: 560px;
  font-size: 43px;
  grid-row: 1;
  grid-column: 1/span 2;
}
.index-consult__items {
  grid-row: 2/span 2;
  grid-column: 1;
}
.index-consult__col-title {
  margin: 0;
  position: absolute;
  left: 20px;
  top: -10px;
  transform: translateY(-100%) rotate(-21deg);
}
.index-consult__items--right {
  margin: auto;
  grid-row: 2/span 2;
  grid-column: 2;
  position: relative;
}
.index-consult__img {
  margin: 0;
  position: absolute;
  bottom: var(--section-py);
  right: var(--section-px);
  width: 427px;
  height: 220px;
  object-fit: contain;
}
.index-consult__actions {
  margin: 50px 0 0;
  grid-row: 4;
  grid-column: 1;
}
.consult-popup {
  padding: 15px;
}
.consult-popup__content {
  margin: auto;
  padding: 40px 30px;
  width: 445px;
}
.consult-popup__close {
  top: 20px;
  right: var(--section-px);
}