@font-face {
  font-family: Gilroy;
  src: url(../assets/fonts/Gilroy-Regular.eot);
  src: local('Gilroy-Regular'),
    url(../assets/fonts/Gilroy-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  src: url(../assets/fonts/Gilroy-Bold.eot);
  src: local('Gilroy-Bold'),
    url(../assets/fonts/Gilroy-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  src: url(../assets/fonts/Gilroy-Light.eot);
  src: local('Gilroy-Light'),
    url(../assets/fonts/Gilroy-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  src: url(../assets/fonts/Gilroy-SemiBold.eot);
  src: local('Gilroy-SemiBold'),
    url(../assets/fonts/Gilroy-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  src: url(../assets/fonts/Gilroy-Medium.eot);
  src: local('Gilroy-Medium'),
    url(../assets/fonts/Gilroy-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}
html {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 10px;
  scroll-behavior: smooth;
}
@media (max-width: 1679px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1439px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 1365px) {
  html {
    font-size: 7px;
  }
}
@media (max-width: 666px) {
  html {
    font-size: 10px;
  }
}
h1,
h2,
h3,
h4 {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #131313;
}
h2 {
  font-size: 8rem;
}
@media (max-width: 666px) {
  h2 {
    font-size: 2.4rem;
  }
}
h3 {
  font-size: 6.4rem;
}
@media (max-width: 666px) {
  h3 {
    font-size: 2rem;
  }
}
h4 {
  font-size: 4.8rem;
}
@media (max-width: 666px) {
  h4 {
    font-size: 1.8rem;
  }
}
h5 {
  font-size: 3.2rem;
  font-weight: 300;
  color: #131313;
}
@media (max-width: 666px) {
  h5 {
    font-size: 1.6rem;
  }
}
h6 {
  font-size: 2rem;
  font-weight: 700;
  color: #131313;
}
p {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  p {
    font-size: 1.4rem;
  }
}
a {
  color: #1e1e1e;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
a,
div,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
  margin: 0;
  padding: 0;
}
li,
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.add-to-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .add-to-list {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.add-to-list__back-button {
  position: absolute;
  top: 0;
  left: -5rem;
}
@media (max-width: 1365px) {
  .add-to-list__back-button {
    top: -6rem;
    left: 0;
  }
}
@media (max-width: 666px) {
  .add-to-list__back-button {
    position: static;
    width: 100%;
  }
}
.add-to-list__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.6rem;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .add-to-list__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.add-to-list__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
@media (max-width: 666px) {
  .add-to-list__titles {
    gap: 0.8rem;
  }
}
.add-to-list__title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 666px) {
  .add-to-list__title h2 {
    gap: 0.2rem;
  }
}
.add-to-list__subtitle h5 {
  text-align: center;
}
.form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form :focus {
  outline: 0;
}
.form--search-admin {
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
}
@media (max-width: 666px) {
  .form--search-admin {
    flex-direction: column;
  }
}
@media (max-width: 666px) {
  .form__container {
    width: 100%;
  }
}
.form__container--add-admin {
  margin-top: 2.6rem;
}
.form__container--hidden {
  display: none;
}
.form__inputs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
}
@media (max-width: 666px) {
  .form__inputs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
  }
}
.form__inputs--tooltip {
  margin-bottom: -1.6rem;
}
@media (max-width: 666px) {
  .form__inputs--tooltip {
    margin-bottom: 0;
  }
}
.form__inputs-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3.2rem;
  margin-bottom: 9.6rem;
  width: 100%;
}
@media (max-width: 666px) {
  .form__inputs-container {
    gap: 1.2rem;
    margin-bottom: 1.3rem;
    width: 100%;
  }
}
.form__inputs-container--password {
  align-items: center;
}
.form__inputs-title {
  margin-left: 4.8rem;
}
@media (max-width: 666px) {
  .form__inputs-title {
    margin-left: 0;
  }
}
.form__inputs-subtitle {
  margin: 0.7rem 0 -1.2rem 3.2rem;
}
@media (max-width: 666px) {
  .form__inputs-subtitle {
    margin: 0.4rem 0 0 0;
  }
}
.form__inputs-container--single {
  margin-bottom: 3.2rem;
}
@media (max-width: 666px) {
  .form__inputs-container--single {
    margin-bottom: 1.2rem;
  }
}
.form__inputs-container--second {
  margin-bottom: 1.6rem;
}
@media (max-width: 666px) {
  .form__inputs-container--second {
    margin-bottom: 1.3rem;
  }
}
.form__inputs-container--full .form__inputs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
}
@media (max-width: 1023px) {
  .form__inputs-container--full .form__inputs {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media (max-width: 666px) {
  .form__inputs-container--full .form__inputs {
    gap: 1.2rem;
    width: 100%;
  }
}
.form__inputs-container--full .form__input-container {
  width: 100%;
}
.form__inputs-container--admin {
  flex-direction: row;
  gap: 2rem;
  justify-content: flex-start;
  width: 100%;
}
.form__inputs-container--search {
  margin-bottom: 5.6rem;
}
@media (max-width: 666px) {
  .form__inputs-container--search {
    margin-bottom: 2.6rem;
  }
}
.form__inputs-container--change-password {
  margin-bottom: 1rem;
}
.form__inputs--selects {
  width: 100%;
}
.form__inputs--selects .form__label-container {
  width: 100%;
}
.form__inputs--column-forgot {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form__inputs--column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.form__inputs--column .form__input-container,
.form__inputs--column .form__label-container {
  width: 100%;
}
.form__inputs--column-verify {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  width: 100%;
}
.form__inputs--admin {
  gap: 2rem;
  justify-content: flex-start;
  width: 100%;
}
.form__inputs--admin > .form__label-container {
  width: 100%;
}
.form__input {
  width: 100%;
}
.form__input-container {
  width: 53.2rem;
}
@media (max-width: 1023px) {
  #phone,
  .form__input-container {
    width: 42rem;
  }
}
@media (max-width: 1023px) {
  .form__input-container--column-forgot {
    width: 53.2rem;
  }
}
@media (max-width: 666px) {
  #phone,
  .form__input-container {
    width: 100%;
  }
}
.form__input-container input,
.form__input-container textarea,
select {
  width: 100%;
  height: 9rem;
  padding: 3.7rem 3.2rem 2.4rem;
  border: 0.2rem solid rgba(55, 55, 55, 0.1);
  border-radius: 2rem;
}
@media (max-width: 666px) {
  .form__input-container input,
  .form__input-container textarea,
  select {
    padding: 2.3rem 2rem 1.2rem;
    width: 100%;
    height: 5.4rem;
  }
}
.form__input-container textarea {
  resize: none;
}
@media (max-width: 1023px) {
  .form__input-container textarea {
    height: 12rem;
  }
}
@media (max-width: 666px) {
  .form__input-container textarea {
    height: 8rem;
  }
}
.form__input-container input::-moz-placeholder,
.form__select-container select::-moz-placeholder,
.form__input-container textarea::-moz-placeholder,
.select2-container .select2-search--inline .select2-search__field {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  color: #1e1e1e;
}
.form__input-container textarea::-webkit-scrollbar {
  display: none;
}
.form__input-container input,
.form__input-container input::placeholder,
.form__select-container select,
.form__select-container select::placeholder,
.form__input-container textarea,
.form__input-container textarea::placeholder,
.select2-container .select2-search--inline .select2-search__field {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__input-container input::-moz-placeholder,
  .form__input-container textarea::-moz-placeholder {
    font-size: 1.4rem;
  }
  .form__input-container input,
  .form__input-container input::placeholder,
  .form__select-container select,
  .form__select-container select::placeholder,
  .form__input-container textarea,
  .form__input-container textarea::placeholder,
  .select2-container .select2-search--inline .select2-search__field {
    font-size: 1.4rem;
  }
}
.form__input-container--currency {
  position: relative;
}
.form__input-container--currency input {
  padding: 3.7rem 3.2rem 2.4rem 8rem;
}
@media (max-width: 666px) {
  .form__input-container--currency input {
    padding: 2.3rem 2rem 1.2rem 6rem;
  }
}
.form__input-container--currency-select select {
  border: none;
  background-color: transparent;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form__input-container .error {
  position: absolute;
  top: 1.8rem;
  right: 3.2rem;
  left: auto;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #eb1d1d;
}
@media (max-width: 666px) {
  .form__input-container span,
  .form__input-container .error {
    top: 1.2rem;
    right: 2rem;
    font-size: 0.8rem;
  }
}
.form__input-container .error--hidden {
  display: none;
}
.form__input-container--currency span {
  top: 0;
  left: 0;
}
@media (max-width: 1439px) {
  .form__input-container--currency span {
    top: -0.5rem;
  }
}
@media (max-width: 1023px) {
  .form__input-container--currency span {
    top: -0.6rem;
  }
}
@media (max-width: 666px) {
  .form__input-container--currency span {
    top: 0;
  }
}
.form__input-container--currency-select {
  position: absolute;
}
.form__input-container--admin {
  width: 100%;
}
.form__input-container--admin input {
  padding: 2rem 1.2rem;
  height: 4.2rem;
  border-radius: 1rem;
}
.form__input-container--admin input,
.form__input-container--admin input::placeholder {
  font-size: 1.4rem;
}
.form__input-container--admin input::placeholder {
  font-weight: 800;
  color: #818181;
  text-transform: uppercase;
}
.form__input-container--admin-phone > .phone-input {
  width: 100%;
}
.form__input-container--admin-phone
  > .phone-input
  > .iti__flag-container
  > .iti__selected-flag {
  padding: 1rem !important;
}
.form__input-container--admin-phone
  > .phone-input
  > .iti__flag-container
  > .iti__selected-flag
  > .iti__selected-dial-code {
  margin-left: 0.6rem !important;
  font-size: 1.8rem !important;
}
.form__input-container--admin-phone > .phone-input > #phone {
  padding-left: 8.2rem !important;
}
.form__input-placeholder {
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: 0.15rem;
  left: 3.2rem;
  width: 91%;
  min-width: max-content;
  height: 2.8rem;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
  z-index: 1;
}
@media (max-width: 666px) {
  .form__input-placeholder {
    top: 0.2rem;
    left: 2rem;
    width: 89%;
    height: 2rem;
    font-size: 0.8rem;
  }
}
.form__input-required {
  position: absolute;
  top: 3.8rem;
  right: 3.2rem;
}
@media (max-width: 666px) {
  .form__input-required {
    top: 2.2rem;
    right: 2rem;
  }
}
@media (max-width: 666px) {
  .form__input-required img {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.form__input-required--select {
  right: 5.6rem;
}
@media (max-width: 666px) {
  .form__input-required--select {
    right: 4rem;
  }
}
.form__input-tooltip {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: 3.2rem;
}
.form__input-tooltip span {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #bbbbbb;
  text-transform: uppercase;
}
@media (max-width: 666px) {
  .form__input-tooltip {
    margin-left: 1.4rem;
  }
  .form__input-tooltip span {
    font-size: 0.8rem;
  }
  .form__input-tooltip img {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.form__input-tooltip--find {
  margin-bottom: -1rem;
}
@media (max-width: 666px) {
  .form__input-tooltip--find {
    margin-bottom: 0;
  }
}
.form__input-tooltip--error span {
  color: #eb1d1d;
}
#linkToListing {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .form__label-container {
    width: 100%;
  }
}
.form__label-container label {
  position: relative;
}
.form__label-container-error .form__input-placeholder {
  color: #eb1d1d;
}
.form__label-container-error .form__input-container input,
.form__label-container-error .form__input-container textarea,
.form__label-container-error .form__textarea-container input,
.form__label-container-error .form__textarea-container textarea {
  border-color: #eb1d1d;
}
.form__label-container-error .form__input-container input::-moz-placeholder,
.form__label-container-error .form__input-container textarea::-moz-placeholder,
.form__label-container-error .form__textarea-container input::-moz-placeholder,
.form__label-container-error
  .form__textarea-container
  textarea::-moz-placeholder {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  color: #eb1d1d;
}
.form__label-container-error .form__input-container input,
.form__label-container-error .form__input-container input::placeholder,
.form__label-container-error .form__input-container textarea,
.form__label-container-error .form__input-container textarea::placeholder,
.form__label-container-error .form__textarea-container input,
.form__label-container-error .form__textarea-container input::placeholder,
.form__label-container-error .form__textarea-container textarea,
.form__label-container-error .form__textarea-container textarea::placeholder {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  color: #eb1d1d;
}
.form__label-container--textarea .form__input-placeholder,
.form__label-container--complaintReason .form__input-placeholder {
  background-color: #fff;
}
.form__select-container {
  position: relative;
  width: 100%;
}
.form__select-container--complaintReason {
  width: 53.2rem;
}
@media (max-width: 1023px) {
  .form__select-container--state,
  .form__select-container--type {
    width: 42.5rem;
  }
  .form__select-container--complaintReason,
  .form__select-container--country {
    width: 87rem;
  }
}
@media (max-width: 666px) {
  .form__select-container,
  .form__select-container--type,
  .form__select-container--state,
  .form__select-container--country,
  .form__select-container--complaintReason {
    width: 100%;
  }
}
.form__select-container-error .error {
  position: absolute;
  top: 1.8rem;
  right: 3.2rem;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #eb1d1d;
}
@media (max-width: 666px) {
  .form__select-container-error .error {
    top: 1.2rem;
    right: 2rem;
    font-size: 0.8rem;
  }
}
.form__select-container-error .select2 {
  border: 0.2rem solid #eb1d1d;
  border-radius: 2rem;
}
.form__select-container-error
  > .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #eb1d1d;
}
.form__textarea-container span {
  position: absolute;
  top: 1.8rem;
  right: 3.2rem;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #eb1d1d;
  z-index: 1;
}
@media (max-width: 666px) {
  .form__textarea-container span {
    top: 1.2rem;
    right: 2rem;
    font-size: 0.8rem;
  }
}
.form__textarea-container > textarea {
  width: 100%;
  height: 18rem;
  resize: none;
  width: 100%;
  padding: 3.7rem 3.2rem 2.4rem;
  border: 0.2rem solid rgba(55, 55, 55, 0.1);
  border-radius: 2rem;
}
@media (max-width: 1023px) {
  .form__textarea-container > textarea {
    height: 18rem;
  }
}
@media (max-width: 666px) {
  .form__textarea-container > textarea {
    padding: 2.3rem 2rem 1.2rem;
    height: 12rem;
  }
}
.form__textarea-container > textarea::-moz-placeholder {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  color: #1e1e1e;
}
.form__textarea-container > textarea,
.form__textarea-container > textarea::placeholder {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__textarea-container > textarea::-moz-placeholder {
    font-size: 1.4rem;
  }
  .form__textarea-container > textarea,
  .form__textarea-container > textarea::placeholder {
    font-size: 1.4rem;
  }
}
.form__textarea-container--url > textarea,
.form__textarea-container--url textarea::placeholder {
  font-size: 1.4rem;
}

.form__textarea-container--url > textarea {
  height: 9rem;
  padding: 2.8rem 3.2rem 1rem;
}
@media (max-width: 666px) {
  .form__textarea-container--url > textarea {
    padding: 2.3rem 2rem 1.2rem;
    height: 12rem;
  }
}
.form__label-container--find-phone,
.form__label-container--find-phone .form__input-container,
.form__label-container--find-phone .phone-input,
.form__label-container--find-phone #phone,
.form__input-container--find-email {
  width: 100%;
}

.form__picture,
.form__pictures {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 0.6rem;
  width: 53.3rem;
}
@media (max-width: 666px) {
  .form__picture,
  .form__pictures {
    margin-top: 0.2rem;
    width: 26rem;
  }
}
.form__picture-container,
.form__pictures-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.7rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .form__picture-container,
  .form__pictures-container {
    max-width: 86.3rem;
  }
}
@media (max-width: 666px) {
  .form__picture-container,
  .form__pictures-container {
    gap: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.form__picture-title h5,
.form__pictures-title h5 {
  font-size: 3.6rem;
  text-align: center;
}
@media (max-width: 666px) {
  .form__picture-title h5,
  .form__pictures-title h5 {
    font-size: 2rem;
  }
}
.form__picture .dragover,
.form__pictures .dragover {
  border-color: #1db0eb;
}
.form__picture-view,
.form__pictures-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  position: relative;
  margin-bottom: 3.2rem;
  width: 100%;
  height: 29rem;
  background-color: #f6f6f6;
}
@media (max-width: 666px) {
  .form__picture-view,
  .form__pictures-view {
    margin-bottom: 1.4rem;
    height: 18rem;
  }
}
.form__pictures-view--error {
  border: 0.2rem solid #eb1d1d;
}
.form__picture-view-bg-elements #bg-element-left-top,
.form__pictures-view-bg-elements #bg-element-left-top {
  top: 0;
  left: 0;
}
.form__picture-view-bg-elements #bg-element-right-top,
.form__pictures-view-bg-elements #bg-element-right-top {
  top: 0;
  right: 0;
  transform: rotate(90deg);
}
.form__picture-view-bg-elements #bg-element-left-bottom,
.form__pictures-view-bg-elements #bg-element-left-bottom {
  bottom: 0;
  left: 0;
  transform: rotate(270deg);
}
.form__picture-view-bg-elements #bg-element-right-bottom,
.form__pictures-view-bg-elements #bg-element-right-bottom {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.form__picture-view-bg-elements img,
.form__pictures-view-bg-elements img {
  position: absolute;
}
.form__picture-upload-text span,
.form__pictures-upload-text span {
  display: block;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 666px) {
  .form__picture-upload-text span,
  .form__pictures-upload-text span {
    font-size: 1.4rem;
  }
}
.form__picture-buttons,
.form__pictures-buttons {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (max-width: 666px) {
  .form__picture-buttons,
  .form__pictures-buttons {
    gap: 0.6rem;
  }
}
.form__picture-delete,
.form__pictures-delete {
  display: none;
  cursor: pointer;
}
.form__picture-uploaded,
.form__pictures-uploaded {
  display: none;
  position: absolute;
  top: 1.2rem;
  margin-bottom: 3.2rem;
  width: 40.7rem;
  height: 26.2rem;
}
@media (max-width: 666px) {
  .form__picture-uploaded,
  .form__pictures-uploaded {
    top: 0.9rem;
    margin-bottom: 1.4rem;
    width: 22rem;
    height: 16rem;
  }
}
.form__picture-uploaded-preview,
.form__pictures-uploaded-preview {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.form__picture-uploaded-preview--show,
.form__pictures-uploaded-preview--show {
  display: flex;
}
.form__picture input,
.form__pictures input {
  display: none;
}
.form__pictures-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.6rem;
  padding: 0 2.5rem 4.8rem 2.5rem;
  border-bottom: 0.1rem solid rgba(30, 30, 30, 0.1);
}
@media (max-width: 1023px) {
  .form__pictures-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
  }
}
@media (max-width: 666px) {
  .form__pictures-container {
    margin-top: 0.4rem;
    padding: 0 0 1.4rem 0;
  }
}
.form__pictures-view {
  margin-bottom: 0;
}
.form__pictures-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8.6rem;
  max-width: 46rem;
  height: 100%;
}
@media (max-width: 1023px) {
  .form__pictures-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.4rem;
  }
}
.form__pictures-info input {
  display: none;
}
.form__pictures-titles {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.form__pictures-title {
  position: relative;
  font-size: 3.2rem;
  text-align: left;
}
.form__pictures-title h5 {
  font-size: 3.2rem;
  text-align: left;
}
@media (max-width: 1023px) {
  .form__pictures-title h5 {
    text-align: center;
  }
}
@media (max-width: 666px) {
  .form__pictures-title h5 {
    font-size: 1.8rem;
  }
}
.form__pictures-required {
  position: absolute;
  top: -0.3rem;
  right: -5%;
}
@media (max-width: 1023px) {
  .form__pictures-required {
    top: -0.1rem;
  }
}
@media (max-width: 666px) {
  .form__pictures-required {
    position: static;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .form__pictures-subtitle p {
    text-align: center;
  }
}
@media (max-width: 666px) {
  .form__pictures-subtitle p {
    font-size: 1.4rem;
  }
}
.form__pictures-uploaded-container {
  position: absolute;
  top: 0.5rem;
  display: none;
  flex-wrap: wrap;
  width: 98%;
  max-height: 28rem;
}
.form__pictures-uploaded-container--show {
  display: flex;
  justify-content: flex-start;
  gap: 0.4rem;
}
.form__pictures-uploaded-pictures {
  width: 10.12rem;
  height: 6.7rem;
}
.form__pictures-uploaded-pictures img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.form__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 666px) {
  .form__buttons {
    gap: 1rem;
  }
}
.form__button-timer-container span {
  font-size: 1.6rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__button-timer-container span {
    font-size: 1.4rem;
  }
}
.form__button-timer-container .form__button-timer {
  font-weight: 600;
  color: #1db0eb;
}
.form__button-timer-container--hidden {
  display: none;
}
.form__agreement {
  display: flex;
  align-items: center;
  gap: 3.6rem;
}
@media (max-width: 666px) {
  .form__agreement {
    gap: 1.4rem;
  }
}
.form__agreement span {
  font-size: 2rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__agreement span {
    font-size: 1.4rem;
  }
}
.form__agreement-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin-top: -4.8rem;
  margin-bottom: 4rem;
  padding: 3.2rem 5.2rem;
  width: 109.6rem;
}
@media (max-width: 1023px) {
  .form__agreement-container {
    width: 73.2rem;
  }
}
@media (max-width: 666px) {
  .form__agreement-container {
    margin-top: 0;
    margin-bottom: 1.8rem;
    padding: 1.2rem 2rem;
    width: 100%;
  }
}
.form__agreement-buttons {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.form__agreement-button label {
  display: flex;
  align-items: center;
  height: 4.8rem;
  position: relative;
  font-size: 1.4rem;
  color: #1e1e1e;
  padding-left: 8rem;
  cursor: pointer;
}
@media (max-width: 666px) {
  .form__agreement-button label {
    padding-left: 4rem;
    font-size: 1.4rem;
    height: auto;
  }
}
.form__agreement-button label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form__agreement-button label input:checked ~ span {
  border: 0.1rem solid #1db0eb;
  background-color: #fff;
}
.form__agreement-button label input:checked ~ span:after {
  display: block;
}
.form__agreement-button label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 4.8rem;
  width: 4.8rem;
  background-color: #fff;
  border: 0.1rem solid rgba(30, 30, 30, 0.1);
  border-radius: 50%;
}
@media (max-width: 666px) {
  .form__agreement-button label span {
    width: 2rem;
    height: 2rem;
  }
}
.form__agreement-button label span:after {
  content: '';
  position: absolute;
  display: none;
}
.form__agreement-button label span:after {
  top: 0.6rem;
  left: 0.6rem;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #1db0eb;
}
@media (max-width: 666px) {
  .form__agreement-button label span:after {
    top: 0.2rem;
    left: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
  }
}
.form__agreement-button-error label {
  color: #eb1d1d;
}

