/* Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: calc(48 * var(--width-multiplier));
  z-index: 9;
}

.header__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(16 * var(--width-multiplier));
  color: var(--white, #FFFFFF);
  font: 600 calc(20 * var(--width-multiplier))/1.2 'Neris';
}

.header__logo {
  position: relative;
  width: calc(105 * var(--width-multiplier));
  height: calc(48 * var(--width-multiplier));
  z-index: 1;
}

.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__phone {
  transition: color 0.3s ease-out;
}

.header__phone:hover {
  color: var(--primary-pink, #FF299D);
}

/* Section */

.section-hidden {
  overflow: hidden;
}

.section-blue {
  color: var(--white, #FFFFFF);
  background-color: var(--primary-blue, #220149);
}

.section-pad {
  padding: calc(60 * var(--width-multiplier)) 0;
}

/* Page */

.page {
  position: relative;
}

.page::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(260 * var(--width-multiplier));
  background: url(../img/back.png) center / contain no-repeat;
}

.page__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100dvh;
  padding: calc(60 * var(--width-multiplier)) 0;
  z-index: 1;
}

.page__img {
  position: absolute;
  top: 10%;
  right: calc(-24 * var(--width-multiplier));
  width: calc(743 * var(--width-multiplier));
  height: calc(495 * var(--width-multiplier));
  object-fit: contain;
}

.page__title {
  margin-bottom: calc(16 * var(--width-multiplier));
}

.page__subtitle {
  margin-bottom: calc(24 * var(--width-multiplier));
  font: 300 calc(28 * var(--width-multiplier))/1.2 'Neris';
}

.page__desc {
  margin-bottom: calc(40 * var(--width-multiplier));
  color: rgba(255, 255, 255, 0.7);
  font: 300 calc(20 * var(--width-multiplier))/1.2 'Neris';
}