@charset "UTF-8";
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

img {
  max-width: 100%;
}

/* ======================================= */
@font-face {
  font-family: "Gilroy";
  src: local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("Gilroy-Medium"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: local("Gilroy-Semibold"), url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.layout-page {
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 320px;
  min-height: 100%;
  font-family: var(--Gilroy);
  font-weight: 400;
  background-color: var(--cbg);
  overflow-x: hidden;
}

.layout, #root {
  display: flex;
  flex-direction: column;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ======================================= */
:root {
  --container-width: 77vw;
  --container-offset: 0.8vw;
  --container-offset2: 2vw;
  --Gilroy: "Gilroy", sans-serif;
  --cblack: #000;
  --cwhite: #fff;
  --caccent: #5858f6;
  --caccent2: #f5f7fa;
  --cbg: #f5f7fa;
  --cbg3: rgba(88, 88, 246, 0.06);
  --cbg4: #f4fafe;
  --ctext: #303030;
  --ctext2: rgba(48, 48, 48, 0.8);
  --ctext3: rgba(48, 48, 48, 0.3);
  --cgray: #232323;
  --cgray2: #e9e9e9;
  --cgray3: rgba(35, 35, 35, 0.4);
  --cred: #ff0000;
  --cborder: #b7b7b7;
  --cborder2: rgba(48, 48, 48, 0.1);
  --green: #24c38e;
  --regal: #004269;
  --cbackground-block: #fff;
  --icon-color: #5858f6;
  --cfocus: #7474b5;
  --chover: #4a4aff;
  --cactive: #494994;
  --cfocus2: rgba(66, 66, 208, 0.06);
  --chover2: rgba(113, 113, 243, 0.18);
  --cactive2: rgba(99, 99, 215, 0.29);
  --f12: 0.63vw;
  --f14: 0.73vw;
  --f15: 0.76vw;
  --f16: 0.834vw;
  --f17: 0.886vw;
  --f18: 0.938vw;
  --f22: 1.1459vw;
  --f24: 1.25vw;
  --f26: 1.25vw;
  --f32: 1.67vw;
  --f40: 2.0834vw;
  --f42: 2.19vw;
  --transtime: .07s;
  --transition-timing: cubic-bezier(0.61, 1, 0.88, 1);
  --shadow1: 0 0.417vw 1.25vw 0 rgba(0, 32, 51, 0.12), 0 0.209vw 0.209vw 0 rgba(0, 32, 51, 0.04);
  --shadow2: 0.21vw 0.21vw 1.25vw 0 rgba(0, 0, 0, 0.15);
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  font-family: var(--font-family);
  color: var(--ctext);
}

.main {
  flex-grow: 1;
}
.main_row {
  display: flex;
}

.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--container-offset);
}

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.form-reset {
  padding: 0;
  border: 0;
  /* outline: 0; */
  background: transparent;
}

.btn-reset {
  padding: 0;
  border: none;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  padding: 0.8vw 1vw 0.9vw 1vw;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--f18);
  line-height: 100%;
  text-align: center;
  color: var(--cwhite);
  background-color: var(--caccent);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:disabled {
  color: var(--ctext3);
  background-color: rgba(48, 48, 48, 0.07);
  cursor: default;
  pointer-events: none;
}
.btn_white {
  color: var(--caccent);
  background-color: var(--caccent2);
}

.no-scroll {
  overflow-y: hidden;
}