.form__verify {
  display: flex;
  align-items: center;
  gap: 3.6rem;
}
@media (max-width: 666px) {
  .form__verify {
    gap: 1.4rem;
  }
}
.form__verify span {
  font-size: 2rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__verify span {
    font-size: 1.4rem;
  }
}
@media (max-width: 666px) {
  .form__verify-image img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.form__verify-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin-bottom: 4rem;
  padding: 3.2rem 5.2rem;
  width: 109.6rem;
  background-color: #f5f5f5;
}
@media (max-width: 1023px) {
  .form__verify-container {
    width: 53.2rem;
  }
  .form__verify-container--registration {
    width: auto;
    max-width: 87rem;
  }
}
@media (max-width: 666px) {
  .form__verify-container {
    margin-bottom: 1.8rem;
    padding: 1.2rem 2rem;
    width: 100%;
  }
}
.form__verify-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.form__verify-button label {
  display: flex;
  align-items: center;
  height: 4.8rem;
  position: relative;
  font-size: 2rem;
  color: #1e1e1e;
  padding-left: 8rem;
  cursor: pointer;
}
@media (max-width: 666px) {
  .form__verify-button label {
    padding-left: 4rem;
    font-size: 1.4rem;
    height: auto;
  }
}
.form__verify-button label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form__verify-button label input:checked ~ span {
  border: 0.1rem solid #1db0eb;
  background-color: #fff;
}
.form__verify-button label input:checked ~ span:after {
  display: block;
}
.form__verify-button label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 4.8rem;
  width: 4.8rem;
  background-color: #fff;
  border: 0.1rem solid rgba(30, 30, 30, 0.1);
  border-radius: 50%;
}
@media (max-width: 666px) {
  .form__verify-button label span {
    width: 2rem;
    height: 2rem;
  }
}
.form__verify-button label span:after {
  content: '';
  position: absolute;
  display: none;
}
.form__verify-button label span:after {
  top: 0.6rem;
  left: 0.6rem;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #1db0eb;
}
@media (max-width: 666px) {
  .form__verify-button label span:after {
    top: 0.2rem;
    left: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
  }
}

