:root {
  --font-family: "Poppins", sans-serif;
  --content-width: 1270px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --regular-font: 400;
  --semibold-font: 600;
  --bold-font: 700;
  --bg-color:#2C0023;
  --secondary-color:#6D0057;
  --white-color:#ffffff;
  --yellow-color:#F6EB86;
  --pink-color: #DC5AF2;
  --border-radius: 8px;
  --gradient: linear-gradient(180deg, #D1BF74 0%, #DC5AF2 100%);
  --transition: .2s ease-in-out;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable value-keyword-case */
@font-face {
  font-family: "Poppins";
  src: url("/luckyvistaau-fonts/luckyvistaau-Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/luckyvistaau-fonts/luckyvistaau-Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

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

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
}

.page {
  overflow-x: hidden;
  height: 100%;
}

.page__body {
  position: relative;
  overflow-x: hidden;
  margin: 0;
  min-width: 320px;
  min-height: 100%;
  font-family: var(--font-family);
  font-weight: var(--regular-font);
  font-size: 16px;
  color: var(--white-color);
  background-color: var(--bg-color);
}

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.site-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
}

.main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.main--secondary .czafloris-hero {
  display: none;
}

.is-hidden {
  display: none !important;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

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

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

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

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.centered {
  text-align: center;
}

.page--ios .dis-scroll {
  position: relative;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6784313725);
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
}

.popup {
  padding: 32px;
  border-radius: 10px;
  background: var(--secondary-color);
  max-width: 500px;
  width: 90%;
  display: none;
  position: relative;
}

.popup input {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  padding: 14px 16px;
  outline: none;
  border: none;
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  border-radius: var(--border-radius);
  background: var(--white-color);
}
.popup input::-webkit-input-placeholder {
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.popup input::-moz-placeholder {
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  -moz-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.popup input:-ms-input-placeholder {
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.popup input::-ms-input-placeholder {
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.popup input::placeholder {
  font-family: var(--font-family);
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.popup input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.popup input:focus::-moz-placeholder {
  opacity: 0;
}
.popup input:focus:-ms-input-placeholder {
  opacity: 0;
}
.popup input:focus::-ms-input-placeholder {
  opacity: 0;
}
.popup input:focus::placeholder {
  opacity: 0;
}

.popup__btn {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  padding: 14px 24px;
  border-radius: var(--border-radius);
  font-size: clamp(0.75rem, 0.663rem + 0.43vw, 1rem);
  font-weight: 700;
  line-height: 120%;
  color: var(--bg-color);
  background: var(--gradient);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.popup__btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white-color);
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.popup__btn span {
  position: relative;
  z-index: 2;
}
.popup__btn:hover::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.popup h2 {
  margin-bottom: 10px;
  font-size: clamp(1.25rem, 0.989rem + 1.3vw, 2rem);
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  color: var(--white-color);
  text-transform: uppercase;
}
.popup h3 {
  margin-bottom: 24px;
  font-size: clamp(1.25rem, 0.989rem + 1.3vw, 2rem);
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  color: var(--white-color);
  text-transform: uppercase;
}
.popup p {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: var(--white-color);
  text-align: center;
}
.popup p a {
  color: var(--yellow-color);
}

.dom-section {
  padding: 80px 0;
}
.dom-section__headline {
  margin-bottom: 24px;
  font-size: clamp(1.5rem, 1.196rem + 1.52vw, 2.375rem);
  font-weight: 700;
  line-height: 120%;
  color: var(--white-color);
  text-transform: uppercase;
}
.dom-section__title {
  margin-bottom: 24px;
  font-size: clamp(1.25rem, 1.033rem + 1.09vw, 1.875rem);
  font-weight: 700;
  line-height: 120%;
  color: var(--white-color);
  text-transform: uppercase;
}
.dom-section__text {
  margin-bottom: 24px;
  font-size: clamp(0.875rem, 0.832rem + 0.22vw, 1rem);
  color: var(--white-color);
  line-height: 150%;
}
.dom-section__btn {
  position: relative;
  overflow: hidden;
  display: block;
  width: 246px;
  padding: 14px 24px;
  border-radius: var(--border-radius);
  font-size: clamp(0.75rem, 0.663rem + 0.43vw, 1rem);
  font-weight: 700;
  line-height: 120%;
  color: var(--bg-color);
  background: var(--gradient);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.dom-section__btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--white-color);
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.dom-section__btn span {
  position: relative;
  z-index: 2;
}
.dom-section__btn:hover::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 500px) {
  .dom-section {
    padding: 40px 0;
  }
  .dom-section__btn {
    width: 100%;
  }
}
.luckyvistaau-header {
  padding: 14px 0;
  width: 100%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.luckyvistaau-header__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.luckyvistaau-header__logo svg {
  width: 32px;
  height: 32px;
}
.luckyvistaau-header__logo span {
  font-size: clamp(1.063rem, 0.823rem + 1.2vw, 1.75rem);
  font-weight: 700;
  color: var(--yellow-color);
  text-transform: uppercase;
}
.luckyvistaau-header__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px;
}
.luckyvistaau-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
.luckyvistaau-header__link {
  position: relative;
  display: block;
  font-size: 14px;
  color: var(--white-color);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.luckyvistaau-header__link:hover {
  font-weight: var(--bold-hover);
  color: var(--pink-color);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.25);
}
.luckyvistaau-header__link--active {
  font-weight: var(--bold-hover);
  color: var(--pink-color);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.25);
}
.luckyvistaau-header__btns {
  gap: 10px;
}
.luckyvistaau-header__btn {
  display: block;
  padding: 14px 24px;
  border-radius: var(--border-radius);
  font-size: 16px;
  font-weight: var(--bold-font);
  line-height: 120%;
  color: var(--bg-color);
  background: var(--gradient);
  -webkit-transition: -webkit-transform var(--transition);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
}
.luckyvistaau-header__btn:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.luckyvistaau-burger {
  position: relative;
  z-index: 1000;
  display: none;
  padding: 0;
  width: 34px;
  height: 20px;
  margin-left: auto;
  cursor: pointer;
}
.luckyvistaau-burger__line {
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: var(--purpple-color);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.luckyvistaau-burger::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: var(--purpple-color);
  -webkit-transition: top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.luckyvistaau-burger::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--purpple-color);
  -webkit-transition: bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, bottom 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.luckyvistaau-burger--active .luckyvistaau-burger__line {
  opacity: 0;
}
.luckyvistaau-burger--active::before {
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.luckyvistaau-burger--active::after {
  top: 50%;
  bottom: auto;
  width: 100%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (width <= 767px) {
  .luckyvistaau-nav {
    display: none;
  }
  .luckyvistaau-header__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .luckyvistaau-header__logo img {
    width: 20px;
    height: 20px;
  }
  .luckyvistaau-header__btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 16px;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    width: 100%;
  }
  .luckyvistaau-header__btn {
    padding: 10px 20px;
    text-align: center;
  }
  .luckyvistaau-header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    gap: 20px;
  }
  .luckyvistaau-header__link {
    font-size: 22px;
    line-height: 145%;
    text-transform: uppercase;
  }
}
.dom-hero {
  padding: 80px 0;
}
.dom-hero__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}
.dom-hero__descr {
  max-width: 600px;
}
.dom-hero__pic {
  max-width: 500px;
}
.dom-hero__text {
  margin-bottom: 24px;
  font-size: clamp(1rem, 0.957rem + 0.22vw, 1.125rem);
  line-height: 150%;
}
.dom-hero__btn {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 10px 20px;
  min-width: 206px;
  border-radius: var(--border-radius);
  background-color: var(--white-color);
}
.dom-hero__btn span {
  position: relative;
  z-index: 2;
  font-size: 12px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(#D1BF74), to(#DC5AF2));
  background: linear-gradient(180deg, #D1BF74 0%, #DC5AF2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dom-hero__btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  background-color: var(--yellow-color);
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.dom-hero__btn::after {
  content: "";
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: var(--gradient);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  border-radius: var(--border-radius);
}
.dom-hero__btn:hover::before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.dom-hero__pic img {
  display: block;
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1000px) {
  .dom-hero {
    padding: 40px 0;
  }
  .dom-hero__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dom-hero__descr {
    max-width: 100%;
  }
  .dom-hero__pic {
    max-width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .dom-hero__btn {
    width: 100%;
  }
  .dom-hero__pic {
    max-width: 100%;
  }
}
.dom-about__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.dom-about__info {
  max-width: 700px;
}
.dom-about__pic img {
  display: block;
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1000px) {
  .dom-about__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dom-about__info {
    max-width: 100%;
  }
  .dom-about__pic {
    max-width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .dom-about__pic {
    max-width: 100%;
  }
}
.dom-counter {
  padding: 40px 0;
  background-color: var(--secondary-color);
}
.dom-counter__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.dom-counter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}
.dom-counter__title {
  font-family: var(--title-font);
  font-size: clamp(1.5rem, 1.071rem + 1.9vw, 2.5rem);
  line-height: 150%;
  color: var(--purpple-color);
  text-align: center;
}
.dom-counter__text {
  font-family: var(--title-font);
  font-size: clamp(1rem, 0.946rem + 0.24vw, 1.125rem);
  line-height: 150%;
  color: var(--purpple-color);
  text-align: center;
}

@media screen and (max-width: 500px) {
  .dom-counter__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1000px) {
  .dom-benefits__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dom-features__title {
  margin-bottom: 40px;
  text-align: center;
}
.dom-features__list {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.dom-features__item {
  padding: 24px;
  border-radius: var(--border-radius);
  background: var(--secondary-color);
}
.dom-features__item h3 {
  margin-bottom: 16px;
  font-size: clamp(0.875rem, 0.832rem + 0.22vw, 1rem);
  font-weight: 400;
  line-height: 130%;
}
.dom-features__item p {
  font-size: clamp(0.875rem, 0.832rem + 0.22vw, 1rem);
  font-weight: 400;
  line-height: 150%;
}

@media screen and (max-width: 767px) {
  .dom-features__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .dom-features__item {
    padding: 16px;
  }
}
.contact-block {
  background-color: var(--yellow-color);
}
.contact-block__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  padding: 40px;
  border-radius: var(--border-radius);
  background: var(--secondary-color);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.contact-block__body--sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact-block__body--sb .contact-block__title {
  margin-bottom: 0;
}
.contact-block__link {
  text-align: center;
}
.contact-block__info {
  max-width: 875px;
}

.dom__contact-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.dom__contact-pic {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dom__contact-pic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-form {
  display: block;
  width: 700px;
  max-width: 100%;
}
.contact-form__field textarea {
  display: block;
  width: 100%;
  outline: none;
  resize: none;
  min-height: 100px;
  padding: 14px 16px;
  border: 1px solid #E6E6E6;
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  background: var(--white-color);
}
.contact-form__field textarea::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__field textarea::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -moz-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__field textarea:-ms-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__field textarea::-ms-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__field textarea::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__field textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.contact-form__field textarea:focus::-moz-placeholder {
  opacity: 0;
}
.contact-form__field textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.contact-form__field textarea:focus::-ms-input-placeholder {
  opacity: 0;
}
.contact-form__field textarea:focus::placeholder {
  opacity: 0;
}
.contact-form__field:last-of-type {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact-form__field:not(:last-child) {
  margin-bottom: 16px;
}
.contact-form__label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 400;
  line-height: 150%;
}
.contact-form__input {
  display: inline-block;
  width: 100%;
  outline: none;
  padding: 14px 16px;
  border: 1px solid #E6E6E6;
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  background: var(--white-color);
}
.contact-form__input::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -moz-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__input:-ms-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__input::-ms-input-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -ms-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  line-height: 130%;
  color: #999;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.contact-form__input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.contact-form__input:focus::-moz-placeholder {
  opacity: 0;
}
.contact-form__input:focus:-ms-input-placeholder {
  opacity: 0;
}
.contact-form__input:focus::-ms-input-placeholder {
  opacity: 0;
}
.contact-form__input:focus::placeholder {
  opacity: 0;
}
.contact-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-form__checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact-form__checkbox-label a {
  color: var(--white-color);
  text-decoration: underline;
}

@media screen and (max-width: 1000px) {
  .dom__contact-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dom__contact-form {
    width: 100%;
  }
  .dom__contact-pic {
    max-width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .contact-block__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  .contact-block__link {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 10px 20px;
    min-width: 206px;
    width: 100%;
    border-radius: var(--border-radius);
    background: var(--white-color);
  }
  .contact-block__link span {
    position: relative;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, left bottom, from(#D1BF74), to(#DC5AF2));
    background: linear-gradient(180deg, #D1BF74 0%, #DC5AF2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .contact-block__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    background-color: var(--yellow-color);
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
    -webkit-transition: all var(--transition);
    transition: all var(--transition);
  }
  .contact-block__link::after {
    content: "";
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: var(--gradient);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
    border-radius: var(--border-radius);
  }
  .contact-block__link:hover::before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .contact-form__field:last-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 500px) {
  .dom__contact-pic {
    max-width: 100%;
  }
}
.dom-hero--secondary-info {
  max-width: 800px;
}

.dom-story__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.dom-story__info {
  max-width: 700px;
}
.dom-story__pic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  -o-object-fit: cover;
  object-fit: cover;
}

.dom-values {
  padding: 40px 0;
}
.dom-values__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
.dom-values__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.dom-values__item {
  padding: 24px;
  border-radius: var(--border-radius);
  background: var(--secondary-color);
}
.dom-values__item h3 {
  margin-bottom: 16px;
  font-size: clamp(1rem, 0.913rem + 0.43vw, 1.25rem);
  font-weight: 700;
  line-height: 130%;
}
.dom-values__item p {
  font-size: clamp(0.875rem, 0.832rem + 0.22vw, 1rem);
  font-weight: 400;
  line-height: 150%;
}
.dom-values__pic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  -o-object-fit: cover;
  object-fit: cover;
}

.dom-whyus {
  padding: 40px 0;
  background-color: var(--yellow-color);
}
.dom-whyus__text, .dom-whyus__title {
  max-width: 800px;
  color: var(--secondary-color);
}

.dom-faq {
  padding: 40px 0;
}
.dom-faq__title {
  text-align: center;
}
.dom-faq__list {
  margin: auto;
  max-width: 900px;
}
.dom-faq__item {
  padding: 24px;
}
.dom-faq__item h3 {
  margin-bottom: 16px;
  font-size: clamp(0.875rem, 0.788rem + 0.43vw, 1.125rem);
  font-weight: 700;
  line-height: 150%;
}
.dom-faq__item p {
  font-size: clamp(0.875rem, 0.832rem + 0.22vw, 1rem);
  font-weight: 400;
  line-height: 150%;
}
.dom-faq__item:not(:last-child) {
  margin-bottom: 24px;
}

@media screen and (max-width: 1000px) {
  .dom-story__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dom-story__info {
    max-width: 100%;
  }
  .dom-story__pic {
    max-width: 60%;
  }
  .dom-values__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .dom-values__list {
    gap: 16px;
  }
  .dom-values__item {
    padding: 16px;
  }
  .dom-faq__item {
    padding: 16px;
  }
  .dom-faq__item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.cookies-infobar {
  position: fixed;
  right: 2px;
  bottom: 2px;
  z-index: 1000;
  border-radius: var(--border-radius);
  width: 500px;
  max-width: 90%;
  padding: 24px;
  text-align: center;
  color: var(--bg-color);
  background-color: var(--yellow-color);
  gap: 30px;
}

.cookies-infobar.cookies-infobar_accepted {
  display: none;
}

.cookies-infobar_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.cookie__text {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: var(--bold-font);
  line-height: 120%;
  text-transform: uppercase;
}

.cookies-infobar_buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.cookies-infobar_btn {
  width: 100%;
}

@media screen and (width <= 767px) {
  .cookies-infobar_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
  }
}
.dom-footer {
  padding: 40px 0;
}
.dom-footer__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 40px;
}
.dom-footer__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.dom-footer__logo img {
  width: 32px;
  height: 32px;
}
.dom-footer__logo span {
  font-size: clamp(1.063rem, 0.768rem + 1.31vw, 1.75rem);
  color: var(--white-color);
}
.dom-footer__nav {
  gap: 24px;
}
.dom-footer__descr {
  margin-bottom: 40px;
}
.dom-footer__text {
  font-size: clamp(0.75rem, 0.643rem + 0.48vw, 1rem);
  font-weight: 400;
  line-height: 150%;
  color: var(--purpple-color);
}
.dom-footer__text a {
  color: var(--purpple-color);
  text-decoration: underline;
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}
.dom-footer__text a:hover {
  color: var(--pink-color);
}
.dom-footer__grid {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
.dom-footer__grid h3 {
  margin-bottom: 8px;
  font-size: clamp(0.875rem, 0.821rem + 0.24vw, 1rem);
  line-height: 150%;
  color: #B0B0B0;
}
.dom-footer__grid p {
  font-size: clamp(0.875rem, 0.821rem + 0.24vw, 1rem);
  line-height: 150%;
  color: #B0B0B0;
}
.dom-footer__images {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
}
.dom-footer__copy {
  font-size: clamp(0.875rem, 0.821rem + 0.24vw, 1rem);
  font-weight: 400;
  line-height: 150%;
  color: #B0B0B0;
  text-align: center;
}
.dom-footer__copy a {
  color: #B0B0B0;
}

.footer-nav__item {
  position: relative;
  display: block;
  overflow-x: hidden;
  font-family: var(--title-font);
  font-size: 14px;
  color: var(--purpple-color);
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}
.footer-nav__item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--pink-color);
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  -webkit-transition: -webkit-transform var(--transition);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
}
.footer-nav__item:hover {
  color: var(--pink-color);
}
.footer-nav__item:hover::before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 500px) {
  .dom-footer__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .dom-footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .dom-footer__descr {
    margin-bottom: 16px;
  }
  .dom-footer__grid {
    margin-bottom: 16px;
  }
  .dom-footer__images {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=main.css.map */