.visually-hidden {
  position: absolute;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

/* ======================================= */
.itc-slider {
  position: relative;
  /* кнопки влево и вправо */
  /* индикаторы */
}
.itc-slider-wrapper {
  overflow: hidden;
}
.itc-slider-items {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.itc-slider-transition-none {
  transition: none;
}
.itc-slider-item {
  flex: 0 0 100%;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  will-change: transform;
}
.itc-slider-btn {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5vw;
  text-align: center;
  border: none;
  border-radius: 100%;
  width: 5vw;
  height: 5vw;
  color: var(--white);
  background: var(--white);
  transform: translateY(-50%);
  cursor: pointer;
}
.itc-slider-btn-icon {
  width: 100%;
  fill: none;
}
.itc-slider-btn-icon-fill {
  fill: #242424;
}
.itc-slider-btn-hide {
  display: none;
}
.itc-slider-btn-prev {
  left: 3vw;
  padding-right: 1.8vw;
  padding-left: 1.3vw;
}
.itc-slider-btn-prev .itc-slider-btn-icon {
  rotate: 180deg;
}
.itc-slider-btn-next {
  right: 3vw;
  padding-right: 1.3vw;
  padding-left: 1.8vw;
}
.itc-slider-btn:focus-visible, .itc-slider-btn:active {
  color: var(--white);
  text-decoration: none;
  background-color: var(--blue);
  outline: 0;
}
.itc-slider-btn:focus-visible .itc-slider-btn-icon-fill, .itc-slider-btn:active .itc-slider-btn-icon-fill {
  fill: var(--white);
}
.itc-slider-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  margin: 0 15%;
  padding-left: 0;
  list-style: none;
}
.itc-slider-indicator {
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 30px;
  height: 5px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
  background-clip: padding-box;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  cursor: pointer;
}
.itc-slider-indicator-active {
  background-color: rgba(255, 255, 255, 0.9);
}

.itc-select {
  position: relative;
  border-radius: 1vw;
  width: 100%;
}
.itc-select__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4576vw 0.8vw;
  gap: 1vw;
  border: 0.1vw solid var(--cborder2);
  border-radius: 1vw;
  width: 100%;
  height: 100%;
  font-size: var(--f16);
  color: var(--ctext);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  transition: border-color var(--transtime) ease-in-out;
}
.itc-select__toggle-arrow {
  width: 0.8vw;
  height: 0.8vw;
  fill: none;
}
.itc-select__toggle-arrow-fill {
  fill: var(--ctext);
}
.itc-select__toggle:focus {
  outline: none;
}
.itc-select__dropdown {
  position: absolute;
  top: 115%;
  right: 0;
  left: 0;
  display: none;
  padding: 0.5vw 0;
  border-radius: 0.7vw;
  max-height: 10vw;
  background-color: var(--cbg);
  overflow-y: auto;
  z-index: 2;
  box-shadow: var(--shadow1);
}
.itc-select_show .itc-select__toggle {
  border-color: transparent;
  background-color: var(--caccent2);
}
.itc-select_show .itc-select__toggle-arrow {
  transform: rotate(180deg);
}
.itc-select_show .itc-select__dropdown {
  display: block;
}
.itc-select_show .itc-select__backdrop {
  display: block;
}
.itc-select__options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.itc-select__option {
  display: flex;
  align-items: center;
  padding: 0.7vw;
}
.itc-select__option-text {
  margin: 0;
  margin-right: auto;
  font-weight: 600;
  font-size: var(--f14);
  line-height: 100%;
  color: var(--white);
}
.itc-select__option_selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--caccent2);
}
.itc-select__option_selected::after {
  content: "";
  margin-left: 0.5vw;
  width: 1vw;
  height: 1vw;
  color: var(--white);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="100" width="100" class="svg-inline--fa fa-check fa-w-16" data-icon="check" data-prefix="fas" aria-hidden="true"%3E%3Cpath d="M33.964 85.547l-32.5-32.251a4.935 4.935 0 010-7.017l7.071-7.017a5.027 5.027 0 017.071 0L37.5 60.987l46.894-46.534a5.028 5.028 0 017.07 0l7.072 7.017a4.935 4.935 0 010 7.017l-57.5 57.06a5.027 5.027 0 01-7.072 0z" fill="%230277bd"/%3E%3C/svg%3E');
  background-size: cover;
}
.itc-select__action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1vw;
}
.itc-select__action-icon {
  width: 1vw;
  height: 1vw;
  fill: none;
}
.itc-select__action-icon-fill {
  fill: var(--blue);
}
.itc-select__action-icon-stroke {
  stroke: var(--red);
}