.form__verify-guest {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  width: 100%;
}
@media (max-width: 666px) {
  .form__verify-guest {
    gap: 1.4rem;
  }
}
.form__verify-guest-container {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 1.6rem;
  padding: 5rem 4.8rem;
  width: 100%;
  border-top: 0.1rem solid #d7d7d7;
  border-bottom: 0.1rem solid #d7d7d7;
}
@media (max-width: 666px) {
  .form__verify-guest-container {
    gap: 1.4rem;
    margin-bottom: 1.8rem;
    padding: 2.4rem 1.8rem;
    width: 100%;
  }
}
@media (max-width: 666px) {
  .form__verify-guest__text {
    flex: 0.85;
  }
}
.form__verify-guest__text p {
  font-size: 2rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__verify-guest__text p {
    font-size: 1.4rem;
  }
}
@media (max-width: 666px) {
  .form__verify-guest-button {
    width: 6rem;
  }
}

.form__services-terms {
  margin-left: 4.8rem;
}
@media (max-width: 1023px) {
  .form__services-terms {
    margin-left: 0;
  }
}
.form__services-terms label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 8rem;
  height: 4.8rem;
  font-size: 2rem;
  color: #1e1e1e;
  cursor: pointer;
}
@media (max-width: 666px) {
  .form__services-terms label {
    padding-left: 3rem;
    height: auto;
    font-size: 1.4rem;
  }
}
.form__services-terms label p {
  font-size: 2rem;
  font-weight: 400;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .form__services-terms label p {
    font-size: 1.4rem;
  }
}
.form__services-terms label p a {
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.form__services-terms label p:hover a:hover {
  color: #1da6dd;
}
.form__services-terms label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form__services-terms label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 4.8rem;
  width: 4.8rem;
  background-color: #fff;
  border: 0.2rem solid rgba(55, 55, 55, 0.1);
  border-radius: 0.6rem;
}
@media (max-width: 666px) {
  .form__services-terms label span {
    height: 2rem;
    width: 2rem;
  }
}
.form__services-terms label span:after {
  content: '';
  position: absolute;
  display: none;
}
.form__services-terms label input:checked ~ span:after {
  display: block;
}
.form__services-terms label span:after {
  left: 1rem;
  top: 0;
  width: 1.5rem;
  height: 3rem;
  border: 0.4rem solid #1db0eb;
  border-width: 0 0.8rem 0.8rem 0;
  transform: rotate(45deg);
}
@media (max-width: 666px) {
  .form__services-terms label span:after {
    left: 0.3rem;
    width: 0.7rem;
    height: 1rem;
    border-width: 0.2rem solid #1db0eb;
    border-width: 0 0.3rem 0.3rem 0;
  }
}
.form__services-terms-error label,
.form__services-terms-error label p,
.form__services-terms-error label a {
  color: #eb1d1d;
}
#terms-error {
  top: -2rem;
  height: auto;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  background-color: transparent;
}
@media (max-width: 666px) {
  #terms-error {
    top: -1.2rem;
    font-size: 0.8rem;
  }
}
.form-popup {
  border-radius: 4.4rem;
}
.form-popup__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.6rem;
  padding: 6.4rem 9.6rem;
}
@media (max-width: 666px) {
  .form-popup__content {
    gap: 1.4rem;
    padding: 4rem 6rem;
  }
}
.form-popup__content h5 {
  text-align: center;
}
.form-popup__title {
  max-width: 63rem;
}
@media (max-width: 666px) {
  .form-popup__title {
    max-width: 30rem;
  }
}
.change-email,
.forgot-password {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .change-email,
  .forgot-password {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.change-email__info,
.forgot-password__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .change-email__info,
  .forgot-password__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.change-email__title,
.forgot-password__title {
  margin-bottom: 4.8rem;
  max-width: 110rem;
  text-align: center;
}
@media (max-width: 666px) {
  .change-email__title,
  .forgot-password__title {
    margin-bottom: 1rem;
  }
}

.verify-email {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .verify-email {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.verify-email__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .verify-email__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.verify-email__title {
  margin-bottom: 4.8rem;
}
@media (max-width: 666px) {
  .verify-email__title {
    margin-bottom: 1rem;
  }
}

.change-password {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .change-password {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.change-password__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .change-password__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.change-phone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .change-phone {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.change-phone__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .change-phone__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.change-phone__title {
  margin-bottom: 4.8rem;
}
@media (max-width: 666px) {
  .change-phone__title {
    margin-bottom: 1rem;
  }
}

.contact-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .contact-us {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.contact-us__back-button {
  position: absolute;
  top: 0;
  left: -5rem;
}
@media (max-width: 1365px) {
  .contact-us__back-button {
    top: -6rem;
    left: 0;
  }
}
@media (max-width: 666px) {
  .contact-us__back-button {
    position: static;
    width: 100%;
  }
}
.contact-us__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .contact-us__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.contact-us__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
@media (max-width: 666px) {
  .contact-us__titles {
    gap: 0.8rem;
  }
}
.contact-us__title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 666px) {
  .contact-us__title h2 {
    gap: 0.2rem;
  }
}

.edit-account {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .edit-account {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.edit-account__back-button {
  position: absolute;
  top: 0;
  left: -5rem;
}
@media (max-width: 1365px) {
  .edit-account__back-button {
    top: -6rem;
    left: 0;
  }
}
@media (max-width: 666px) {
  .edit-account__back-button {
    position: static;
    width: 100%;
  }
}
.edit-account__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.6rem;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .edit-account__info {
    width: 100%;
    gap: 1.2rem;
  }
}

.edit-guest {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .edit-guest {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.edit-guest__back-button {
  position: absolute;
  top: 0;
  left: -5rem;
}
@media (max-width: 1365px) {
  .edit-guest__back-button {
    top: -6rem;
    left: 0;
  }
}
@media (max-width: 666px) {
  .edit-guest__back-button {
    position: static;
    width: 100%;
  }
}
.edit-guest__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.6rem;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .edit-guest__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.edit-guest__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
@media (max-width: 666px) {
  .edit-guest__titles {
    gap: 0.8rem;
  }
}
.edit-guest__title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 666px) {
  .edit-guest__title h2 {
    gap: 0.2rem;
  }
}
.edit-guest__subtitle h5 {
  text-align: center;
}
.faqs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .faqs {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.faqs__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .faqs__info {
    width: 100%;
    gap: 3.2rem;
  }
}
.faqs__accordions-container {
  border-top: 0.1rem solid rgba(55, 55, 55, 0.25);
}
@media (max-width: 666px) {
  .faqs__accordions-container {
    width: 100%;
  }
}
.faqs__accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  font-size: 2.4rem;
  color: rgba(55, 55, 55, 0.55);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.faqs__accordion-container {
  padding: 3rem 1.2rem;
  width: 96.7rem;
  border-bottom: 0.1rem solid rgba(55, 55, 55, 0.25);
}
@media (max-width: 1023px) {
  .faqs__accordion-container {
    width: 80rem;
  }
}
@media (max-width: 666px) {
  .faqs__accordion-container {
    width: 100%;
  }
}
.faqs__accordion-image--hidden {
  display: none;
}
.faqs__accordion img {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 666px) {
  .faqs__accordion img {
    width: 3rem;
    height: 3rem;
  }
}
.faqs__accordion--active,
.faqs__accordion:hover {
  color: #1e1e1e;
}
.faqs__panel {
  display: none;
  padding: 1.8rem 0 0 0;
  overflow: hidden;
}
.faqs__panel span {
  font-size: 2rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .faqs__panel span {
    font-size: 1.2rem;
  }
}
.faqs__panel--active {
  display: block;
}
.find-guest {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .find-guest {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.find-guest__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .find-guest__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.find-guest__title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 666px) {
  .find-guest__title h2 {
    gap: 0.2rem;
  }
}
.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .login {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.login__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .login__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.form__services {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.8rem;
  width: 100%;
}
@media (max-width: 666px) {
  .form__services {
    margin-bottom: 3.8rem;
  }
}
.form__services--registration {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 666px) {
  .form__services--registration {
    margin-bottom: 3.8rem;
  }
}
.form__services-rememberme label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 3.4rem;
  height: 2.2rem;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
  cursor: pointer;
}
.form__services-rememberme label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form__services-rememberme label span {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.2rem;
  width: 2.2rem;
  background-color: #fff;
  border: 0.1rem solid rgba(55, 55, 55, 0.1);
  border-radius: 0.6rem;
}
.form__services-rememberme label span:after {
  content: '';
  position: absolute;
  display: none;
}
.form__services-rememberme label input:checked ~ span:after {
  display: block;
}
.form__services-rememberme label span:after {
  left: 0.7rem;
  top: 0.2rem;
  width: 0.5rem;
  height: 1rem;
  border: 0.1rem solid #1db0eb;
  border-width: 0 0.3rem 0.3rem 0;
  transform: rotate(45deg);
}
.form__submit-container {
  margin-bottom: 4.8rem;
}
@media (max-width: 666px) {
  .form__submit-container {
    margin-bottom: 3.8rem;
  }
}
.form__submit-container--change-password {
  margin-bottom: 0;
}
.form__register {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-page {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .main-page__main {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.main-page__background-image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1023px) {
  .main-page__background-image {
    display: none;
  }
}
@media (max-width: 1679px) {
  .main-page__background-image img {
    width: 66rem;
  }
}
.main-page__background-image-mobile {
  display: none;
  margin-bottom: 1.6rem;
  width: 100%;
  height: 26.4rem;
}
@media (max-width: 666px) {
  .main-page__background-image-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.main-page__background-image-mobile img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 2.5rem;
}
.main-page__main {
  padding: 9rem 0 21rem;
}
@media (max-width: 1023px) {
  .main-page__main {
    margin-bottom: 6.4rem;
    padding: 3rem 0 0;
  }
}
@media (max-width: 666px) {
  .main-page__main {
    margin-bottom: 6.4rem;
    padding: 0;
  }
}
.main-page__main-title {
  margin-bottom: 2.4rem;
  max-width: 90rem;
}
@media (max-width: 1679px) {
  .main-page__main-title {
    max-width: 66rem;
  }
}
@media (max-width: 1023px) {
  .main-page__main-title {
    margin-bottom: 1.4rem;
    max-width: 40rem;
  }
}
.main-page__main-title h1 {
  font-size: 8rem;
  line-height: 9.6rem;
}
@media (max-width: 1679px) {
  .main-page__main-title h1 {
    font-size: 6rem;
    line-height: 7rem;
  }
}
@media (max-width: 1023px) {
  .main-page__main-title h1 {
    font-size: 3.4rem;
    line-height: 3.8rem;
    text-align: center;
  }
}
@media (max-width: 666px) {
  .main-page__main-title h1 {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
}
.main-page__main-title span {
  color: #1db0eb;
}
.main-page__main-description {
  margin-bottom: 5.4rem;
  max-width: 102rem;
}
@media (max-width: 1840px) {
  .main-page__main-description {
    max-width: 84rem;
  }
}
@media (max-width: 1679px) {
  .main-page__main-description {
    max-width: 64rem;
  }
}
@media (max-width: 1023px) {
  .main-page__main-description {
    margin-bottom: 2rem;
    max-width: 60rem;
  }
}
@media (max-width: 1679px) {
  .main-page__main-description h5 {
    font-size: 2.8rem;
  }
}
@media (max-width: 1023px) {
  .main-page__main-description h5 {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (max-width: 666px) {
  .main-page__main-description h5 {
    font-size: 1.2rem;
  }
}
.main-page__banner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 54rem;
  margin-bottom: 9.6rem;
  background-color: #1e1e1e;
  border-radius: 2.7rem;
}
@media (max-width: 1023px) {
  .main-page__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6.4rem;
    height: auto;
  }
}
.main-page__banner-image {
  width: 77rem;
  height: 54rem;
  border-radius: 2.7rem;
}
@media (max-width: 1023px) {
  .main-page__banner-image {
    margin-bottom: 1.2rem;
    width: 100%;
    height: 32rem;
  }
}
@media (max-width: 666px) {
  .main-page__banner-image {
    height: 22.4rem;
  }
}
.main-page__banner-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 2.7rem;
}
.main-page__banner-info-container {
  padding: 0 9.2rem 0 8rem;
}
@media (max-width: 1023px) {
  .main-page__banner-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 0 1.5rem 2.4rem;
  }
}
.main-page__banner-info {
  margin-bottom: 3.2rem;
  max-width: 69rem;
}
@media (max-width: 1023px) {
  .main-page__banner-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    max-width: 100%;
  }
}
.main-page__banner-title h3 {
  font-size: 4.8rem;
  color: #fff;
}
@media (max-width: 1023px) {
  .main-page__banner-title h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .main-page__banner-subtitle {
    max-width: 70rem;
  }
}
.main-page__banner-subtitle p {
  color: #fff;
}
@media (max-width: 1023px) {
  .main-page__banner-subtitle p {
    text-align: center;
  }
}
@media (max-width: 666px) {
  .main-page__banner-subtitle p {
    font-size: 1.4rem;
  }
}
.main-page__banner-subtitle:first-child,
.main-page__banner-title {
  margin-bottom: 1rem;
}
.main-page__banner-buttons {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.main-page__banner-button-link {
  color: #1e1e1e;
}
.main-page__features {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  margin-bottom: 16.4rem;
  padding: 0 15rem 0;
}
@media (max-width: 1023px) {
  .main-page__features {
    align-items: center;
    padding: 0;
    gap: 4.8rem;
  }
}
@media (max-width: 666px) {
  .main-page__features {
    margin-bottom: 6.4rem;
  }
}
.main-page__feature {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .main-page__feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .main-page__feature-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.main-page__feature-title {
  margin-bottom: 3.2rem;
}
@media (max-width: 666px) {
  .main-page__feature-title {
    margin-bottom: 1.2rem;
  }
}
.main-page__feature-title span {
  display: block;
  font-size: 6.4rem;
}
@media (max-width: 1023px) {
  .main-page__feature-title span {
    text-align: center;
  }
}
@media (max-width: 666px) {
  .main-page__feature-title span {
    font-size: 2.4rem;
  }
}
.main-page__feature-description {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}
@media (max-width: 1023px) {
  .main-page__feature-description {
    max-width: 70rem;
  }
}
@media (max-width: 666px) {
  .main-page__feature-description {
    gap: 1rem;
    max-width: 40rem;
  }
}
@media (max-width: 1023px) {
  .main-page__feature-description p {
    text-align: center;
  }
}
.main-page__feature-image {
  margin-left: 15rem;
}
@media (max-width: 1023px) {
  .main-page__feature-image {
    margin: 0 0 2.4rem 0;
  }
}
.main-page__feature-image img {
  width: 43rem;
  height: 57.7rem;
}
@media (max-width: 1679px) {
  .main-page__feature-image img {
    width: 33rem;
    height: 45.7rem;
  }
}
@media (max-width: 666px) {
  .main-page__feature-image img {
    width: 14.6rem;
    height: 19.6rem;
  }
}
.main-page__feature-image--reverse {
  margin-left: 0;
  margin-right: 15rem;
}
@media (max-width: 1023px) {
  .main-page__feature-image--reverse {
    margin: 0 0 2.4rem 0;
  }
}
@media (max-width: 1023px) {
  .main-page__feature--reverse {
    flex-direction: column-reverse;
  }
}
.account {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .account {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.account__back-button {
  position: absolute;
  top: 0;
  left: -5rem;
}
@media (max-width: 1365px) {
  .account__back-button {
    top: -6rem;
    left: 0;
  }
}
@media (max-width: 666px) {
  .account__back-button {
    position: static;
    width: 100%;
  }
}
.account__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
}
@media (max-width: 666px) {
  .account__info {
    width: 100%;
  }
}
.account__title {
  margin-bottom: 9.6rem;
}
@media (max-width: 666px) {
  .account__title {
    margin-bottom: 1.4rem;
  }
}
.account__title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
@media (max-width: 666px) {
  .account__title h2 {
    gap: 0.2rem;
  }
}
.account__user-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  margin-bottom: 9.6rem;
}
@media (max-width: 1023px) {
  .account__user-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 80rem;
  }
}
@media (max-width: 666px) {
  .account__user-container {
    margin-bottom: 3.2rem;
  }
}
.account__user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 2.4rem;
  width: 100%;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  border-radius: 2rem;
}
@media (max-width: 666px) {
  .account__user-info {
    padding: 1.4rem 1.8rem;
  }
}
.account__user-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .account__user-info-container {
    order: 2;
  }
}
.account__user-info-title span {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
}
.account__user-info-description span {
  font-size: 1.6rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .account__user-info-description span {
    font-size: 1.4rem;
  }
}
.account__user-data-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.8rem;
  padding: 4.7rem 14.5rem;
  width: 100%;
  min-width: 75.8rem;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  border-radius: 2rem;
}
@media (max-width: 1679px) {
  .account__user-data-container {
    padding: 4.7rem 8rem;
    min-width: 66rem;
  }
}
@media (max-width: 1023px) {
  .account__user-data-container {
    order: 1;
  }
}
@media (max-width: 666px) {
  .account__user-data-container {
    gap: 2rem;
    padding: 2rem 1.8rem;
    min-width: auto;
  }
}
.account__user-data-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
@media (max-width: 666px) {
  .account__user-data-info {
    gap: 1.4rem;
  }
}
.account__user-data-photo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.4rem;
  height: 16.4rem;
  border-radius: 50%;
  background-color: #d7d7d7;
}
@media (max-width: 666px) {
  .account__user-data-photo {
    width: 14rem;
    height: 14rem;
  }
}
.account__user-data-photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 50%;
}
.account__user-data-photo span {
  font-size: 5.2rem;
  font-weight: 600;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .account__user-data-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.account__user-data-name span {
  font-size: 3.2rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .account__user-data-name span {
    display: block;
    font-size: 2.4rem;
  }
}
.account__user-data-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
@media (max-width: 666px) {
  .account__user-data-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
}
.results__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  border-top: 0.1rem solid rgba(55, 55, 55, 0.25);
}
.results__container--admin {
  position: relative;
  border-top: none;
}
.results__container--admin-loading::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.results__title {
  margin-bottom: 6.4rem;
  margin-left: 20rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .results__title {
    margin-bottom: 2.4rem;
    margin-left: 2rem;
  }
}
@media (max-width: 666px) {
  .results__title {
    margin-left: 0;
  }
}
.results__container-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
  padding-top: 10rem;
  width: 100%;
  text-align: center;
}
@media (max-width: 666px) {
  .results__container-empty {
    padding-top: 5rem;
  }
}
.results__container-empty--hidden {
  display: none;
}
.result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4.7rem;
  width: 100%;
  border-bottom: 0.1rem solid rgba(55, 55, 55, 0.25);
  cursor: pointer;
}
@media (max-width: 1023px) {
  .result {
    padding: 0 1rem;
  }
}
.result--admin {
  padding: 0;
}
.result__container {
  width: 100%;
}
.result__info {
  display: grid;
  grid-template-columns: 0.4fr 0.8fr 1fr 0.6fr 0.5fr 0.8fr;
  align-items: center;
  padding: 3rem 0;
  width: 100%;
  flex: 0.9;
}
@media (max-width: 1679px) {
  .result__info {
    flex: auto;
  }
}
.result__info--admin {
  grid-template-columns: 0.7fr 1fr 1fr 0.6fr 0.6fr 1fr;
  flex: 1;
}
@media (max-width: 1023px) {
  .result__info {
    grid-template-columns: 0.7fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}
@media (max-width: 666px) {
  .result__info {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
.result__info--four-columns {
  grid-template-columns: 0.8fr 1fr 0.6fr 0.6fr;
  flex: 0.95;
}
@media (max-width: 1023px) {
  .result__info--four-columns {
    grid-template-columns: 0.8fr 1fr 0.6fr 0.6fr;
    grid-template-rows: 1fr;
  }
}
@media (max-width: 666px) {
  .result__info--four-columns {
    grid-template-columns: 1fr;
  }
}
.result__info-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem 0;
}
.result__info-table:hover {
  background-color: #fff;
}
.result__info-table--buttons {
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}
.result__info-table--users {
  align-items: flex-start;
}
.result__info-table-text {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  flex: 0.9;
  width: 100%;
}
.result__info-table-content {
  display: grid;
  grid-template-columns: 0.6fr 1fr 1fr 1fr 0.2fr;
  align-items: center;
  gap: 2rem;
  padding: 2rem 0;
  width: 100%;
}
@media (max-width: 666px) {
  .result__info-table-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.result__info-table-content--super {
  grid-template-columns: 0.4fr 0.6fr 0.4fr 1fr;
  padding: 0;
}
.result__info-table-content--super-users {
  grid-template-columns: 0.4fr 0.7fr 1fr 0.65fr 0.65fr 0.75fr;
  padding: 0;
}
@media (max-width: 1349px) {
  .result__info-table-content--super-users {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 666px) {
  .result__info-table-content--super-users {
    grid-template-columns: 1fr;
  }
}
.result__info-table-content--buttons {
  grid-template-columns: 1fr;
  flex: 1;
}
.result__info-table-additional {
  display: flex;
  flex-direction: column;
  padding-left: 10.4%;
  gap: 1.4rem;
}
@media (max-width: 1349px) {
  .result__info-table-additional {
    padding-left: 0;
  }
}
.result__info-table-verification {
  display: flex;
  gap: 2rem;
}
.result__info-table-date {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.result__info-table-check {
  width: 2.4rem;
  height: 2.4rem;
}
.result__info-table-check img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.result__info-table-description {
  width: 100%;
  padding-left: 16.3%;
}
@media (max-width: 666px) {
  .result__info-table-description {
    padding-left: 0;
  }
}
.result span {
  font-size: 1.6rem;
  font-weight: 600;
  color: #131313;
}
@media (max-width: 666px) {
  .result span {
    font-size: 1.3rem;
  }
}
.result__info-table span {
  font-size: 14px;
  font-weight: 300;
}
.result__info-table-action span {
  font-weight: 800;
}
.result__name {
  display: flex;
  gap: 0.4rem;
}
@media (max-width: 1023px) {
  .result__name {
    gap: 0.4rem;
  }
}
.result__status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 0.2rem;
  width: 18rem;
  height: 4.8rem;
  max-height: 4.8rem;
  border-radius: 2.7rem;
  max-width: 18rem;
}
.result__status span {
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
.result__status--accepted {
  background-color: rgba(2, 253, 75, 0.11);
}
.result__status--accepted span {
  color: #20962c;
}
.result__status--consideration {
  background-color: rgba(29, 176, 235, 0.15);
}
.result__status--consideration span {
  color: #1db0eb;
}
.result__status--rejected-lack {
  background-color: rgba(218, 128, 23, 0.17);
}
.result__status--rejected-lack span {
  color: #da8017;
}
.result__status--rejected {
  background-color: rgba(253, 2, 2, 0.1);
}
.result__status--rejected span {
  color: #962020;
}
.result__status--deleted {
  background-color: #c9c9c9;
}
.result__status--deleted span {
  color: #000;
}
.result__icon-check {
  flex: 0.05;
  display: flex;
  justify-content: flex-end;
  width: 3.2rem;
  height: 3.2rem;
}
.result__info-table-verification .result__info-table-marked {
  font-weight: 800;
}
.result__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.6rem;
  flex: 0.22;
}
@media (max-width: 1679px) {
  .result__buttons {
    flex: 0.2;
  }
}
@media (max-width: 1023px) {
  .result__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 0.8rem;
    flex: 0.5;
  }
}
.result__buttons--admin {
  flex: none;
}
.result__buttons--admin--users {
  flex: 0.02;
}
.result__buttons--admin-super {
  flex: 1;
}
.result__buttons--admin-super-column {
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.result__buttons--wrap {
  flex-wrap: wrap;
}
.result:hover {
  background-color: #f5f5f5;
}
.result--active {
  background-color: #f5f5f5;
}
.results__titles-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 4.7rem;
  width: 100%;
  border-bottom: 0.1rem solid rgba(55, 55, 55, 0.25);
  cursor: pointer;
}
@media (max-width: 1023px) {
  .results__titles-container {
    padding: 1.3rem 1rem;
  }
}
.results__titles-container--admin-table {
  padding: 1.3rem 0;
}
.results__titles-container--hidden {
  display: none;
}
.results__titles {
  display: grid;
  grid-template-columns: 0.4fr 0.8fr 1fr 0.6fr 0.5fr 0.8fr;
  align-items: center;
  width: 100%;
  flex: 0.8;
}
.results__title span {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #4a4a4a;
  text-transform: uppercase;
}
@media (max-width: 1679px) {
  .results__titles {
    flex: 0.88;
  }
}
@media (max-width: 1576px) {
  .results__titles {
    flex: 0.87;
  }
}
@media (max-width: 1440px) {
  .results__titles {
    flex: 0.86;
  }
}
@media (max-width: 1365px) {
  .results__titles {
    flex: 0.89;
  }
}
@media (max-width: 1239px) {
  .results__titles {
    flex: 0.87;
  }
}
@media (max-width: 1089px) {
  .results__titles {
    flex: 0.85;
  }
}
.results__titles--admin {
  grid-template-columns: 0.7fr 1fr 1fr 0.6fr 0.6fr 1fr 0.3fr;
  width: 100%;
  flex: 1;
}
.results__titles--admin-table {
  grid-template-columns: 0.6fr 1fr 1fr 1fr 0.2fr;
  padding: 1.6rem 0;
}
.results__titles--admin-table-super {
  grid-template-columns: 0.42fr 0.6fr 0.4fr 0.98fr;
}
@media (max-width: 1023px) {
  .results__titles-container {
    display: none;
  }
}
.results__load-more-container {
  margin-top: 6.4rem;
}
@media (max-width: 666px) {
  .results__load-more-container {
    margin-top: 2.8rem;
  }
}
.results__load-more-container--find {
  margin-top: 0;
}
.results__titles-title--admin span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.results__load-more-container--hidden {
  display: none;
}
.results__titles-title--check {
  margin-left: -28%;
  width: max-content;
}
@media (max-width: 1679px) {
  .results__titles-title--check {
    margin-left: -16%;
  }
}
@media (max-width: 1439px) {
  .results__titles-title--check {
    margin-left: -6%;
  }
}
.results__statistics {
  margin-top: 4rem;
}
.results__statistics--hidden {
  display: none;
}
.results__statistics span {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.results__statistics > .results__statistics-count {
  font-weight: 800;
}

.guest {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
  padding: 3rem 4.7rem;
  background-color: #f5f5f5;
}
@media (max-width: 1023px) {
  .guest {
    padding: 3rem 1rem;
  }
}
@media (max-width: 666px) {
  .guest {
    padding: 1.8rem 2.2rem;
  }
}
.guest__titles {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media (max-width: 666px) {
  .guest__titles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
.guest__title h5 {
  font-size: 3.6rem;
}
@media (max-width: 666px) {
  .guest__title h5 {
    font-size: 1.6rem;
  }
}
.guest__subtitle h6 {
  font-size: 2rem;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
}
@media (max-width: 666px) {
  .guest__subtitle h6 {
    font-size: 1.4rem;
  }
}
.guest__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 2.4rem;
  width: 100%;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  border-radius: 2rem;
}
@media (max-width: 666px) {
  .guest__info {
    padding: 1.4rem 1.8rem;
  }
}
.guest__info-container {
  display: grid;
  grid-template-columns: 0.55fr 0.95fr 0.75fr 0.75fr 0.89fr;
  gap: 2rem;
  width: 100%;
}
@media (max-width: 1200px) {
  .guest__info-container {
    grid-template-columns: 0.55fr 0.95fr 0.72fr 0.72fr 0.89fr;
    gap: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .guest__info-container {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
  }
}
@media (max-width: 666px) {
  .guest__info-container {
    grid-template-columns: 1fr;
  }
}
.guest__info-title span {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
}
.guest__info-description span {
  font-size: 1.6rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .guest__info-description span {
    font-size: 1.4rem;
  }
}
.guest__pictures {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2.5rem;
}

@media (max-width: 1023px) {
  .guest__pictures {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 666px) {
  .guest__pictures {
    grid-gap: 1rem;
  }
}
@media (max-width: 480px) {
  .guest__pictures {
    grid-template-columns: repeat(2, 1fr);
  }
}
.guest__pictures-container {
  width: 100%;
}
.guest__picture--hidden {
  display: none;
}
.guest__picture,
.guest__picture-button {
  flex: 1;
  height: 21rem;
  border-radius: 1.2rem;
}
@media (max-width: 1024px) {
  .guest__picture,
  .guest__picture-button {
    height: 24rem;
  }
}
@media (max-width: 666px) {
  .guest__picture,
  .guest__picture-button {
    height: 14rem;
  }
}
.guest__picture-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  cursor: pointer;
}
.guest__picture-button span {
  padding: 1rem;
  max-width: 12rem;
  font-size: 2rem;
  text-transform: uppercase;
  text-align: center;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .guest__picture-button span {
    max-width: none;
    font-size: 1.4rem;
  }
}
.guest__picture-button--hiden {
  display: none;
}
.guest__picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 1.2rem;
}

.guest__pictures-id-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.guest__description-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  gap: 1.2rem;
}
.guest__description-title span,
.guest__pictures-id span {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(55, 55, 55, 0.55);
}
.guest__description-text {
  max-width: 100%;
}
.guest__description-text span {
  font-size: 2.4rem;
  color: #1e1e1e;
  word-wrap: break-word;
}
@media (max-width: 666px) {
  .guest__description-text span {
    font-size: 1.4rem;
  }
}
.guest--hidden {
  display: none;
}

.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .not-found {
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.not-found__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
}
@media (max-width: 666px) {
  .not-found__info {
    width: 100%;
    gap: 3.2rem;
  }
}
.not-found__titles {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 666px) {
  .not-found__titles {
    width: 100%;
  }
}
.not-found__title h2 {
  font-size: 32rem;
  color: #1e1e1e;
}
@media (max-width: 666px) {
  .not-found__title h2 {
    font-size: 12.8rem;
  }
}
.not-found__icon {
  position: absolute;
  bottom: 8rem;
  right: -14rem;
}
@media (max-width: 666px) {
  .not-found__icon {
    display: none;
  }
}
.not-found__icon--reverse {
  top: 6rem;
  left: -14rem;
  transform: scaleX(-1);
}
.not-found__description {
  margin-top: -2rem;
  max-width: 58rem;
}
@media (max-width: 666px) {
  .not-found__description {
    max-width: 27.5rem;
    margin-top: -1rem;
  }
}
.not-found__description h4 {
  font-size: 4rem;
  text-align: center;
  color: rgba(55, 55, 55, 0.55);
}
@media (max-width: 666px) {
  .not-found__description h4 {
    font-size: 1.6rem;
  }
}
.page__container {
  padding-left: 15rem;
  padding-right: 15rem;
}
@media (max-width: 1365px) {
  .page__container {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
@media (max-width: 1023px) {
  .page__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page__container-scroll--disable {
  overflow-y: hidden;
}
.policy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .policy {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.policy__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .policy__info {
    width: 100%;
    gap: 3.2rem;
  }
}
.policy__policies-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.4rem;
  max-width: 86rem;
}
@media (max-width: 666px) {
  .policy__policies-container {
    gap: 3.2rem;
  }
}
.policy__policy-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .policy__policy-container {
    gap: 1.2rem;
  }
}
.policy__policy-title h4 {
  font-size: 4rem;
}
@media (max-width: 666px) {
  .policy__policy-title h4 {
    font-size: 1.6rem;
  }
}
.policy__policy-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
}
@media (max-width: 666px) {
  .policy__policy-text {
    gap: 1rem;
  }
}
.policy__policy-text span {
  font-size: 2.4rem;
}
@media (max-width: 666px) {
  .policy__policy-text span {
    font-size: 1.2rem;
  }
}
.policy__policy-text span a {
  color: #1da6dd;
}
.registration {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .registration {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.registration__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .registration__info {
    width: 100%;
    gap: 1.2rem;
  }
}
.form__account {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
@media (max-width: 666px) {
  .socials {
    gap: 1.4rem;
    width: 100%;
  }
}
.socials__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4.8rem;
  width: 96.8rem;
  border-top: 0.1rem solid rgba(30, 30, 30, 0.1);
}
@media (max-width: 1023px) {
  .socials__container {
    width: auto;
  }
}
@media (max-width: 666px) {
  .socials__container {
    padding-top: 3.2rem;
    width: 100%;
  }
}
.socials__title {
  margin-bottom: 3.3rem;
}
@media (max-width: 666px) {
  .socials__title {
    margin-bottom: 1.6rem;
  }
}
.socials__title h4 {
  text-align: center;
}
@media (max-width: 666px) {
  .socials__title h4 {
    font-size: 2.4rem;
  }
}
@media (max-width: 666px) {
  .social {
    width: 100%;
  }
}
.terms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4rem;
  padding-top: 14rem;
  margin-bottom: 16.4rem;
}
@media (max-width: 666px) {
  .terms {
    gap: 4.8rem;
    margin-bottom: 6.4rem;
    padding-top: 0;
  }
}
.terms__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.6rem;
}
@media (max-width: 666px) {
  .terms__info {
    width: 100%;
    gap: 3.2rem;
  }
}
.terms__conditions-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.4rem;
  max-width: 86rem;
}
@media (max-width: 666px) {
  .terms__conditions-container {
    gap: 3.2rem;
  }
}
.terms__terms-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .terms__terms-container {
    gap: 1.2rem;
  }
}
.terms__terms-title h4 {
  font-size: 4rem;
}
@media (max-width: 666px) {
  .terms__terms-title h4 {
    font-size: 1.6rem;
  }
}
.terms__terms-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
}
@media (max-width: 666px) {
  .terms__terms-text {
    gap: 1rem;
  }
}
.terms__terms-text span,
.terms__terms-list li {
  font-size: 2.4rem;
}
@media (max-width: 666px) {
  .terms__terms-text span,
  .terms__terms-list li {
    font-size: 1.2rem;
  }
}
.terms__terms-list li {
  list-style: disc;
}
#phone::placeholder {
  color: rgba(55, 55, 55, 0.55);
}

.incidents,
.requests,
.activity,
.admins,
.users {
  padding-top: 13rem;
  padding-bottom: 9rem;
}
.incidents__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-bottom: 5.6rem;
}
.incidents__filter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.incidents__filter span {
  padding: 0.4rem 0.8rem;
  font-size: 2.2rem;
  font-weight: 300;
  cursor: pointer;
}
.incidents__filter--active span {
  font-weight: 800;
}
.incidents__filters--users {
  margin-bottom: 3rem;
}

.users__button {
  margin-bottom: 3rem;
}
.users__button--hidden {
  display: none;
}

.admins__button {
  margin-top: 3rem;
  order: 1;
}

.button__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2.9rem 1rem;
  width: 23.6rem;
  font-family: Gilroy-Regular, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #1db0eb;
  border: 0.2rem solid #1db0eb;
  border-radius: 4rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .button__link {
    padding: 1.3rem 1rem;
    width: 16.4rem;
    font-size: 1.4rem;
  }
}
.button__link:hover {
  color: #fff;
  background-color: #1da6dd;
  border-color: #1da6dd;
}
.button__link--outline {
  color: #1db0eb;
  background-color: transparent;
}
.button__link--search-admin {
  padding: 1rem 8.8rem;
  font-weight: 800;
}
.button__link--form {
  padding: 1.1rem 1rem;
  width: 12rem;
  font-size: 1.4rem;
}
@media (max-width: 666px) {
  .button__link--form {
    padding: 0.9rem 1rem;
    width: 8rem;
    font-size: 1.2rem;
  }
}
.button__link--form-outline {
  padding: 1.1rem 1rem;
  width: 12rem;
  font-size: 1.4rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 666px) {
  .button__link--form-outline {
    padding: 0.9rem 1rem;
    width: 8rem;
    font-size: 1.2rem;
  }
}
.button__link--small {
  padding: 1.1rem 1rem;
  width: 9.6rem;
  border-radius: 2.2rem;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .button__link--small {
    padding: 1.3rem 1rem;
  }
}
.button__link--small-outline {
  padding: 1.1rem 1rem;
  width: 9.6rem;
  border-radius: 2.2rem;
  font-size: 1.4rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 1023px) {
  .button__link--small-outline {
    padding: 1.3rem 1rem;
  }
}
.button__link--small-outline-free {
  padding: 1.6rem 2.4rem;
  width: auto;
  border-radius: 2.6rem;
  font-size: 1.4rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 666px) {
  .button__link--small-outline-free {
    width: 16.6rem;
  }
}
.button__link--small-outline-code {
  padding: 1.1rem 2.4rem;
  width: auto;
  border-radius: 2.6rem;
  font-size: 1.4rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 666px) {
  .button__link--small-outline-code {
    padding: 1.1rem 2rem;
    font-size: 1.2rem;
  }
}
.button__link--small-black {
  padding: 1.1rem 1rem;
  width: 9.6rem;
  border-radius: 2.2rem;
  font-size: 1.4rem;
  color: #1e1e1e;
  background-color: #fff;
  border-color: #fff;
}
@media (max-width: 1023px) {
  .button__link--small-black {
    padding: 1.3rem 1rem;
  }
}
.button__link--small-black-outline {
  padding: 1.1rem 1rem;
  width: 9.6rem;
  border-radius: 2.2rem;
  font-size: 1.4rem;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
@media (max-width: 1023px) {
  .button__link--small-black-outline {
    padding: 1.3rem 1rem;
  }
}
.button__link--flat-outline {
  padding: 1.1rem 1rem;
  width: 20.4rem;
  border-radius: 2.2rem;
  font-size: 1.4rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 1023px) {
  .button__link--flat-outline {
    padding: 1.3rem 1rem;
  }
}
.button__link--guest {
  padding: 1.1rem 1.6rem;
  width: auto;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  border-radius: 2.1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #1e1e1e;
  background-color: transparent;
}
@media (max-width: 1023px) {
  .button__link--guest {
    width: 8.8rem;
  }
}
@media (max-width: 666px) {
  .button__link--guest {
    width: 6.4rem;
    font-size: 1.2rem;
  }
}
.button__link--guest:hover {
  color: #1db0eb;
  border: 0.1rem solid rgba(55, 55, 55, 0.25);
  background-color: transparent;
}
.button__link--guest-admin {
  width: 30rem;
  font-weight: 700;
  text-transform: uppercase;
}
.button__link--admin {
  padding: 0.8rem 1.6rem;
  width: 15rem;
  font-weight: 800;
}
.button__link--full {
  width: 100%;
}
.button__link--back {
  padding: 1.5rem 1rem;
  width: 11.2rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 666px) {
  .button__link--back {
    padding: 1rem 1rem;
    width: 8rem;
    font-size: 1.4rem;
  }
}
.button__link--disabled {
  color: #d7d7d7;
  border-color: #d7d7d7;
  pointer-events: none;
}
.button__link--change {
  width: 53.2rem;
  height: 9rem;
  border-radius: 2rem;
  color: #1db0eb;
  background-color: transparent;
}
@media (max-width: 1023px) {
  .button__link--change {
    width: 42rem;
  }
}
@media (max-width: 666px) {
  .button--change,
  .button__link--change {
    width: 100%;
  }
  .button__link--change {
    height: 5.4rem;
  }
}
.button-social {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.2rem 11rem;
  width: 50.2rem;
  height: 8rem;
  font-size: 1.6rem;
  font-weight: 600;
  background-color: #f5f5f5;
  border-radius: 12.4rem;
}
@media (max-width: 666px) {
  .button-social {
    padding: 1.3rem 1rem;
    width: 100%;
    height: 6.4rem;
    font-size: 1.4rem;
  }
}
.button-social img {
  margin-right: 2.4rem;
}
@media (max-width: 666px) {
  .button-social img {
    margin-right: 1.1rem;
  }
}
.button-link {
  font-size: 1.6rem;
  text-decoration: underline;
}
.button-link--blue {
  color: #1db0eb;
}
.button-togle__container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.button-togle {
  position: relative;
  width: 12.1rem;
  height: 5.3rem;
  border-radius: 5rem;
  overflow: hidden;
}
.button-togle--or-and {
  width: 6rem;
  height: 3rem;
  margin: -1rem 0 -1rem;
}
@media (max-width: 666px) {
  .button-togle {
    width: 6rem;
    height: 3rem;
  }
  .button-togle--or-and {
    margin: 0;
  }
}
.button-togle .knobs,
.button-togle .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.button-togle .layer {
  border-radius: 5rem;
}
.button-togle .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.button-togle .knobs {
  z-index: 2;
}
.button-togle .layer {
  width: 100%;
  background-color: #fff;
  border: 0.1rem solid #e9e9e9;
  transition: 0.3s ease all;
  z-index: 1;
}
.button-togle--or-and .layer--or-and {
  border: 0.1rem solid #1db0eb;
}
.button-togle .knobs span,
.button-togle .knobs:after,
.button-togle .knobs:before {
  position: absolute;
  top: 0.5rem;
  height: 2rem;
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
  transition: 0.3s ease all;
}
.button-togle--or-and .knobs--or-and span,
.button-togle--or-and .knobs--or-and:after,
.button-togle--or-and .knobs--or-and:before {
  font-size: 1.2rem;
}
@media (max-width: 666px) {
  .button-togle .knobs span,
  .button-togle .knobs:after,
  .button-togle .knobs:before {
    font-size: 1.2rem;
  }
}
.button-togle .knobs:after,
.button-togle .knobs:before {
  padding: 1rem 2rem;
  color: #d7d7d7;
  z-index: 1;
}
.button-togle--or-and .knobs--or-and:after,
.button-togle--or-and .knobs--or-and:before {
  padding: 0.3rem 0.5rem;
}
@media (max-width: 666px) {
  .button-togle .knobs:after,
  .button-togle .knobs:before {
    padding: 0.3rem 0.5rem;
  }
}
.button-togle .knobs:before {
  content: 'Yes';
  left: 0.4rem;
  color: #fff;
}
.button-togle .knobs:after {
  content: 'No';
  right: 0.4rem;
}
.button-togle--or-and .knobs--or-and:after {
  content: 'Or';
  right: 0.4rem;
  color: #1db0eb;
}
.button-togle--or-and .knobs--or-and:before {
  content: 'And';
  left: 0.4rem;
  color: #fff;
}
.button-togle .knobs span {
  width: 4.3rem;
  height: 4.3rem;
  left: 0.7rem;
  background-color: #d7d7d7;
  border-radius: 50%;
  z-index: 2;
}
.button-togle--or-and .knobs--or-and span {
  top: 0.35rem;
  width: 2.3rem;
  height: 2.3rem;
  left: 0.4rem;
  background-color: #1db0eb;
}
@media (max-width: 666px) {
  .button-togle .knobs span {
    top: 0.35rem;
    width: 2.3rem;
    height: 2.3rem;
    left: 0.4rem;
  }
}
.button-togle .checkbox:checked + .knobs span {
  left: 7.1rem;
  background-color: #fff;
}
.button-togle--or-and .checkbox--or-and:checked + .knobs--or-and span {
  left: 3.35rem;
}
@media (max-width: 666px) {
  .button-togle .checkbox:checked + .knobs span {
    left: 3.35rem;
  }
}
.button-togle .checkbox:checked ~ .layer {
  border: 0.1rem solid #1db0eb;
  background-color: #1db0eb;
}
.open-popup,
.account__popup {
  border-radius: 4.4rem;
}
.open-popup__content,
.account__popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.6rem;
  padding: 6.4rem 9.6rem;
}
@media (max-width: 666px) {
  .open-popup__content,
  .account__popup-content {
    gap: 1.4rem;
    padding: 4rem 6rem;
  }
}
.open-popup__content h5,
.account__popup-content h5 {
  text-align: center;
}
.open-popup__title,
.account__popup-content-title {
  max-width: 63rem;
}
@media (max-width: 666px) {
  .open-popup__title,
  .account__popup-content-title {
    max-width: 30rem;
  }
}
.footer {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
  background-color: #f5f5f5;
}
@media (max-width: 666px) {
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    gap: 3.2rem;
  }
}
.footer p {
  font-size: 1.6rem;
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 4.3rem;
  max-width: 34.6rem;
}
.footer__info span {
  font-weight: 500;
}
@media (max-width: 666px) {
  .footer__info {
    gap: 3.2rem;
  }
}
.footer__info-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 666px) {
  .footer__info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
  }
}
.footer__info-socials {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media (max-width: 666px) {
  .footer__info-socials {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.footer__info-social {
  cursor: pointer;
}
@media (max-width: 666px) {
  .footer__info-description p {
    text-align: center;
  }
}
@media (max-width: 666px) {
  .footer__copyright p {
    font-size: 1.2rem;
    text-align: center;
  }
  .footer__copyright span {
    display: block;
  }
}
.footer__copyright-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4.8rem;
  border-top: 0.1rem solid rgba(30, 30, 30, 0.1);
}
@media (max-width: 666px) {
  .footer__copyright-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column-reverse;
    gap: 3.2rem;
    padding-top: 0;
    border-top: none;
  }
}
.footer__copyright-links {
  display: flex;
  gap: 4.8rem;
}
@media (max-width: 666px) {
  .footer__copyright-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
  }
}
.footer__copyright-link {
  cursor: pointer;
}
.footer__copyright-link > a > p {
  transition: all 0.3s ease-in-out;
}
.footer__copyright-link:hover > a > p {
  color: #1db0eb;
}

.loader {
  width: 3rem;
  height: 3rem;
  border: 0.4rem solid rgba(55, 55, 55, 0.55);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  background-color: #fff;
}
@media (max-width: 666px) {
  .loader {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.loader-container {
  display: block;
  position: absolute;
  top: 34%;
  right: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 666px) {
  .loader-container {
    right: 1rem;
  }
}
.loader-container--results {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6rem;
  top: auto;
  right: auto;
  width: auto;
  height: auto;
}
.loader-container--admin {
  width: 100%;
  height: 30rem;
}
.loader--results {
  width: 12.8rem;
  height: 12.8rem;
  border: 0.3rem solid #1db0eb;
  border-bottom-color: transparent;
}
.loader-text {
  position: absolute;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #1db0eb;
  text-transform: uppercase;
}
.loader-container--hidden {
  display: none;
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.nav__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.2rem 10rem;
}
@media (max-width: 1023px) {
  .nav__content {
    display: none;
  }
}
.nav__logo {
  width: 9.2rem;
  height: 4.4rem;
}
.nav__logo__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.nav__logo--admin {
  width: auto;
  height: auto;
}
.nav__logo--admin > a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.nav__logo__image--admin {
  width: 3.6rem;
  height: 3.2rem;
}
.nav__logo__link {
  display: block;
  font-size: 1.6rem;
  font-weight: 800;
  text-transform: uppercase;
}
.nav__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.4rem;
}
.nav__link {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #131313;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.nav__link:hover {
  color: #1db0eb;
}
.nav__link:hover::after {
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #1db0eb;
  position: absolute;
  bottom: -0.7rem;
  left: 0;
}
.nav__buttons {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.nav-mobile__content {
  display: none;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .nav-mobile__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.nav-mobile__logo-image {
  width: 8rem;
  height: 3.6rem;
}
.nav-mobile__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6.7rem;
  z-index: 4;
}
.nav-mobile__lists {
  display: none;
  gap: 2.4rem;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  padding: 6.7rem 2.5rem 6.4rem;
  height: 100vh;
  visibility: hidden;
  background-color: #fff;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out;
}
.nav-mobile__lists--active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-mobile__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  gap: 1.6rem;
  padding: 2.4rem 0;
  width: 100%;
  border-top: 0.1rem solid rgba(30, 30, 30, 0.1);
  border-bottom: 0.1rem solid rgba(30, 30, 30, 0.1);
}
.nav-mobile__link {
  font-size: 2.4rem;
  font-weight: 700;
  color: #131313;
}
.nav-mobile__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
}
.nav-mobile__button {
  width: 100%;
}
#g-recaptcha-error-change-email,
#g-recaptcha-error-change-password,
#g-recaptcha-error-change-phone,
#g-recaptcha-error-registration,
#g-recaptcha-error-forgot-password,
#g-recaptcha-error-search {
  position: absolute;
  top: -1.4rem;
  right: 0;
}
#g-recaptcha-error-change-email span,
#g-recaptcha-error-change-password span,
#g-recaptcha-error-change-phone span,
#g-recaptcha-error-registration span,
#g-recaptcha-error-forgot-password span,
#g-recaptcha-error-search span {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #eb1d1d;
}
@media (max-width: 666px) {
  #g-recaptcha-error-change-email span,
  #g-recaptcha-error-change-password span,
  #g-recaptcha-error-change-phone span,
  #g-recaptcha-error-registration span,
  #g-recaptcha-error-forgot-password span,
  #g-recaptcha-error-search span {
    font-size: 0.8rem;
  }
}
.form__captcha {
  position: relative;
  margin-bottom: 4.8rem;
}

.select2 {
  width: 100% !important;
  height: 9rem;
  padding: 3.7rem 3.2rem 2.4rem;
  border: 0.2rem solid rgba(55, 55, 55, 0.1);
  border-radius: 2rem;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  margin-top: -1rem;
  border: none !important;
}
@media (max-width: 666px) {
  .select2-container--default.select2-container--focus
    .select2-selection--multiple {
    margin-top: 0;
  }
}
@media (max-width: 666px) {
  .select2 {
    padding: 1.8rem 2rem 1.2rem;
    width: 100%;
    height: 5.4rem;
  }
}
.select2-container .select2-selection {
  border: none;
  background: 0 0;
}
.select2-container .select2-dropdown {
  border: none;
  background: 0 0;
  background-color: #f5f5f5;
  box-shadow: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
.select2-results__option {
  color: #1e1e1e;
  background-color: #f5f5f5;
  padding: 0.6rem 3rem;
}
@media (max-width: 666px) {
  .select2-results__option {
    padding: 1.2rem 2rem;
  }
}
.select2-container .select2-dropdown {
  border: 0.2rem solid #dcdcdc;
  border-radius: 2rem;
}
.select2-search--dropdown {
  padding: 1rem !important;
  background-color: #f5f5f5;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  font-weight: 300;
  color: #1e1e1e;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 2rem;
  height: 8rem;
}
@media (max-width: 666px) {
  .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 1.5rem;
    height: 5rem;
  }
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
}
@media (max-width: 666px) {
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 1.4rem;
  }
}
.select2-results {
  font-size: 2rem;
}
@media (max-width: 666px) {
  .select2-results {
    font-size: 1.2rem;
  }
}
.select2-text--scrolling {
  color: #1e1e1e !important;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  color: #1db0eb;
  background-color: #e9e9e9;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #fff;
}
.select2.select2-container--disabled {
  border: 0.2rem solid #f5f5f5;
}
.select2-container--disabled span {
  color: #f5f5f5 !important;
}
.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #f5f5f5 transparent transparent transparent;
}
.select2-results__options {
  border-radius: 2rem;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  height: 2.8rem !important;
}
.form__select-container--complaintReason > .select2 {
  overflow: scroll !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.form__select-container--complaintReason-closed:before {
  content: ' ';
  display: block;
  position: absolute;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 28px;
  margin-left: -4px;
  margin-top: -2px;
  top: 50%;
  width: 0;
  cursor: pointer;
}
.form__select-container--complaintReason-open:before {
  content: ' ';
  display: block;
  position: absolute;
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
  height: 0;
  right: 28px;
  margin-left: -4px;
  margin-top: -2px;
  top: 50%;
  width: 0;
  cursor: pointer;
}
@media (max-width: 1365px) {
  .form__select-container--complaintReason-closed:before {
    right: 20px;
  }
  .form__select-container--complaintReason-open:before {
    right: 20px;
  }
}
@media (max-width: 666px) {
  .form__select-container--complaintReason > .select2 {
    padding: 2.2rem 2rem 1.2rem !important;
  }
}
.form__select-container--complaintReason > .select2::-webkit-scrollbar {
  display: none !important;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #fff !important;
  border-right: none !important;
  padding: 0.8rem !important;
  font-size: 1.6rem !important;
}
@media (max-width: 666px) {
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    padding: 0.5rem 0.5rem 0.5rem 0.6rem !important;
    font-size: 1rem !important;
  }
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:focus {
  background-color: #1eb1eb !important;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  display: inline-flex !important;
  padding: 1.6rem 0.8rem !important;
  padding-left: 1.7rem !important;
  background-color: #1eb1eb !important;
  border: 0.1rem solid #1eb1eb !important;
  color: #fff !important;
  border-radius: 4rem !important;
  height: 2rem !important;
  vertical-align: top !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 666px) {
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    padding: 1rem 0.8rem !important;
  }
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__display {
  display: block !important;
  padding-left: 0.8rem !important;
  font-size: 1.6rem;
}
@media (max-width: 666px) {
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
    font-size: 1rem;
  }
}

.form__input-container--currency-select > .select2 {
  border: none;
}
.form__input-container--currency-select
  > .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 65%;
  left: 6.2rem;
}
@media (max-width: 666px) {
  .form__input-container--currency-select
    > .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    top: 60%;
    left: 4.3rem;
  }
}

#country-error,
#state-error,
#professionalType-error {
  position: absolute;
  top: 1.8rem;
  right: 3.2rem;
  font-family: Gilroy, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #eb1d1d;
}
@media (max-width: 666px) {
  #country-error,
  #state-error,
  #professionalType-error {
    top: 1.2rem;
    right: 2rem;
    font-size: 0.8rem;
  }
}

.phone-input {
  width: 53.2rem;
}
@media (max-width: 1023px) {
  .phone-input {
    width: auto;
  }
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: transparent !important;
}
.iti__selected-flag {
  padding: 3.7rem 3.2rem 2.4rem !important;
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 2rem !important;
  order: 1;
  font-family: Gilroy, Arial, Helvetica, sans-serif !important;
  font-size: 2.4rem !important;
  font-weight: 300 !important;
  color: #1e1e1e !important;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type='text'],
.iti--allow-dropdown input.iti__tel-input[type='tel'],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type='text'],
.iti--show-selected-dial-code input.iti__tel-input[type='tel'] {
  padding-left: 15.6rem !important;
}
.iti__country {
  padding: 1.2rem 1rem !important;
  font-size: 1.4rem !important;
}
@media (max-width: 666px) {
  .phone-input {
    width: 100%;
  }
  .iti__selected-flag {
    padding: 2.3rem 2rem 1.2rem !important;
  }
  .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 1.4rem !important;
    font-size: 1.4rem !important;
  }
  .iti--allow-dropdown input.iti__tel-input,
  .iti--allow-dropdown input.iti__tel-input[type='text'],
  .iti--allow-dropdown input.iti__tel-input[type='tel'],
  .iti--show-selected-dial-code input.iti__tel-input,
  .iti--show-selected-dial-code input.iti__tel-input[type='text'],
  .iti--show-selected-dial-code input.iti__tel-input[type='tel'] {
    padding-left: 10rem !important;
  }
}

.guest__pictures-swiper-popup {
  width: 100%;
  height: 70%;
  background-color: transparent !important;
}
@media (max-width: 1365px) {
  .guest__pictures-swiper-popup {
    height: 50%;
  }
}
.guest__pictures-swiper-popup-close {
  position: absolute;
  top: 0;
  right: 2%;
  z-index: 2;
  cursor: pointer;
}
@media (max-width: 1365px) {
  .guest__pictures-swiper-popup-close {
    right: 0;
  }
  .guest__pictures-swiper-popup-close img {
    width: 12rem;
  }
}
@media (max-width: 1023px) {
  .guest__pictures-swiper-popup-close {
    display: none;
  }
}
.guest__buttons-container {
  display: flex;
  justify-content: center;
  gap: 5rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .guest__buttons-container {
    flex-direction: column;
  }
}
.guest__pictures-swiper-popup-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.guest__swipers {
  width: 80%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  background-color: transparent;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.guest__swiper-pictures {
  height: 82%;
}
@media (max-width: 1023px) {
  .guest__swiper-pictures {
    height: 100%;
  }
}
.guest__swiper-thumbs {
  height: 18%;
  box-sizing: border-box;
  padding: 1rem 0 0 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .guest__swiper-thumbs {
    display: none;
  }
}
.guest__swiper-thumbs .swiper-slide {
  height: 100%;
}
.guest__swiper-thumbs .swiper-slide:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.guest__swiper-thumbs .swiper-slide-thumb-active:after {
  content: none;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guest__swiper-pictures .swiper-slide img {
  object-fit: contain;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: none !important;
}
.swiper-button-prev img {
  transform: rotate(180deg);
}
@media (max-width: 1365px) {
  .swiper-button-prev img,
  .swiper-button-next img {
    width: 10rem;
    height: 10rem;
  }
}
.swiper-button-prev,
.swiper-button-next {
  outline: none !important;
}
.swiper-button-prev {
  left: 4% !important;
}
.swiper-button-next {
  right: 4% !important;
}
@media (max-width: 1023px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
}

#pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 7rem;
}
#pagination > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
#pagination > ul > li {
  color: rgba(0, 0, 0, 0.4);
  display: flex;
}
#pagination > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.6rem;
  font-size: 2.4rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
}
#pagination > ul > li.active > a {
  color: #000;
}
.arrow {
  border: solid black;
  border-width: 0 0.3rem 0.3rem 0;
  display: inline-block;
  padding: 0.3rem;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}