.schedule {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.schedule__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.771vw 2.09vw;
  border-radius: 1vw;
  max-width: 100%;
  width: 100vw;
  box-shadow: var(--shadow2);
  background-color: var(--cbackground-block);
}
.schedule__filter {
  display: flex;
  align-items: center;
  margin-bottom: 2vw;
  width: 100%;
}
.schedule__filter-add {
  gap: 0.3vw;
}
.schedule__filter-add-icon {
  width: 0.7vw;
  height: 0.7vw;
  fill: none;
}
.schedule__filter-add-icon-fill {
  fill: var(--cwhite);
}
.schedule__form-edu {
  margin-right: 1vw;
  width: 13vw;
}
.schedule__form-edu-toggle {
  padding: 0.8vw 1vw 0.9vw 1vw;
}
.schedule__course {
  margin-right: 1vw;
  width: 10vw;
}
.schedule__course-toggle {
  padding: 0.8vw 1vw 0.9vw 1vw;
}
.schedule__open {
  margin-right: 2vw;
}
.schedule__calendar-open {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1vw;
  padding: 0.751vw;
  border-radius: 100%;
  background-color: var(--caccent2);
}
.schedule__calendar-open-icon {
  fill: none;
  width: 1vw;
  height: 1vw;
}
.schedule__calendar-open-icon-fill {
  fill: var(--ctext);
}
.schedule__weeks {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8vw;
  margin-right: auto;
  padding: 0.401vw;
  border-radius: 3vw;
  width: 15vw;
  background-color: var(--caccent2);
}
.schedule__weeks-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5vw;
  border-radius: 100%;
}
.schedule__weeks-btn-icon {
  width: 0.7vw;
  height: 0.7vw;
  fill: none;
}
.schedule__weeks-btn-icon-color {
  fill: var(--ctext);
}
.schedule__weeks-date {
  margin: 0;
  font-weight: 600;
  font-size: var(--f18);
  text-align: center;
  color: var(--ctext);
}
.schedule__weeks-year {
  color: var(--ctext3);
}
.schedule__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 0.1vw solid var(--cborder2);
}
.schedule__table-head {
  display: flex;
  border-bottom: 0.1vw solid var(--cborder2);
  width: 100%;
}
.schedule__table-rows {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.schedule__table-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1vw;
  width: 14.2857142857%;
  font-weight: 500;
  font-size: var(--f16);
  line-height: 100%;
  text-align: center;
  color: var(--ctext);
}
.schedule__table-title:not(:last-child) {
  border-right: 0.1vw solid var(--cborder2);
}
.schedule__table-title_groupname {
  color: var(--ctext3);
}
.schedule__table-title_group {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-right: 0.1vw solid var(--cborder2);
  color: var(--ctext);
}
.schedule__table-row {
  display: flex;
  width: 100%;
  min-height: 10.42vw;
}
.schedule__table-row:not(:last-child) .schedule__table-title_group {
  border-bottom: 0.1vw solid var(--cborder2);
}
.schedule__table-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1vw;
  width: 14.2857142857%;
}
.schedule__table-card-content {
  display: flex;
  flex-direction: column;
  padding: 1vw;
  border-radius: 0.8vw;
  width: 100%;
  height: 100%;
  background-color: var(--caccent2);
}
.schedule__table-card-change {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  padding: 0.3vw;
  border-radius: 100%;
}
.schedule__table-card-change-icon {
  fill: none;
  width: 0.8vw;
  height: 0.8vw;
}
.schedule__table-card-change-icon-stroke {
  stroke: var(--icon-color);
}
.schedule__table-card-title {
  margin: 0;
  margin-bottom: auto;
  padding-bottom: 0.5vw;
  max-width: 70%;
  font-weight: 600;
  font-size: var(--f16);
  line-height: 120%;
  color: var(--ctext);
}
.schedule__table-card-teacher {
  margin: 0;
  margin-bottom: 0.3vw;
  max-width: 70%;
  font-weight: 600;
  font-size: var(--f12);
  line-height: 110%;
  color: var(--ctext);
}
.schedule__table-card-aud {
  margin: 0;
  max-width: 70%;
  font-weight: 400;
  font-size: var(--f12);
  line-height: 110%;
  color: var(--ctext);
}
.schedule__table-card-add {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8vw;
  border-radius: 100%;
  background-color: var(--caccent2);
}
.schedule__table-card-add-icon {
  fill: none;
  width: 1vw;
  height: 1vw;
}
.schedule__table-card-add-icon-stroke {
  stroke: var(--ctext);
}

.welleft {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 41.667vw;
  height: 100vh;
}
.welleft__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.welleft__slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: 6.3vw 3.8vw 6.6vw 4.2vw;
  width: 100%;
  height: 100vh;
  background-color: var(--cwhite);
  overflow-y: hidden;
}
.welleft__slider-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2vw 0;
}
.welleft__slider-btn-next {
  position: static;
  display: flex;
  align-items: center;
  align-self: flex-end;
  gap: 0 0.6vw;
  padding: 0.3vw 0.3vw 0.3vw 0.3vw;
  width: unset;
  height: unset;
  font-weight: 500;
  font-size: var(--f18);
  line-height: 100%;
  text-align: center;
  color: var(--caccent);
  transform: unset;
}
.welleft__slider-btn-next-icon {
  width: 0.63vw;
}
.welleft__slide {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.welleft__slide-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  width: 100%;
}
.welleft__slide-img {
  align-self: center;
  margin-bottom: 2vw;
  width: 20.32vw;
  fill: none;
}
.welleft__slide-img-fill-gray {
  fill: var(--cgray);
}
.welleft__slide-img-fill-gray2 {
  fill: var(--cgray2);
}
.welleft__slide-img-fill-accent {
  fill: var(--caccent);
}
.welleft__slide-title {
  margin: 0;
  margin-bottom: 1.2vw;
  max-width: 80%;
  font-weight: 600;
  font-size: var(--f26);
  line-height: 100%;
  color: var(--caccent);
}
.welleft__slide-descr {
  margin: 0;
  font-weight: 400;
  font-size: var(--f16);
  line-height: 120%;
  color: var(--cgray);
}
.welright {
  padding-left: 41.667vw;
  width: 81.83%;
}
.welright__container {
  display: flex;
  flex-direction: column;
  padding: 6.3vw 3.8vw 1.6vw 8.34vw;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.welright__logo {
  margin-bottom: 2.66vw;
  width: 14.5vw;
}
.welright__title {
  margin: 0;
  margin-bottom: 1.05vw;
  max-width: 100%;
  font-weight: 600;
  font-size: var(--f42);
  line-height: 100%;
  color: var(--cgray);
}
.welright__descr {
  margin: 0;
  margin-bottom: 3.39vw;
  max-width: 100%;
  font-weight: 400;
  font-size: var(--f18);
  line-height: 100%;
  color: var(--cgray);
}
.welright__form {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}
.welright__form-title {
  margin: 0;
  margin-bottom: 0.521vw;
  max-width: 50%;
  font-weight: 500;
  font-size: var(--f18);
  line-height: 100%;
  color: var(--cgray);
}
.welright__form-input {
  padding: 0.938vw;
  border: 0.1vw solid var(--caccent);
  border-radius: 0.29vw;
  width: 100%;
  font-weight: 400;
  font-size: var(--f14);
  line-height: 100%;
  color: var(--cgray);
  background-color: transparent;
}
.welright__form-input::-moz-placeholder {
  font-weight: 400;
  font-size: var(--f14);
  line-height: 100%;
  color: var(--cgray3);
  background-color: transparent;
  -moz-user-select: none;
       user-select: none;
}
.welright__form-input::placeholder {
  font-weight: 400;
  font-size: var(--f14);
  line-height: 100%;
  color: var(--cgray3);
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.welright__form-input:not(:last-of-type) {
  margin-bottom: 1.303vw;
}
.welright__form-input:last-of-type {
  margin-bottom: 0.782vw;
}
.welright__form-input_error {
  border-color: var(--cred);
}
.welright__form-input_error::-moz-placeholder {
  color: var(--cred);
}
.welright__form-input_error::placeholder {
  color: var(--cred);
}
.welright__form-forget {
  margin-bottom: 1.563vw;
  max-width: 40%;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  font-size: var(--f12);
  line-height: 100%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--caccent);
}
.welright__form-btn {
  gap: 0.29vw;
  border-radius: 0.29vw;
  line-height: unset;
}
.welright__form-btn-icon {
  width: 0.63vw;
  fill: none;
}
.welright__form-btn-icon-fill {
  fill: var(--cwhite);
}
.welright__form-btn_white {
  color: var(--cgray);
  background-color: var(--cwhite);
}
.welright__form-btn_white .welright__form-btn-icon-fill {
  fill: var(--cgray);
}
.welright__form-pass {
  position: relative;
  width: 100%;
}
.welright__form-pass .welright__form-input {
  margin: 0;
}
.welright__form-pass:not(:last-of-type) {
  margin-bottom: 1.303vw;
}
.welright__form-pass:last-of-type {
  margin-bottom: 0.782vw;
}
.welright__form-eye {
  position: absolute;
  top: 50%;
  right: 1vw;
  display: flex;
  padding: 0.3vw;
  transform: translateY(-50%);
  transition: fill var(--transtime) ease-in-out;
}
.welright__form-eye:focus-visible .welright__form-eye-icon-fill1, .welright__form-eye:focus-visible .welright__form-eye-icon-fill2 {
  fill: var(--cfocus);
}
.welright__form-eye:focus-visible .welright__form-eye-icon-fill3 {
  fill: var(--cfocus);
  fill-opacity: 1;
}
@media (min-width: 1025px) {
  .welright__form-eye:hover .welright__form-eye-icon-fill1, .welright__form-eye:hover .welright__form-eye-icon-fill2 {
    fill: var(--chover);
  }
  .welright__form-eye:hover .welright__form-eye-icon-fill3 {
    fill: var(--chover);
    fill-opacity: 1;
  }
}
.welright__form-eye:active .welright__form-eye-icon-fill1, .welright__form-eye:active .welright__form-eye-icon-fill2 {
  fill: var(--cactive);
}
.welright__form-eye:active .welright__form-eye-icon-fill3 {
  fill: var(--cactive);
  fill-opacity: 1;
}
.welright__form-eye-icon {
  width: 0.8vw;
  fill: none;
}
.welright__form-eye-icon-fill1 {
  fill: var(--cwhite);
}
.welright__form-eye-icon-fill2 {
  fill: var(--cblack);
}
.welright__form-eye-icon-fill3 {
  fill: var(--cgray3);
  fill-opacity: 0.4;
}
.welright__form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  width: 100%;
}
.welright__form-or {
  margin: 0;
  max-width: 100%;
  font-weight: 500;
  font-size: var(--f14);
  line-height: 100%;
  text-align: center;
  color: rgba(35, 35, 35, 0.6);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.welright__footer-title {
  margin: 0;
  margin-bottom: 0.521vw;
  font-weight: 600;
  font-size: var(--f18);
  line-height: 100%;
  color: var(--cgray);
}
.welright__footer-descr {
  margin: 0;
  font-weight: 500;
  font-size: var(--f12);
  line-height: 100%;
  color: var(--ctext3);
}
.welright__footer-descr:not(:last-child) {
  margin-bottom: 0.29vw;
}

/* ======================================= */
.fha-btn {
  transition: color var(--transtime) ease-in-out, background-color var(--transtime) ease-in-out;
}
.fha-btn:focus-visible {
  background-color: var(--cfocus);
}
@media (min-width: 1025px) {
  .fha-btn:hover {
    background-color: var(--chover);
  }
}
.fha-btn:active {
  color: var(--cwhite);
  background-color: var(--cactive);
}
.fha-btn-white {
  transition: background-color 0.07s ease-in-out;
}
.fha-btn-white:focus-visible {
  background-color: #676666;
}
@media (min-width: 1025px) {
  .fha-btn-white:hover {
    background-color: #93939f;
  }
}
.fha-btn-white:active {
  background-color: #676666;
}
.fha-btn2 {
  transition: background-color var(--transtime) ease-in-out, color var(--transtime) ease-in-out;
}
.fha-btn2:focus-visible {
  background-color: var(--cfocus2);
}
@media (min-width: 1025px) {
  .fha-btn2:hover {
    background-color: var(--chover2);
  }
}
.fha-btn2:active {
  background-color: var(--cactive2);
}
.fha-color {
  transition: color 0.07s ease-in-out;
}
.fha-color:focus-visible {
  color: var(--cfocus);
}
@media (min-width: 1025px) {
  .fha-color:hover {
    color: var(--chover);
  }
}
.fha-color:active {
  color: var(--cactive);
}
.fha-color-white {
  transition: color 0.07s ease-in-out;
}
.fha-color-white:focus-visible {
  color: #676666;
}
@media (min-width: 1025px) {
  .fha-color-white:hover {
    color: #93939f;
  }
}
.fha-color-white:active {
  color: #676666;
}
.fha-link {
  outline: none;
  transition: color 0.07s ease-in-out;
}
.fha-link:focus-visible {
  color: var(--cfocus);
}
@media (min-width: 1025px) {
  .fha-link:hover {
    color: var(--chover);
  }
}
.fha-link:active {
  color: var(--cactive);
}
@media (min-width: 1025px) {
  .fha_red:hover {
    color: var(--cwhite);
    background-color: var(--cred);
  }
}

/* =================== ADAPTIVE ==================== */
@media (max-width: 1000px) {
  :root {
    --f12: 3.43vw;
    --f14: 4vw;
    --f16: 4.572vw;
    --f18: 5.143vw;
    --f36: 10.286vw;
  }
  .btn {
    padding: 4.2vw 2vw 5vw 2vw;
    border-radius: 1.41vw;
    font-size: var(--f14);
  }
  .welleft {
    display: none;
  }
  .welright {
    padding: 0;
    width: 100%;
  }
  .welright__container {
    padding: 17.3vw 5.6vw 3.6vw 5.6vw;
  }
  .welright__logo {
    margin-bottom: 24.66vw;
    width: 70.5vw;
  }
  .welright__title {
    margin-bottom: 6.2vw;
    font-size: var(--f36);
  }
  .welright__descr {
    margin-bottom: 17.39vw;
    font-size: var(--f16);
  }
  .welright__form-title {
    margin-bottom: 3.1vw;
    max-width: 100%;
  }
  .welright__form-input {
    padding: 4vw 4.938vw 4.938vw 4.938vw;
    border-radius: 1.41vw;
  }
  .welright__form-input:last-of-type {
    margin-bottom: 7vw;
  }
  .welright__form-pass .welright__form-input {
    margin: 0;
  }
  .welright__form-pass:last-of-type {
    margin-bottom: 4.3vw;
  }
  .welright__form-eye {
    padding: 3.3vw;
    right: 3vw;
  }
  .welright__form-eye-icon {
    width: 3.8vw;
  }
  .welright__form-forget {
    margin-bottom: 9vw;
  }
  .welright__form-btn {
    gap: 1.29vw;
  }
  .welright__form-btn-icon {
    width: 3.63vw;
  }
  .welright__form-actions {
    gap: 3.52vw;
  }
  .welright__footer {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */