@font-face {
  font-display: swap;
  font-family: "Google Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/google-sans-v67-cyrillic_latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Google Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/google-sans-v67-cyrillic_latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/unbounded-v12-cyrillic_latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/unbounded-v12-cyrillic_latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/unbounded-v12-cyrillic_latin-700.woff2") format("woff2");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  text-decoration: none;
  list-style: none;
  font-feature-settings: "pnum" on, "lnum" on, "liga" off, "kern" off;
}

button,
label,
img,
header,
svg {
  user-select: none;
}

select,
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select,
button,
input[type=submit] {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

*:focus {
  outline: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

b, strong {
  font: inherit;
  color: inherit;
  font-weight: 700;
}

table {
  border-collapse: collapse;
}

body {
  font-family: "Google Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.44;
}
@media (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}

h1, .h1 {
  font-family: "Unbounded", sans-serif;
  font-size: 44px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  h1, .h1 {
    font-size: 28px;
  }
}

h2, .h2 {
  font-family: "Unbounded", sans-serif;
  font-size: 48px;
  font-weight: 600;
  text-transform: unset;
}
@media (max-width: 1024px) {
  h2, .h2 {
    font-size: 28px;
  }
}

h3, .h3 {
  font-family: "Unbounded", sans-serif;
  font-size: 28px;
}
@media (max-width: 1024px) {
  h3, .h3 {
    font-size: 20px;
  }
}

h4, .h4, h5, h6 {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  h4, .h4, h5, h6 {
    font-size: 16px;
  }
}

.txt-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1280px) {
  .txt-content {
    font-size: 16px;
  }
}
.txt-content hr {
  opacity: 0.2;
  background: #ECEAE6;
  margin: 24px 0;
}
@media (max-width: 1024px) {
  .txt-content hr {
    margin: 12px 0;
  }
}
.txt-content hr + .txt-content,
.txt-content hr + h1, .txt-content hr + h2, .txt-content hr + h3, .txt-content hr + h4, .txt-content hr + h5, .txt-content hr + h6,
.txt-content hr + img {
  margin-top: 0;
}
.txt-content hr:last-child {
  margin-bottom: 0;
}
.txt-content .txt-content,
.txt-content .col2 {
  margin: 24px 0;
}
.txt-content .txt-content + .col2,
.txt-content .txt-content + .txt-content,
.txt-content .col2 + .col2,
.txt-content .col2 + .txt-content {
  margin-top: 0;
}
.txt-content .txt-content:first-child,
.txt-content .col2:first-child {
  margin-top: 0;
}
.txt-content .txt-content:last-child,
.txt-content .col2:last-child {
  margin-bottom: 0;
}
.txt-content h2, .txt-content .h2 {
  font-size: 32px;
}
@media (max-width: 1024px) {
  .txt-content h2, .txt-content .h2 {
    font-size: 24px;
  }
}
.txt-content h3, .txt-content .h3, .txt-content h4, .txt-content .h4, .txt-content h5, .txt-content h6 {
  font-size: 24px;
}
@media (max-width: 1024px) {
  .txt-content h3, .txt-content .h3, .txt-content h4, .txt-content .h4, .txt-content h5, .txt-content h6 {
    font-size: 20px;
  }
}
.txt-content h1, .txt-content h2, .txt-content h3, .txt-content h4, .txt-content h5, .txt-content h6 {
  margin-top: 24px;
}
.txt-content h1:first-child, .txt-content h2:first-child, .txt-content h3:first-child, .txt-content h4:first-child, .txt-content h5:first-child, .txt-content h6:first-child {
  margin-top: 0;
}
.txt-content h1 + img, .txt-content h1 + h1, .txt-content h1 + h2, .txt-content h1 + h3, .txt-content h1 + h4, .txt-content h1 + h5, .txt-content h1 + h6, .txt-content h2 + img, .txt-content h2 + h1, .txt-content h2 + h2, .txt-content h2 + h3, .txt-content h2 + h4, .txt-content h2 + h5, .txt-content h2 + h6, .txt-content h3 + img, .txt-content h3 + h1, .txt-content h3 + h2, .txt-content h3 + h3, .txt-content h3 + h4, .txt-content h3 + h5, .txt-content h3 + h6, .txt-content h4 + img, .txt-content h4 + h1, .txt-content h4 + h2, .txt-content h4 + h3, .txt-content h4 + h4, .txt-content h4 + h5, .txt-content h4 + h6, .txt-content h5 + img, .txt-content h5 + h1, .txt-content h5 + h2, .txt-content h5 + h3, .txt-content h5 + h4, .txt-content h5 + h5, .txt-content h5 + h6, .txt-content h6 + img, .txt-content h6 + h1, .txt-content h6 + h2, .txt-content h6 + h3, .txt-content h6 + h4, .txt-content h6 + h5, .txt-content h6 + h6 {
  margin-top: 0;
}
.txt-content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 24px 0;
}
.txt-content img:first-child {
  margin-top: 0;
}
.txt-content img:last-child {
  margin-bottom: 0;
}
.txt-content img + img, .txt-content img + h1, .txt-content img + h2, .txt-content img + h3, .txt-content img + h4, .txt-content img + h5, .txt-content img + h6 {
  margin-top: 0;
}
.txt-content .col2 {
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
@media screen and (max-width: 1024px) {
  .txt-content .col2 {
    gap: 12px;
    flex-direction: column;
  }
}
.txt-content .col2 .txt-content {
  width: calc(50% - 18px);
}
@media screen and (max-width: 1024px) {
  .txt-content .col2 .txt-content {
    width: 100%;
  }
}
.txt-content a:not(.btn) {
  text-decoration: underline;
  color: inherit;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .txt-content a:not(.btn):hover {
    color: #F4C456;
  }
}
.txt-content a:not(.btn):active {
  color: #F4C456;
}
.txt-content .btn {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .txt-content .btn {
    width: 100%;
  }
}
.txt-content .btn:first-child {
  margin-top: 0;
}
.txt-content .btn:last-child {
  margin-bottom: 0;
}
.txt-content .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.txt-content .buttons .btn {
  margin: 0;
}
.txt-content ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 24px;
}
.txt-content ul li {
  list-style: disc;
}
.txt-content ol {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 24px;
}
.txt-content ol li {
  list-style: decimal;
}
.txt-content blockquote {
  padding: 20px 0 20px 20px;
  border-left: 2px solid #F4C456;
}
.txt-content iframe {
  display: block;
  width: 100%;
  height: calc((100vw - 128px - 15px - 424px - 152px) / 16 * 9);
  border-radius: 36px;
  margin: 28px 0;
}
@media screen and (max-width: 1250px) {
  .txt-content iframe {
    height: calc((100vw - 128px - 15px) / 16 * 9);
  }
}
@media screen and (max-width: 1024px) {
  .txt-content iframe {
    border-radius: 20px;
    height: 281.25px;
  }
}
@media screen and (max-width: 540px) {
  .txt-content iframe {
    height: calc((100vw - 32px) / 16 * 9);
  }
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body footer {
  margin-top: auto;
}
body.is-unscrollable, body.is-unscrollable-2 {
  overflow: hidden;
}
body.anim {
  opacity: 0.01;
  transition: opacity 0.7s;
}
body.anim.animated {
  opacity: 1;
}

.container {
  width: 90%;
  max-width: 1180px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .container {
    max-width: 500px;
    width: calc(100% - 32px);
  }
}
@media (min-width: 1025px) {
  .container--big {
    width: calc(100% - 48px);
    max-width: 1400px;
  }
}

.section-padding-left {
  padding-left: 110px;
}
@media (max-width: 1570px) {
  .section-padding-left {
    padding-left: calc((100vw - 15px - 1180px) / 2 - 5vw);
  }
}

.section-padding-right {
  padding-right: 110px;
}
@media (max-width: 1570px) {
  .section-padding-right {
    padding-right: calc((100vw - 15px - 1180px) / 2 - 5vw);
  }
}

section {
  padding: 80px 0;
}
@media (max-width: 1024px) {
  section {
    padding: 40px 0;
  }
}

@media (max-width: 1024px) {
  .is-hidden-on-mobile {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .is-hidden-on-desktop {
    display: none !important;
  }
}

.acc__header {
  cursor: pointer;
}
.acc__body {
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-weight: 600;
  border-radius: 99px;
  border: 1px solid;
  padding: 16px 28px;
  transition: 0.4s;
  width: max-content;
  font-size: 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .btn {
    font-size: 16px;
    padding: 12px 20px;
  }
}
.btn svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  transition: 0.4s;
}
.btn svg * {
  transition: 0.4s;
}
.btn--small {
  font-size: 16px;
  padding: 12px 24px;
}
.btn--small svg {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.btn--yellow {
  --spinner-color: #252525;
  background: #F4C456;
  border-color: #F4C456;
  color: #252525;
}
.btn--yellow svg * {
  fill: #252525;
}
.btn--black {
  --spinner-color: white;
  background: #252525;
  border-color: #252525;
  color: white;
}
.btn--black svg * {
  fill: white;
}
.btn--white-border {
  --spinner-color: white;
  background: transparent;
  border-color: white;
  color: white;
}
.btn--white-border svg * {
  fill: white;
}
.btn--black-border {
  --spinner-color: #252525;
  background: transparent;
  border-color: #252525;
  color: #252525;
}
.btn--black-border svg * {
  fill: #252525;
}
@media not all and (pointer: coarse) {
  .btn:hover {
    background: #f6ce72;
    border-color: #f6ce72;
    color: #252525;
  }
  .btn:hover svg * {
    fill: #252525;
  }
}
.btn:active {
  background: #f6ce72;
  border-color: #f6ce72;
  color: #252525;
}
.btn:active svg * {
  fill: #252525;
}
.btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid var(--spinner-color, #252525);
  border-top-color: transparent;
  animation: btn-spin 1s linear infinite;
  transition: opacity 0.4s;
  opacity: 0;
}
.btn.is-loading, .btn.loading, .btn.disabled, .btn[disabled] {
  pointer-events: none;
  color: transparent;
}
.btn.is-loading svg, .btn.loading svg, .btn.disabled svg, .btn[disabled] svg {
  opacity: 0;
}
.btn.is-loading::after, .btn.loading::after, .btn.disabled::after, .btn[disabled]::after {
  opacity: 1;
}
.btn.done {
  opacity: 0.5;
  pointer-events: none;
}

@keyframes btn-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.copy-tooltip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #F4C456;
  color: #252525;
  font-family: "Google Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 99px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: 0.2s;
  z-index: 9999;
}
.copy-tooltip--visible {
  opacity: 1;
}

.fancybox__dialog * {
  font-family: "Google Sans", sans-serif;
}

.f-button.is-arrow {
  border-radius: 12px;
  background: #EFC116;
  width: 40px;
  height: 40px;
}
@media not all and (pointer: coarse) {
  .f-button.is-arrow:hover {
    background: #f6ce72;
  }
}
.f-button.is-arrow:active {
  background: #f6ce72;
}
.f-button.is-arrow svg {
  width: 18px;
  height: auto;
}
.f-button.is-arrow svg * {
  stroke: #252525;
  stroke-width: 4px;
}

html.with-fancybox body.hide-scrollbar {
  margin-right: 0 !important;
}

.fieldset {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fieldset .btn {
  width: 100%;
}
.fieldset .select {
  width: 100%;
}

.input-box {
  position: relative;
  width: 100%;
}
.input-box input,
.input-box textarea {
  display: block;
  padding: 23px 40px 4px 12px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  color: #252525;
  font-size: 16px;
  line-height: 21px;
  transition: 0.4s;
}
.input-box input:focus,
.input-box textarea:focus {
  border-color: #F4C456;
}
.input-box input.filed + label, .input-box input:focus + label,
.input-box textarea.filed + label,
.input-box textarea:focus + label {
  transform: translate(0, calc(-50% - 11px)) scale(0.7);
}
.input-box input.filed ~ .prefix, .input-box input:focus ~ .prefix,
.input-box textarea.filed ~ .prefix,
.input-box textarea:focus ~ .prefix {
  opacity: 1;
}
.input-box input.filed ~ .postfix, .input-box input:focus ~ .postfix,
.input-box textarea.filed ~ .postfix,
.input-box textarea:focus ~ .postfix {
  opacity: 1;
}
.input-box textarea {
  height: 120px;
  resize: none;
}
.input-box label {
  position: absolute;
  left: 12px;
  top: 25px;
  transform: translate(0, -50%);
  transition: 0.4s;
  transform-origin: left center;
  pointer-events: none;
  padding: 2.1px 0;
  color: #666664;
  font-size: 16px;
}
.input-box--prefix input {
  padding-left: 49px;
}
.input-box .error-text {
  color: #D4492A;
  opacity: 0;
  transition: 0.3s;
  font-size: 12px;
  line-height: 1;
  padding: 3px 8px;
  position: absolute;
  left: 0;
  top: 100%;
}
.input-box:before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background-image: url("../img/ico_valid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: 0.3s;
}
.input-box.valid:before {
  opacity: 1;
}
.input-box.invalid input {
  border-color: #D4492A;
}
.input-box.invalid label {
  color: #D4492A !important;
}
.input-box.invalid .error-text {
  opacity: 1;
}
.input-box.invalid:before {
  background-image: url("../img/ico_invalid.svg");
  opacity: 1;
}
.input-box .postfix {
  position: absolute;
  right: 0;
  top: 0;
  color: #C6C2B7;
  font-size: 14px;
  padding: 23px 12px 4px 12px;
  line-height: 21px;
  opacity: 0;
  transition: 0.4s;
}

.input-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.select {
  position: relative;
  z-index: 5;
  width: max-content;
}
.select.is-open {
  z-index: 10;
}
.select.is-open .select__list {
  opacity: 1;
  pointer-events: auto;
}
.select.is-open .select__selected svg {
  transform: translate(0, -50%) rotate(180deg);
}
.select.select--empty .select__label {
  transform: translate(0, -50%);
}
.select__label {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 25px;
  transform: translate(0, calc(-50% - 11px)) scale(0.7);
  transition: 0.4s;
  transform-origin: left center;
  pointer-events: none;
  padding: 2.1px 0;
  color: #666664;
  font-size: 16px;
}
.select__container {
  position: relative;
}
.select__selected {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  transition: 0.4s;
  padding: 23px 40px 4px 12px;
}
.select__selected span {
  color: #252525;
  font-size: 16px;
  line-height: 21px;
  min-height: 21px;
  display: block;
  min-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select__selected svg {
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  transition: 0.4s;
}
.select .select__list {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  border-radius: 8px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  display: flex;
  flex-direction: column;
  padding: 4px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  min-width: 100%;
  width: max-content;
  max-width: 400px;
}
.select .select__list [data-value] {
  padding: 8px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 21px;
  transition: 0.4s;
  cursor: pointer;
  min-width: 45px;
}
@media not all and (pointer: coarse) {
  .select .select__list [data-value]:hover {
    background: #FEFCF7;
  }
}
.select .select__list [data-value]:active {
  background: #FEFCF7;
}
.select .select__list [data-value].is-selected {
  opacity: 0.4;
}
.select[data-allow-empty=false] .select__list [data-value].selected {
  pointer-events: none;
}

.range-slider {
  width: 100%;
  position: relative;
  height: 100%;
}
.range-slider-container {
  height: 38px;
  width: 100%;
  position: relative;
  padding: 0 27px;
  border-radius: 36px;
  border: 1px solid #F4C456;
  background: #F8F5ED;
}
.range-slider .progress {
  height: 100%;
  background: #F4C456;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.range-slider .progress:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 27px;
  height: 100%;
  background: #F4C456;
  border-radius: 36px 0 0 36px;
  z-index: -2;
}
.range-slider .progress:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 27px;
  height: 100%;
  background: #F4C456;
  border-radius: 0 36px 36px 0;
  z-index: -2;
}
.range-slider .thumb {
  position: absolute;
  top: 50%;
  min-width: 54px;
  height: 100%;
  transform: translate(-50%, -50%);
  cursor: grab;
  touch-action: none;
}
.range-slider .thumb .box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 30px;
  border: 3px solid #F4C456;
  background: #252525;
}
.range-slider .thumb span {
  color: #FFF;
  font-size: 14px;
}

.check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.check-box input {
  display: none;
}
.check-box input:checked + label {
  background: #252525;
  color: white;
  border-color: #F4C456;
}
.check-box label {
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  cursor: pointer;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .check-box label:hover {
    border-color: #F4C456;
  }
}
.check-box label:active {
  border-color: #F4C456;
}

.privacy-policy {
  font-size: 14px;
  color: rgba(37, 37, 37, 0.5);
}
@media (max-width: 1024px) {
  .privacy-policy {
    font-size: 12px;
  }
}
.privacy-policy a {
  color: inherit;
  transition: 0.4s;
  text-decoration: underline;
}
@media not all and (pointer: coarse) {
  .privacy-policy a:hover {
    color: #252525;
  }
}
.privacy-policy a:active {
  color: #252525;
}

.tabs__body {
  position: relative;
  overflow: hidden;
  transition: height 0.4s;
}
.tabs__body .tabs__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s;
}
.tabs__body .tabs__item.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  transition: 0.4s;
}
.header .container {
  position: relative;
  top: 32px;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .header .container {
    width: calc(100% - 64px);
  }
}
@media (max-width: 1024px) {
  .header .container {
    top: 16px;
  }
}
@media (max-width: 500px) {
  .header .container {
    top: 5vw;
  }
}
.header__logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 32px;
  border-radius: 12px;
  border: 1px solid rgba(37, 37, 37, 0.1);
  background: #FFF;
}
@media (max-width: 1440px) {
  .header__logo {
    padding: 8px 16px;
  }
}
@media (max-width: 1024px) {
  .header__logo {
    border-radius: 8px;
  }
}
.header__logo img, .header__logo svg {
  display: block;
  height: 36px;
  width: auto;
}
@media (max-width: 1024px) {
  .header__logo img, .header__logo svg {
    height: 32px;
  }
}
.header__menu {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: max-content;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 4px 4px 4px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
}
@media (max-width: 1570px) {
  .header__menu {
    left: calc(50% + 35px);
  }
}
@media (max-width: 1440px) {
  .header__menu {
    left: calc(50% + 19px);
  }
}
@media (max-width: 1024px) {
  .header__menu {
    display: none;
  }
}
@media (max-width: 1330px) {
  .header__menu-xl {
    display: none;
  }
}
@media (min-width: 1331px) {
  .header__menu-m {
    display: none;
  }
}
.header__menu ul {
  display: flex;
}
.header__menu li.current-menu-item {
  pointer-events: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.header__menu li.menu-item-has-children {
  position: relative;
}
.header__menu li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
}
.header__menu li.menu-item-has-children:hover > a:after {
  transform: translate(-20%, -10%) rotate(-135deg);
  border-color: #F4C456;
}
.header__menu li.menu-item-has-children > a {
  padding-right: 26px;
  position: relative;
}
.header__menu li.menu-item-has-children > a:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(-20%, -65%) rotate(45deg);
  width: 6px;
  height: 6px;
  border: 2px solid white;
  border-left: none;
  border-top: none;
  transition: 0.4s;
}
.header__menu li.menu-item-has-children .sub-menu {
  position: absolute;
  left: -9px;
  top: 100%;
  flex-direction: column;
  padding: 26px 9px 9px 9px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.header__menu li.menu-item-has-children .sub-menu:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 17px;
  width: 100%;
  height: calc(100% - 17px);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.9);
}
.header__menu a {
  color: #FFF;
  padding: 8px;
  display: block;
  transition: 0.4s;
  white-space: nowrap;
}
.header__menu a:hover {
  color: #F4C456;
}
.header__phones {
  height: 44px;
  position: relative;
}
.header__phones:hover ul {
  max-height: 200px;
}
.header__phones:hover svg {
  transform: translateY(-50%) rotate(180deg);
}
.header__phones:hover svg * {
  fill: #F4C456;
}
.header__phones svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: 0.4s;
}
.header__phones ul {
  flex-direction: column;
  padding: 4px 36px 4px 12px;
  overflow: hidden;
  max-height: 44px;
  transition: 0.4s;
  background: #252525;
  border-radius: 8px;
}
.header__phones a {
  padding: 8px;
}
.header__languages {
  position: absolute;
  right: 0;
  top: 0;
  height: 54px;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .header__languages {
    display: none;
  }
}
.header__languages:hover ul {
  max-height: 200px;
}
.header__languages:hover svg {
  transform: translateY(-50%) rotate(180deg);
}
.header__languages svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: 0.4s;
}
.header__languages ul {
  flex-direction: column;
  padding: 8px 36px 8px 12px;
  overflow: hidden;
  max-height: 54px;
  transition: 0.4s;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
}
.header__languages li.wpml-ls-current-language {
  pointer-events: none;
  order: -1;
}
.header__languages a {
  padding: 8px;
  text-transform: uppercase;
  color: white;
  display: block;
  transition: 0.4s;
}
.header__languages a:hover {
  color: #F4C456;
}
.header__mob-menu-button {
  position: absolute;
  height: 50px;
  width: 80px;
  right: 0;
  top: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
}
@media (min-width: 1025px) {
  .header__mob-menu-button {
    display: none;
  }
}
.header__mob-menu-button span {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #FFF;
  width: 24px;
  height: 2px;
  border-radius: 9px;
  transition: 0.4s;
}
.header__mob-menu-button span:nth-child(1) {
  transform: translate(-50%, calc(-50% - 6px));
}
.header__mob-menu-button span:nth-child(2) {
  transform: translate(-50%, -50%);
}
.header__mob-menu-button span:nth-child(3) {
  transform: translate(-50%, calc(-50% + 6px));
}
.header__mob-menu-button.is-open span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header__mob-menu-button.is-open span:nth-child(2) {
  opacity: 0;
}
.header__mob-menu-button.is-open span:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header__mob-menu-container {
  position: fixed;
  z-index: 90;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
  background: rgba(37, 37, 37, 0.9);
  backdrop-filter: blur(12px);
  color: white;
}
.header__mob-menu-container.is-open {
  opacity: 1;
  pointer-events: auto;
}
.header__mob-menu-container .scroll-container {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: auto;
}
.header__mob-menu-container .container {
  padding: 100px 0 60px;
}
.header__mob-menu-container ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header__mob-menu-container a {
  color: inherit;
  transition: 0.4s;
  display: flex;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  gap: 12px;
}
@media not all and (pointer: coarse) {
  .header__mob-menu-container a:hover {
    color: #F4C456;
  }
}
.header__mob-menu-container a:active {
  color: #F4C456;
}
.header__mob-menu-container a svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.header__mob-menu-container__menu ul {
  flex-direction: row;
  flex-wrap: wrap;
}
.header__mob-menu-container__menu li {
  width: calc(50% - 8px);
}
.header__mob-menu-container__contacts {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 16px;
}
.header__mob-menu-container__contacts ul {
  width: max-content;
  min-width: 40px;
}
.header__mob-menu-container__contacts .btn {
  width: 100%;
}
.header__mob-menu-container__languages {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.header__mob-menu-container__languages ul {
  flex-direction: row;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
}
.header__mob-menu-container__languages li {
  width: 100%;
}
.header__mob-menu-container__languages li.wpml-ls-current-language {
  pointer-events: none;
  order: -1;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.header__mob-menu-container__languages a {
  padding: 8px;
  text-transform: uppercase;
  color: white;
  display: block;
  transition: 0.4s;
  width: 100%;
  text-align: center;
}
.header__mob-menu-container__languages a:hover {
  color: #F4C456;
}

.footer {
  background: #252525;
  color: white;
  overflow: hidden;
  position: relative;
  padding-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (max-width: 1024px) {
  .footer {
    gap: 0;
    padding-top: 40px;
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.footer .container {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .footer .container {
    flex-direction: column;
    gap: 32px;
  }
}
.footer ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .footer ul {
    gap: 16px;
  }
}
.footer a {
  color: inherit;
  transition: 0.4s;
  display: flex;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  gap: 12px;
}
@media not all and (pointer: coarse) {
  .footer a:hover {
    color: #F4C456;
  }
}
.footer a:active {
  color: #F4C456;
}
.footer a svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.footer .btn {
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .footer .btn {
    width: 100%;
  }
}
.footer__col {
  width: calc((100% - 212px - 72px) / 3);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1300px) {
  .footer__col {
    width: unset;
    flex-grow: 1;
  }
}
@media (max-width: 1024px) {
  .footer__col {
    gap: 16px;
    width: 100%;
    flex-grow: unset;
  }
}
@media (min-width: 1301px) {
  .footer__col--logo {
    width: 212px;
    min-width: 212px;
  }
}
@media (max-width: 1024px) {
  .footer__col:last-child {
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 1024px) {
  .footer__col:last-child ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .footer__col:last-child li {
    width: calc(50% - 8px);
  }
}
.footer__logo {
  display: flex;
  width: max-content;
  padding: 8px 32px;
  border-radius: 12px;
  border: 1px solid rgba(37, 37, 37, 0.1);
  background: #FFF;
}
@media (max-width: 1024px) {
  .footer__logo {
    width: 100% !important;
    justify-content: center;
  }
}
.footer__logo img, .footer__logo svg {
  display: block;
  height: 36px;
  width: auto;
}
.footer__label {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  width: max-content;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .footer__bottom {
    gap: 8px !important;
    margin: 32px auto;
    padding: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
.footer__bottom p {
  display: flex;
  gap: 8px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.2);
}
.footer__bottom a {
  text-decoration: underline;
}
.footer__decoration-title {
  position: relative;
  width: 100%;
  height: 9vw;
  overflow: hidden;
}
.footer__decoration-title p {
  position: absolute;
  left: 50%;
  top: 0;
  width: max-content;
  transform: translateX(-50%);
  font-family: "Unbounded", sans-serif;
  font-size: 14.5vw;
  line-height: 1;
  opacity: 0.2;
  white-space: nowrap;
}

.calcSec {
  background: #FEFCF7;
}
.calcSec .container {
  display: flex;
  gap: 24px;
}
@media (max-width: 1280px) {
  .calcSec .container {
    flex-direction: column;
  }
}
.calcSec__text {
  width: calc(100% - 824px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .calcSec__text {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .calcSec__text {
    gap: 8px;
  }
}
.calcSec__calc {
  width: 800px;
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  padding: 24px 24px 24px 48px;
  display: flex;
  gap: 48px;
}
@media (max-width: 1280px) {
  .calcSec__calc {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .calcSec__calc {
    flex-direction: column;
    border-radius: 16px;
    padding: 24px 16px 0;
    gap: 20px;
  }
}
.calcSec__calc-fildset {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.calcSec__calc-fildset .calc-title {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .calc-title {
    font-size: 20px;
  }
}
.calcSec__calc-fildset .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
.calcSec__calc-fildset .range-slider-container {
  height: 28px;
  padding: 0 24px;
}
.calcSec__calc-fildset .thumb {
  width: 48px;
  min-width: 48px;
}
.calcSec__calc-fildset .range-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  margin-bottom: 16px;
}
.calcSec__calc-fildset .range-label label {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .range-label label {
    font-size: 14px;
  }
}
.calcSec__calc-fildset .range-label input[type=text] {
  font-size: 14px;
  line-height: 1.5;
  width: 140px;
  padding: 12px 40px 12px 12px;
  border-radius: 8px;
  border: 1px solid #ECEAE6;
  background: #FFF;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .range-label input[type=text] {
    width: 125px;
  }
}
.calcSec__calc-fildset .range-label span {
  color: #C6C2B7;
  font-size: 14px;
  line-height: 150%;
  padding: 12px;
  border: 1px solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.calcSec__calc-fildset .range-label span.alt {
  color: #252525;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  padding: 1px 8px;
  border-radius: 24px;
  background: #F4C456;
  top: -10px;
  right: -8px;
  min-width: 52px;
  text-align: center;
}
.calcSec__calc-fildset .range-label .radio-list {
  border-radius: 30px;
  border: 1px solid #ECEAE6;
  background: #F8F5ED;
  padding: 2px;
  display: flex;
  margin-right: auto;
}
.calcSec__calc-fildset .range-label .radio-list label {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 26px;
  transition: 0.4s;
  min-width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .range-label .radio-list label {
    min-width: 32px;
  }
}
.calcSec__calc-fildset .range-label .radio-list input {
  display: none;
}
.calcSec__calc-fildset .range-label .radio-list input:checked + label {
  background: #252525;
  color: white;
}
.calcSec__calc-fildset .range-slider .progress:before, .calcSec__calc-fildset .range-slider .progress:after {
  width: 24px;
}
.calcSec__calc-fildset .range-limits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 8px;
}
.calcSec__calc-fildset .range-limits span {
  opacity: 0.5;
}
.calcSec__calc-fildset .range-limits button {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .calcSec__calc-fildset .range-limits button:hover {
    background: #F4C456;
    border-color: #F4C456;
  }
}
.calcSec__calc-fildset .range-limits button:active {
  background: #F4C456;
  border-color: #F4C456;
}
.calcSec__calc-fildset .field-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calcSec__calc-fildset .field-input p {
  font-size: 16px;
  font-weight: 600;
}
.calcSec__calc-fildset .field-input .check-list {
  flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .field-input .check-list {
    gap: 8px;
  }
}
.calcSec__calc-fildset .field-input .check-box {
  width: 100%;
}
@media (max-width: 1024px) {
  .calcSec__calc-fildset .field-input .check-box label {
    padding: 6px;
  }
}
.calcSec__calc-fildset .sub-option {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  transition: 0.4s;
}
.calcSec__calc-fildset .sub-option.is-inactive {
  opacity: 0.3;
}
.calcSec__calc-fildset .sub-option.is-inactive input:checked + label {
  color: #929292;
}
.calcSec__calc-fildset .sub-option.is-inactive input:checked + label .icon {
  background: #8C8B88 !important;
  border-color: #8C8B88 !important;
}
.calcSec__calc-fildset .sub-option.is-inactive input:checked + label .icon svg * {
  fill: white;
}
.calcSec__calc-fildset .sub-option label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 150%;
  cursor: pointer;
}
.calcSec__calc-fildset .sub-option label .icon {
  transform: translateY(-1px);
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  border-radius: 4px;
  border: 2px solid #F4C456;
  background: #FFF;
}
.calcSec__calc-fildset .sub-option label .icon svg {
  transition: 0.4s;
  opacity: 0;
}
.calcSec__calc-fildset .sub-option input {
  display: none;
}
.calcSec__calc-fildset .sub-option input:checked + label .icon {
  background: #F4C456;
  border-color: #F4C456;
}
.calcSec__calc-fildset .sub-option input:checked + label .icon svg {
  opacity: 1;
}
.calcSec__calc-result {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 32px;
  background: #F8F5ED;
}
@media (max-width: 1024px) {
  .calcSec__calc-result {
    border-radius: 16px;
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
}
.calcSec__calc-result .window {
  height: 100%;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #252525;
  backdrop-filter: blur(16px);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .calcSec__calc-result .window {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 20px;
  }
}
.calcSec__calc-result .window .line {
  background: rgba(255, 255, 255, 0.12);
  width: 100%;
  height: 1px;
}
.calcSec__calc-result .window .box {
  color: #FFF;
  text-align: center;
}
.calcSec__calc-result .window .box span {
  text-align: center;
  font-family: "Unbounded", sans-serif;
  font-size: 28px;
}
@media (max-width: 1024px) {
  .calcSec__calc-result .window .box span {
    font-size: 24px;
  }
}
.calcSec__calc-result .window .box p {
  font-size: 14px;
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .calcSec__calc-result .window .box p {
    font-size: 12px;
  }
}
.calcSec__calc-result .others {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 12px;
  padding: 24px;
}
.calcSec__calc-result .others__ttl {
  font-size: 14px;
  font-weight: 600;
}
.calcSec__calc-result .others .line {
  width: 100%;
  height: 1px;
  background: rgba(37, 37, 37, 0.12);
}
.calcSec__calc-result .others__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calcSec__calc-result .others__list .row {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  gap: 8px;
}
.calcSec__calc-result .others__list .row .dashed {
  border-bottom: 2px dashed rgba(37, 37, 37, 0.12);
  width: 100%;
}
.calcSec__calc-result .others__sub {
  opacity: 0.5;
}

.cta {
  background: #252525;
  color: white;
  position: relative;
  overflow: hidden;
}
.cta:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 350px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  opacity: 0.9;
  background: radial-gradient(#F4C456, transparent);
  filter: blur(12px);
}
.cta:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #252525;
  opacity: 0.9;
  backdrop-filter: blur(30px);
}
.cta .container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
  max-width: 500px;
  padding: 100px 0;
}
@media (max-width: 1024px) {
  .cta .container {
    padding: 120px 0 200px;
  }
}
.cta ul {
  position-anchor: absolute;
  inset: 0;
}
.cta li {
  position: absolute;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  width: max-content;
}
@media (max-width: 1024px) {
  .cta li {
    font-size: 14px;
    padding: 16px;
    border-radius: 16px;
  }
}
.cta li:nth-child(1) {
  bottom: calc(100% - 90px);
  right: calc(100% - 84px);
}
@media (max-width: 1024px) {
  .cta li:nth-child(1) {
    bottom: calc(100% - 100px);
    right: unset;
    left: -5px;
  }
}
.cta li:nth-child(2) {
  bottom: 110px;
  left: calc(100% - 58px);
}
@media (max-width: 1024px) {
  .cta li:nth-child(2) {
    right: 5px;
    left: unset;
    bottom: 110px;
  }
}
.cta li:nth-child(3) {
  top: calc(100% - 85px);
  right: calc(100% - 70px);
}
@media (max-width: 1024px) {
  .cta li:nth-child(3) {
    right: unset;
    left: 5px;
  }
}

.cta2 {
  background: linear-gradient(#191919, #252525);
  color: white;
  position: relative;
  overflow: hidden;
  margin-top: -2px;
}
.cta2:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 350px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  opacity: 0.9;
  background: radial-gradient(#F4C456, transparent);
  filter: blur(12px);
}
.cta2:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#191919, #2c2c2c);
  opacity: 0.9;
  backdrop-filter: blur(30px);
}
.cta2 .container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
  padding: 110px 0;
}
@media (min-width: 1025px) {
  .cta2 .container {
    max-width: 640px;
  }
}
@media (max-width: 1024px) {
  .cta2 .container {
    padding: 120px 0 160px;
  }
}
.cta2 .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.cta2 ul {
  position-anchor: absolute;
  inset: 0;
}
.cta2 li {
  position: absolute;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  width: max-content;
}
@media (max-width: 1024px) {
  .cta2 li {
    font-size: 14px;
    padding: 16px;
    border-radius: 16px;
  }
}
.cta2 li:nth-child(1) {
  top: 4px;
  right: calc(100% - 4px);
}
@media (max-width: 1024px) {
  .cta2 li:nth-child(1) {
    right: unset;
    left: 20px;
    top: 10px;
  }
}
.cta2 li:nth-child(2) {
  top: 4px;
  left: calc(100% - 62px);
}
@media (max-width: 1024px) {
  .cta2 li:nth-child(2) {
    top: 32px;
    left: unset;
    right: -5px;
  }
}
.cta2 li:nth-child(3) {
  top: 52%;
  left: calc(100% + 50px);
}
@media (max-width: 1024px) {
  .cta2 li:nth-child(3) {
    top: calc(100% - 160px);
    left: unset;
    right: 10px;
  }
}
.cta2 li:nth-child(4) {
  bottom: 40px;
  right: calc(100% - 60px);
}
@media (max-width: 1024px) {
  .cta2 li:nth-child(4) {
    bottom: 80px;
    left: 10px;
  }
}
.cta2 li:nth-child(5) {
  top: calc(100% - 60px);
  right: 4px;
}
@media (max-width: 1024px) {
  .cta2 li:nth-child(5) {
    right: 54px;
  }
}

.faq {
  position: relative;
}
.faq--bg {
  background: #FEFCF7;
  border-bottom: 1px solid #ECEAE6;
}
.faq:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 413px;
  height: 271px;
  background-image: url("../img/deco-bl.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
@media (max-width: 1024px) {
  .faq:before {
    width: 100%;
    height: 32vw;
    max-height: 140px;
  }
}
.faq .container {
  display: flex;
  justify-content: space-between;
  gap: 44px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .faq .container {
    flex-direction: column;
    gap: 24px;
    padding-bottom: 112px;
  }
}
@media (max-width: 540px) {
  .faq .container {
    padding-bottom: 24vw;
  }
}
.faq h2 {
  width: 100%;
  max-width: 450px;
}
@media (max-width: 1024px) {
  .faq h2 {
    max-width: unset;
  }
}
.faq__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 450px;
}
@media (max-width: 1024px) {
  .faq__left {
    max-width: unset;
    gap: 8px;
  }
}
.faq__left .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
@media (max-width: 1024px) {
  .faq__left .btn {
    width: 100%;
    margin-top: 12px;
  }
}
.faq .acc {
  width: 100%;
  max-width: 685px;
}
.faq .acc__box:not(.is-active) .arrow:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq .acc__box.is-active .acc__header {
  padding-bottom: 16px;
}
.faq .acc__box.is-active .arrow {
  background: #F4C456;
}
.faq .acc__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 0;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .faq .acc__header {
    gap: 12px;
    padding: 20px 0;
  }
}
@media not all and (pointer: coarse) {
  .faq .acc__header:hover .arrow {
    background: #F4C456;
  }
}
.faq .acc__header:active .arrow {
  background: #F4C456;
}
.faq .acc__header span {
  font-size: 20px;
  font-weight: 500;
  line-height: 34.5px;
  width: 28px;
  min-width: 28px;
  text-align: center;
  opacity: 0.5;
  transform: translateY(2px);
}
@media (max-width: 1024px) {
  .faq .acc__header span {
    font-size: 14px;
    line-height: 24px;
    transform: none;
    width: 24px;
    min-width: 24px;
  }
}
.faq .acc__header p {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .faq .acc__header p {
    font-size: 18px;
    line-height: 24px;
  }
}
.faq .acc__header .arrow {
  position: relative;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 9px;
  background: rgba(244, 196, 86, 0.2);
  margin-left: auto;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .faq .acc__header .arrow {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 5px;
  }
}
.faq .acc__header .arrow:before, .faq .acc__header .arrow:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  border-radius: 9px;
  background: #252525;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .faq .acc__header .arrow:before, .faq .acc__header .arrow:after {
    width: 10px;
  }
}
.faq .acc__body .txt-content {
  padding: 0 60px 24px 44px;
}
@media (max-width: 1024px) {
  .faq .acc__body .txt-content {
    padding: 0 36px 20px 36px;
  }
}
.faq .acc .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}

.popup {
  position: fixed;
  z-index: 110;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(12px);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .popup {
    background: white;
    backdrop-filter: none;
  }
}
.popup:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.popup:not(.open) * {
  pointer-events: none !important;
}
.popup .scroll-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 32px 0;
  overflow: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .popup .scroll-container {
    padding: 24px 0;
  }
}
@media screen and (max-width: 768px) {
  .popup .scroll-container {
    padding: 0;
  }
}
.popup .exit-btn {
  position: absolute;
  z-index: 10;
  right: 24px;
  top: 24px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: rgba(37, 37, 37, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  border: none;
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn {
    width: 32px;
    height: 32px;
  }
}
@media not all and (pointer: coarse) {
  .popup .exit-btn:hover {
    background: rgba(37, 37, 37, 0.8);
  }
}
.popup .exit-btn svg {
  display: block;
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 1024px) {
  .popup .exit-btn svg {
    width: 10px;
    height: 10px;
  }
}
.popup .exit-btn svg * {
  fill: white;
  transition: 0.4s;
}
.popup .popup-container {
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: auto;
}
@media (max-width: 1024px) {
  .popup .popup-container {
    border-radius: 16px;
    padding: 48px 16px;
  }
}
@media screen and (max-width: 768px) {
  .popup .popup-container {
    border-radius: 0;
    padding: 48px 16px 60px;
    border: none;
  }
}
.popup .answer {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  padding: 48px;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .popup .answer {
    border-radius: 16px;
    padding: 48px 16px;
  }
}
@media screen and (max-width: 768px) {
  .popup .answer {
    border-radius: 0;
    padding: 48px 16px 60px;
    border: none;
  }
}
.popup .answer.open {
  opacity: 1;
  pointer-events: auto;
}
.popup .answer svg {
  display: block;
  width: 32px;
  height: auto;
}
.popup .answer > svg * {
  fill: #F4C456;
}
.popup .answer p {
  font-size: 20px;
  font-weight: 600;
}
.popup .answer .line {
  background: #252525;
  opacity: 0.2;
  width: 100%;
  height: 1px;
}
.popup .answer .soc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup .answer .soc h3 {
  font-size: 20px;
  font-weight: 600;
}
.popup .answer .soc ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.popup .answer .soc li {
  width: calc(50% - 12px);
}
.popup .answer .soc a {
  display: flex;
  align-items: center;
  max-width: max-content;
  color: #252525;
  gap: 12px;
  font-weight: 600;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .popup .answer .soc a:hover {
    color: #F4C456;
  }
}
.popup .answer .soc a svg {
  width: 24px;
}
.popup .answer .soc a:active {
  color: #F4C456;
}

.popup--form .popup__form {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.popup--form .popup__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.small-hero {
  position: relative;
  color: white;
  padding: 140px 0 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1024px) {
  .small-hero {
    padding: 140px 0 80px;
  }
}
.small-hero:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 37, 37, 0.5);
}
.small-hero + section {
  border-radius: 36px 36px 0 0;
  border-top: 1px solid #ECEAE6;
  background: #FFF;
  margin-top: -36px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1024px) {
  .small-hero + section {
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.small-hero + section.compare2 + .compare1 {
  border-radius: 36px 36px 0 0;
  margin-top: -36px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1024px) {
  .small-hero + section.compare2 + .compare1 {
    border-radius: 16px 16px 0 0;
    margin-top: -16px;
  }
}
.small-hero .container {
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  z-index: 3;
}
.small-hero__breadcrumbs {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  padding: 12px 16px;
  width: max-content;
  font-size: 12px;
}
@media (max-width: 1024px) {
  .small-hero__breadcrumbs {
    display: none;
  }
}
.small-hero__breadcrumbs > span {
  display: flex;
  gap: 32px;
}
.small-hero__breadcrumbs a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  transition: 0.4s;
  position: relative;
}
.small-hero__breadcrumbs a:hover {
  color: #FFF;
}
.small-hero__breadcrumbs a:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translate(50%, -50%);
  width: 9px;
  height: 16px;
  background-image: url(../img/slash.svg);
  background-size: contain;
  background-position: center;
}
.small-hero__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .small-hero__text {
    gap: 8px;
  }
}
@media (min-width: 1025px) {
  .small-hero__text p:not(.h1) {
    line-height: 2;
  }
  .small-hero__text p:not(.h1) br {
    display: none;
  }
}
.small-hero__text p:not(.h1) svg {
  margin: 0 12px;
  transform: translateY(8px);
}
@media (max-width: 1024px) {
  .small-hero__text p:not(.h1) svg {
    display: none;
  }
}
.small-hero--with-window {
  padding-bottom: 0;
}
.small-hero--with-window .container {
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .small-hero--with-window .container {
    flex-direction: column;
  }
}
.small-hero--with-window .small-hero__left {
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .small-hero--with-window .small-hero__left {
    padding-bottom: 0;
  }
}
.small-hero__window {
  width: 462px;
  min-width: 462px;
  border-radius: 36px 36px 0 0;
  background: #252525;
  padding: 48px 48px 106px 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .small-hero__window {
    width: 100%;
    min-width: unset;
    padding: 24px 20px 44px;
    border-radius: 16px 16px 0 0;
    gap: 20px;
  }
}
.small-hero__window .line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.small-hero__window p span {
  display: block;
  margin-bottom: 12px;
}
.small-hero__window .btn {
  width: 100%;
}
.small-hero__window--yellow {
  width: 380px;
  min-width: 380px;
  padding: 48px;
  border-radius: 36px;
  background: #F4C456;
  color: #252525;
  height: max-content;
  align-self: center;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .small-hero__window--yellow {
    margin-bottom: 0;
    width: 100%;
    min-width: unset;
    padding: 24px 20px 44px;
    border-radius: 16px 16px 0 0;
  }
}
.small-hero__window--yellow .line {
  opacity: 0.2;
  background: #252525;
}
.small-hero__window--blur {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  padding: 36px;
  height: max-content;
  align-self: center;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .small-hero__window--blur {
    margin-bottom: 0;
    width: 100%;
    min-width: unset;
    padding: 24px 20px 44px;
    border-radius: 16px 16px 0 0;
  }
}

.about1 .container {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .about1 .container {
    gap: 24px;
  }
}
.about1 .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.about1__list {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1024px) {
  .about1__list {
    flex-wrap: wrap;
    gap: 32px 24px;
  }
}
.about1__list .line {
  width: 1px;
  height: auto;
}
@media (max-width: 1024px) {
  .about1__list .line {
    display: none;
  }
}
.about1__list .box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1024px) {
  .about1__list .box {
    width: calc(50% - 12px);
  }
}
.about1__list .box__num {
  font-family: "Unbounded", sans-serif;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .about1__list .box__num {
    font-size: 24px;
  }
}
.about1__list .box__title {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .about1__list .box__title {
    font-size: 16px;
  }
}
.about1__list .box__descr {
  font-size: 14px;
  opacity: 0.7;
}
.about1 .btn {
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .about1 .btn {
    width: 100%;
  }
}

.about2 {
  background: #191919;
  color: white;
  padding: 0;
  overflow: hidden;
}
.about2__nav {
  background: #191919;
  padding: 111px 0 24px;
  border-radius: 0 0 36px 36px;
}
@media (max-width: 1024px) {
  .about2__nav {
    padding: 85px 0 16px;
    border-radius: 0 0 16px 16px;
  }
}
.about2__nav .container {
  display: flex;
  gap: 12px;
}
@media (max-width: 1024px) {
  .about2__nav .container {
    gap: 4px;
  }
}
.about2__nav .box {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
}
.about2__nav .line {
  width: 0;
  display: block;
  height: 8px;
  border-radius: 12px;
  background: #F4C456;
}
.about2 .abSec {
  padding: 48px 0;
  display: flex;
  gap: 48px;
  min-height: calc(100vh - 148px);
}
@media (max-width: 1024px) {
  .about2 .abSec {
    flex-direction: column;
    gap: 24px;
    padding: 40px 0;
  }
}
@media (min-width: 1025px) {
  .about2 .abSec:nth-child(2n):not(.abSec--2col) {
    flex-direction: row-reverse;
  }
}
.about2 .abSec.abSec--2col {
  flex-wrap: wrap;
  min-height: unset;
}
.about2 .abSec.abSec--2col > .h2 {
  width: 100%;
}
@media (max-width: 1024px) {
  .about2 .abSec.abSec--2col > .h2 {
    font-size: 24px;
  }
}
.about2 .abSec.abSec--2col .abSec__text {
  width: calc(50% - 49px);
}
@media (max-width: 1024px) {
  .about2 .abSec.abSec--2col .abSec__text {
    width: 100%;
  }
}
.about2 .abSec.abSec--2col .line {
  width: 1px;
  opacity: 0.2;
  background: #ECEAE6;
}
@media (max-width: 1024px) {
  .about2 .abSec.abSec--2col .line {
    display: none;
  }
}
.about2 .abSec__text {
  width: calc(43% - 24px);
  align-self: center;
}
@media (max-width: 1024px) {
  .about2 .abSec__text {
    width: 100%;
  }
}
.about2 .abSec .txt-content h3 {
  font-size: 36px;
}
.about2 .abSec .txt-content h3 + h4 {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .about2 .abSec .txt-content h3 {
    font-size: 24px;
  }
  .about2 .abSec .txt-content h3 + h4 {
    margin-top: 12px;
    font-weight: 500;
  }
}
.about2 .abSec .txt-content h4 {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .about2 .abSec .txt-content h4 {
    font-size: 18px;
  }
}
.about2 .abSec__img {
  width: calc(57% - 24px);
}
@media (max-width: 1024px) {
  .about2 .abSec__img {
    width: 100%;
  }
}
.about2 .abSec__img img, .about2 .abSec__img video, .about2 .abSec__img iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .about2 .abSec__img img, .about2 .abSec__img video, .about2 .abSec__img iframe {
    height: auto;
    border-radius: 16px;
  }
}

.about3 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .about3 .container {
    gap: 24px;
  }
}
.about3__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .about3__list {
    gap: 16px;
  }
}
.about3 .box {
  width: calc(50% - 12px);
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .about3 .box {
    width: 100%;
    border-radius: 16px;
    padding: 24px 16px;
    gap: 20px;
  }
}
.about3 .box ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .about3 .box ul {
    gap: 12px;
  }
}
.about3 .box li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  padding-left: 28px;
  position: relative;
}
.about3 .box li.line {
  background: #ECEAE6;
  height: 1px;
  width: 100%;
}
.about3 .box li svg {
  position: absolute;
  left: 0;
  top: 1px;
}
.about3 .box li p {
  font-size: 16px;
  font-weight: 600;
}

.about4 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .about4 .container {
    gap: 24px;
  }
}
.about4__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}
.about4 .box {
  width: calc(33.333% - 16px);
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-top: -1px;
}
@media (max-width: 1024px) {
  .about4 .box {
    width: 100%;
    padding: 16px 0;
  }
}
.about4 .box span {
  font-size: 14px;
  opacity: 0.5;
}
.about4 .box p {
  font-size: 16px;
}
.about4 .box a {
  color: inherit;
  text-decoration: underline;
}
@media not all and (pointer: coarse) {
  .about4 .box a:hover {
    color: #F4C456;
  }
}
.about4 .box a:active {
  color: #F4C456;
}

.about5 {
  background: #252525;
  color: white;
  overflow: hidden;
}
.about5 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .about5 .container {
    gap: 24px;
  }
}
.about5 .splide {
  overflow: visible;
  position: relative;
  cursor: grab;
}
.about5 .splide__track {
  overflow: visible;
}
.about5 .splide__cursor {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 24px;
  border-radius: 99px;
  padding: 20px 24px;
  background: #EFC116;
  display: flex;
  gap: 10px;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .about5 .splide__cursor {
    display: none;
  }
}
.about5 .splide__cursor .line {
  width: 1px;
  opacity: 0.2;
  background: #252525;
}
.about5 .splide__cursor svg {
  display: block;
  width: 24px;
  height: 24px;
}
.about5 .splide img {
  display: block;
  width: auto;
  height: 420px;
  border-radius: 24px;
}
@media (max-width: 1024px) {
  .about5 .splide img {
    height: 300px;
    border-radius: 16px;
  }
}

.build1 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  background: #FEFCF7 !important;
}
@media (max-width: 1024px) {
  .build1 {
    gap: 32px;
  }
}
.build1__top ul {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 1024px) {
  .build1__top ul {
    gap: 8px;
  }
}
.build1__top li {
  width: 100%;
}
.build1__top li.is-active a {
  color: #FFF;
  border-color: #F4C456;
  background: #252525;
}
@media (min-width: 1025px) {
  .build1__top li.is-active a {
    font-size: 20px;
    padding: 12px;
    border-width: 2px;
  }
}
.build1__top a {
  width: 100%;
  border-radius: 72px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #252525;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .build1__top a:hover {
    background: #F4C456;
  }
}
.build1__top a:active {
  background: #F4C456;
}
.build1__main .box {
  padding: 48px 0 48px 118px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 44px;
  border-top: 1px solid #ECEAE6;
  position: relative;
}
@media (min-width: 1025px) {
  .build1__main .box:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #ECEAE6;
    border-radius: 99px;
  }
  .build1__main .box:after {
    content: "";
    position: absolute;
    left: 46px;
    top: 112px;
    width: 1px;
    height: calc(100% - 160px);
    background: #ECEAE6;
  }
}
@media (max-width: 1024px) {
  .build1__main .box {
    padding: 32px 0;
    flex-direction: column;
    gap: 20px;
  }
}
.build1__main .box:last-child {
  padding-bottom: 0;
}
.build1__main .box__text {
  width: 100%;
  max-width: 566px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build1__main .box__text {
    gap: 16px;
  }
}
.build1__main .box__text .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
@media (max-width: 1024px) {
  .build1__main .box__text h3 {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .build1__main .box__text .btn {
    width: 100%;
  }
}
.build1__main .box__top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .build1__main .box__top {
    gap: 8px;
  }
}
@media (min-width: 1025px) {
  .build1__main .box__top h2 {
    font-size: 36px;
  }
}
@media (max-width: 1024px) {
  .build1__main .box__top h2 {
    font-size: 24px;
  }
}
.build1__main .box__top p {
  opacity: 0.7;
}
.build1__main .box__tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build1__main .box__tabs {
    gap: 16px;
  }
}
.build1__main .box__tabs .tabs__header {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #ECEAE6;
  width: max-content;
}
.build1__main .box__tabs .tabs__header .tabs__item {
  padding: 6px 4px;
  font-size: 16px;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.4s;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
@media (max-width: 1024px) {
  .build1__main .box__tabs .tabs__header .tabs__item {
    font-size: 14px;
  }
}
.build1__main .box__tabs .tabs__header .tabs__item.is-active {
  opacity: 1;
  border-block-color: #F4C456;
}
@media not all and (pointer: coarse) {
  .build1__main .box__tabs .tabs__header .tabs__item:hover {
    opacity: 1;
  }
}
.build1__main .box__tabs .tabs__header .tabs__item:active {
  opacity: 1;
}
.build1__main .box__tabs .tabs__body .tabs__item ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .build1__main .box__tabs .tabs__body .tabs__item ul {
    gap: 8px;
  }
}
.build1__main .box__tabs .tabs__body .tabs__item li {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: block;
  padding-left: 36px;
}
@media (max-width: 1024px) {
  .build1__main .box__tabs .tabs__body .tabs__item li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
  }
}
.build1__main .box__tabs .tabs__body .tabs__item li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url(../img/check_1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .build1__main .box__tabs .tabs__body .tabs__item li:before {
    top: -1px;
    width: 20px;
    height: 20px;
  }
}
.build1__main .box__images {
  width: 100%;
  max-width: 566px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build1__main .box__images {
    gap: 12px;
  }
}
.build1__main .box__images img {
  display: block;
  aspect-ratio: 566/358;
  border-radius: 24px;
  width: calc(33.333% - 16px);
  object-fit: cover;
}
@media (max-width: 1024px) {
  .build1__main .box__images img {
    border-radius: 16px;
    width: calc(33.333% - 8px);
  }
}
.build1__main .box__images img:nth-child(1) {
  width: 100%;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .build1__main .box__images img:nth-child(1) {
    border-radius: 16px;
  }
}
.build1__main .box__images span {
  width: calc(33.333% - 16px);
  border-radius: 24px;
  border: 1px solid #ECEAE6;
  background: #F8F5ED;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Unbounded", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .build1__main .box__images span {
    border-radius: 16px;
    width: calc(33.333% - 8px);
    font-size: 20px;
  }
}

.build2 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .build2 .container {
    gap: 24px;
  }
}
.build2__sliders {
  display: flex;
  gap: 64px;
}
@media (max-width: 1024px) {
  .build2__sliders {
    flex-direction: column;
    gap: 16px;
  }
}
.build2__sliders .splide {
  width: calc(50% - 32px);
}
@media (max-width: 1024px) {
  .build2__sliders .splide {
    width: 100%;
  }
}
.build2__sliders .splide .box {
  width: 100%;
  padding-bottom: 76%;
  position: relative;
  cursor: pointer;
  display: block;
}
.build2__sliders .splide img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .build2__sliders .splide img {
    border-radius: 16px;
  }
}
.build2__sliders .splide__cursor {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 24px;
  border-radius: 12px;
  background: #EFC116;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .build2__sliders .splide__cursor {
    right: 12px;
    bottom: 12px;
  }
}
.build2__sliders .thumbnails {
  width: calc(50% - 32px);
  position: relative;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails {
    width: 100%;
  }
}
.build2__sliders .thumbnails__scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__scroll {
    gap: 12px;
  }
}
.build2__sliders .thumbnails__scroll.is-scrollable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 24px;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__scroll.is-scrollable {
    border-radius: 16px;
    padding: 12px;
    height: 260px;
    position: static;
  }
}
.build2__sliders .thumbnails__scroll.is-scrollable::-webkit-scrollbar {
  width: 0px;
}
.build2__sliders .thumbnails__scroll.is-scrollable::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.build2__sliders .thumbnails__scroll.is-scrollable::-webkit-scrollbar-thumb {
  background: #888;
}
.build2__sliders .thumbnails__scroll.is-scrollable::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.build2__sliders .thumbnails__slide {
  width: calc(33.333% - 16px);
  display: block;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__slide {
    width: calc(33.333% - 8px);
  }
}
.build2__sliders .thumbnails__slide.is-active .box {
  border-color: #F4C456;
}
.build2__sliders .thumbnails__slide.is-active .box img {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__slide.is-active .box img {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 8px;
  }
}
.build2__sliders .thumbnails__slide .box {
  width: 100%;
  padding-bottom: 70%;
  position: relative;
  border-radius: 24px;
  border: 4px solid transparent;
  background: #FFF;
  cursor: pointer;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__slide .box {
    border-radius: 12px;
    border-width: 2px;
  }
}
.build2__sliders .thumbnails__slide img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .build2__sliders .thumbnails__slide img {
    border-radius: 12px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }
}
.build2 .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.build2__description {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build2__description {
    flex-direction: column;
  }
}
.build2__text {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media (max-width: 1024px) {
  .build2__text {
    width: 100%;
    gap: 24px;
  }
}
.build2__text-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build2__text-top {
    gap: 24px;
  }
}
@media (min-width: 1025px) {
  .build2__text-top h3 {
    font-size: 36px;
  }
}
.build2__text-top ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .build2__text-top ul {
    gap: 8px;
  }
}
.build2__text-top li {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px 6px 28px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  position: relative;
}
@media (max-width: 1024px) {
  .build2__text-top li {
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 6px 12px 6px 22px;
  }
}
.build2__text-top li:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 48%;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  background: #F4C456;
  border-radius: 9px;
}
@media (max-width: 1024px) {
  .build2__text-top li:before {
    width: 6px;
    height: 6px;
    top: 50%;
    left: 8px;
  }
}
.build2__text-tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build2__text-tabs {
    gap: 16px;
  }
}
.build2__text-tabs .tabs__header {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #ECEAE6;
  width: max-content;
}
.build2__text-tabs .tabs__header .tabs__item {
  padding: 6px 4px;
  font-size: 16px;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.4s;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
@media (max-width: 1024px) {
  .build2__text-tabs .tabs__header .tabs__item {
    font-size: 14px;
  }
}
.build2__text-tabs .tabs__header .tabs__item.is-active {
  opacity: 1;
  border-block-color: #F4C456;
}
@media not all and (pointer: coarse) {
  .build2__text-tabs .tabs__header .tabs__item:hover {
    opacity: 1;
  }
}
.build2__text-tabs .tabs__header .tabs__item:active {
  opacity: 1;
}
.build2__text-tabs .tabs__body .tabs__item ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .build2__text-tabs .tabs__body .tabs__item ul {
    gap: 8px;
  }
}
.build2__text-tabs .tabs__body .tabs__item li {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: block;
  padding-left: 36px;
}
@media (max-width: 1024px) {
  .build2__text-tabs .tabs__body .tabs__item li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
  }
}
.build2__text-tabs .tabs__body .tabs__item li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url(../img/check_1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .build2__text-tabs .tabs__body .tabs__item li:before {
    top: -1px;
    width: 20px;
    height: 20px;
  }
}
.build2__table {
  width: calc(50% - 12px);
  padding: 36px;
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .build2__table {
    width: 100%;
    gap: 20px;
    padding: 24px 16px;
    border-radius: 16px;
  }
}
.build2__table-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .build2__table-list {
    gap: 16px;
  }
}
.build2__table .box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .build2__table .box {
    gap: 8px;
  }
}
.build2__table .box__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.build2__table .box__top p {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .build2__table .box__top p {
    font-size: 14px;
    font-weight: 500;
  }
}
.build2__table .box__top span {
  font-size: 16px;
  font-weight: 600;
  padding: 9px 8px 7px 8px;
  width: 80px;
  border-radius: 8px;
  border: 1px solid #ECEAE6;
  background: #F8F5ED;
  text-align: center;
  display: block;
}
@media (max-width: 1024px) {
  .build2__table .box__top span {
    font-size: 14px;
    font-weight: 500;
    padding: 4px;
    border-radius: 4px;
    width: 60px;
  }
}
.build2__table .box__top span.is-green {
  background: #7AC943;
  border-color: #7AC943;
  color: white;
}
.build2__table .box__progress {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.12);
  display: block;
}
.build2__table .box__progress span {
  display: block;
  height: 100%;
  background: #252525;
  border-radius: 8px;
}
.build2__table .box__bottom p {
  opacity: 0.5;
  font-size: 14px;
}

.catalog1 {
  overflow: hidden;
}
.catalog1.is-loading .catalog1__aside,
.catalog1.is-loading .catalog1__main {
  opacity: 0.5;
  pointer-events: none;
}
.catalog1 .container {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 64px;
}
@media (max-width: 1280px) {
  .catalog1 .container {
    gap: 48px 24px;
  }
}
@media (max-width: 1024px) {
  .catalog1 .container {
    gap: 24px;
  }
}
.catalog1 h1 {
  width: 100%;
}
.catalog1 .filter-mob-btn {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
  padding: 4px;
  display: flex;
  align-items: center;
  width: 100% !important;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  z-index: 10;
}
.catalog1 .filter-mob-btn p {
  width: 100%;
}
.catalog1 .filter-mob-btn span {
  width: 100%;
  border-radius: 8px;
  background: #252525;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.catalog1 .filter-mob-btn span svg {
  transition: 0.4s;
}
.catalog1 .filter-mob-btn span svg * {
  transition: 0.4s;
  fill: #F4C456;
}
.catalog1__aside {
  width: 330px;
  transition: opacity 0.4s;
}
@media (max-width: 1280px) {
  .catalog1__aside {
    width: 310px;
  }
}
@media (max-width: 1024px) {
  .catalog1__aside {
    position: fixed;
    z-index: 80;
    inset: 0;
    width: 100%;
    background: rgba(37, 37, 37, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
    background: #FEFCF7;
    padding-top: 82px;
  }
  .catalog1__aside.is-open {
    opacity: 1;
    pointer-events: auto;
  }
}
.catalog1__aside .filter {
  border-radius: 20px;
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  padding: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
@media (min-width: 1025px) {
  .catalog1__aside .filter {
    height: calc(100vh - 118px - 32px);
  }
}
@media (max-width: 1024px) {
  .catalog1__aside .filter {
    gap: 0;
    height: 100%;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0;
    transition: transform 0.4s;
    padding: 0;
    border: none;
  }
}
.catalog1__aside .filter__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1024px) {
  .catalog1__aside .filter__top {
    border: 1px solid #ECEAE6;
    border-radius: 0 0 16px 16px;
    border-top: none;
    padding: 4px 16px 16px;
  }
}
.catalog1__aside .filter__top p {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
  position: relative;
  width: max-content;
}
@media (max-width: 1280px) {
  .catalog1__aside .filter__top p {
    font-size: 22px;
  }
}
.catalog1__aside .filter__top p span {
  color: #F4C456;
  font-size: 14px;
  position: absolute;
  left: calc(100% + 2px);
  top: 0;
}
.catalog1__aside .filter__top .del {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.05);
  padding: 8px 8px 8px 12px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.4s;
}
@media not all and (pointer: coarse) {
  .catalog1__aside .filter__top .del:hover {
    background: rgba(212, 73, 42, 0.1);
  }
  .catalog1__aside .filter__top .del:hover svg * {
    fill: #D4492A;
  }
}
.catalog1__aside .filter__top .del:active {
  background: rgba(212, 73, 42, 0.1);
}
.catalog1__aside .filter__top .del:active svg * {
  fill: #D4492A;
}
.catalog1__aside .filter__top .del svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.catalog1__aside .filter__top .del svg * {
  fill: rgba(37, 37, 37, 0.5);
  transition: 0.4s;
}
.catalog1__aside .filter__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 24px;
  margin-bottom: 88px;
  padding-right: 12px;
  width: calc(100% + 12px);
}
.catalog1__aside .filter__main::-webkit-scrollbar {
  width: 4px;
}
.catalog1__aside .filter__main::-webkit-scrollbar-thumb {
  background: rgba(37, 37, 37, 0.15);
  border-radius: 99px;
}
.catalog1__aside .filter__main::-webkit-scrollbar-thumb:hover {
  background: #F4C456;
}
@media (min-width: 1025px) {
  .catalog1__aside .filter__main {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
  }
}
@media (max-width: 1024px) {
  .catalog1__aside .filter__main {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    margin-bottom: 0;
  }
}
.catalog1__aside .filter__main .line {
  width: 100%;
  height: 1px;
  min-height: 1px;
  background: #ECEAE6;
}
.catalog1__aside .filter__main .input-list .input-box {
  width: calc(50% - 5px);
}
.catalog1__aside .filter__main .filter-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.catalog1__aside .filter__main .filter-box__label {
  font-size: 14px;
  font-weight: 600;
}
.catalog1__aside .filter__main .range-slider .thumb {
  z-index: 1;
}
.catalog1__aside .filter__main .range-slider .thumb.is-active span {
  transform: translate(0, calc(-100% - 2px));
}
.catalog1__aside .filter__main .range-slider .thumb .box {
  padding: 0;
  border: none;
  background: transparent;
}
.catalog1__aside .filter__main .range-slider .thumb span {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 30px;
  border: 3px solid #F4C456;
  background: #252525;
  transition: 0.4s;
  color: #FFF;
  font-size: 14px;
}
.catalog1__aside .filter__bottom {
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  border-radius: 20px;
  position: absolute;
  left: -1px;
  bottom: -1px;
  padding: 24px;
  width: calc(100% + 2px);
}
@media (max-width: 1024px) {
  .catalog1__aside .filter__bottom {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    flex-shrink: 0;
    border-radius: 16px 16px 0 0;
    padding: 16px;
  }
}
.catalog1__aside .filter__bottom .btn {
  width: 100%;
}
.catalog1__main {
  width: calc(100% - 330px - 64px);
  display: flex;
  flex-direction: column;
  gap: 36px;
  transition: 0.4s;
}
@media (max-width: 1280px) {
  .catalog1__main {
    width: calc(100% - 310px - 24px);
  }
}
@media (max-width: 1024px) {
  .catalog1__main {
    width: 100%;
  }
}
.catalog1__main-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media (max-width: 1280px) {
  .catalog1__main-top {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media (max-width: 1024px) {
  .catalog1__main-top {
    display: none;
  }
}
.catalog1__main-top .list {
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.catalog1__main-top .list p {
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.05);
  padding: 8px 16px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: white;
  background: #252525;
}
.catalog1__main-top .list button {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.05);
  padding: 8px 8px 8px 16px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.4s;
}
@media not all and (pointer: coarse) {
  .catalog1__main-top .list button:hover {
    background: rgba(212, 73, 42, 0.1);
  }
  .catalog1__main-top .list button:hover svg * {
    fill: #D4492A;
  }
}
.catalog1__main-top .list button:active {
  background: rgba(212, 73, 42, 0.1);
}
.catalog1__main-top .list button:active svg * {
  fill: #D4492A;
}
.catalog1__main-top .list button svg {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.catalog1__main-top .list button svg * {
  fill: rgba(37, 37, 37, 0.5);
  transition: 0.4s;
}
.catalog1__main-top .select[data-name=currency] {
  min-width: 100px;
}
.catalog1__main-top .select[data-name=sort] {
  min-width: 270px;
}
.catalog1__main-list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
@media (max-width: 1280px) {
  .catalog1__main-list {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .catalog1__main-list {
    gap: 12px;
  }
}
.catalog1__main-list .flat {
  width: calc(33.333% - 24px);
}
@media (max-width: 1400px) {
  .catalog1__main-list .flat {
    width: calc(50% - 18px);
  }
}
@media (max-width: 1280px) {
  .catalog1__main-list .flat {
    width: calc(50% - 12px);
  }
}
@media (max-width: 1024px) {
  .catalog1__main-list .flat {
    width: calc(50% - 6px);
  }
}
.catalog1__main-list .button-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .catalog1__main-list .button-row .btn {
    width: 100%;
  }
}

.flat {
  color: #252525;
}
@media not all and (pointer: coarse) {
  .flat:hover .flat__main {
    border-color: #F4C456;
  }
}
.flat:active .flat__main {
  border-color: #F4C456;
}
.flat__top {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px 56px 24px;
  border-radius: 24px 24px 0 0;
}
@media (max-width: 1024px) {
  .flat__top {
    border-radius: 16px;
    padding: 12px 8px 50px;
  }
}
.flat__top--free {
  background: #7AC943;
}
.flat__top--booked {
  background: #BFD3DD;
}
.flat__top--sold {
  background: #D4492A;
  color: #fff;
}
.flat__top p {
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .flat__top p {
    font-size: 10px;
  }
}
.flat__main {
  border-radius: 24px;
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  padding: 20px 20px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: -40px;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .flat__main {
    border-radius: 16px;
    padding: 8px;
    gap: 12px;
    position: relative;
  }
}
.flat__image {
  height: 200px;
  padding: 20px;
}
@media (max-width: 1024px) {
  .flat__image {
    padding: 12px;
    height: 120px;
  }
}
.flat__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.flat__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1024px) {
  .flat__title {
    gap: 4px;
  }
}
.flat__title p {
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
}
@media (max-width: 1024px) {
  .flat__title p {
    font-size: 12px;
  }
  .flat__title p:nth-child(2) {
    opacity: 0.5;
  }
}
.flat .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.flat__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 1024px) {
  .flat__tags {
    gap: 4px;
  }
}
.flat__tags li {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
}
@media (max-width: 1024px) {
  .flat__tags li {
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 4px;
  }
}
.flat__price {
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .flat__price {
    font-size: 12px;
  }
}
.flat__buttons {
  display: flex;
  gap: 16px;
}
.flat__buttons .btn {
  padding: 12px;
  min-width: 49px;
}
@media (max-width: 1024px) {
  .flat__buttons .btn {
    font-size: 12px;
    padding: 8px;
  }
}
.flat__buttons .btn:nth-child(1) {
  width: 100%;
}
.flat__buttons .btn:nth-child(2).is-active {
  background: #F4C456;
  border-color: #F4C456;
}
@media (max-width: 1024px) {
  .flat__buttons .btn:nth-child(2) {
    position: absolute;
    right: 12px;
    top: 12px;
    min-width: 38px;
    height: 38px;
  }
  .flat__buttons .btn:nth-child(2) svg {
    width: 16px;
    min-width: 16px;
    height: auto;
  }
}

.single1 .container {
  display: flex;
  gap: 64px;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .single1 .container {
    flex-direction: column;
    gap: 48px;
  }
}
.single1__left {
  width: calc(60% - 32px);
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .single1__left {
    width: 100%;
    gap: 24px;
  }
}
@media (max-width: 1280px) {
  .single1__left .h2 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .single1__left .h2 {
    font-size: 24px;
  }
}
.single1__left .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.single1__top {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1280px) {
  .single1__top {
    flex-direction: column;
  }
}
.single1__top ul {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .single1__top ul {
    gap: 12px;
  }
}
.single1__top ul li {
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 12px 24px;
  display: flex;
  gap: 16px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .single1__top ul li {
    gap: 12px;
    flex-grow: 1;
    justify-content: center;
  }
}
.single1__top ul li.free {
  background: #7AC943;
  border-color: #7AC943;
}
.single1__top ul li.booked {
  background: #BFD3DD;
  border-color: #BFD3DD;
}
.single1__top ul li.sold {
  background: #D4492A;
  border-color: #D4492A;
  color: #fff;
}
.single1__top ul li .line {
  width: 1px;
  height: auto;
}
@media (max-width: 1024px) {
  .single1__top ul li:last-child {
    width: 100%;
    justify-content: space-between;
  }
}
.single1__top .btn {
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .single1__top .btn {
    width: 100%;
  }
}
.single1__area {
  display: flex;
  gap: 36px;
}
@media (max-width: 1024px) {
  .single1__area {
    gap: 20px;
  }
}
.single1__area .line {
  width: 1px;
  height: auto;
}
.single1__area .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.single1__area .box span {
  font-family: "Unbounded", sans-serif;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .single1__area .box span {
    font-size: 20px;
  }
}
.single1__area .box p {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .single1__area .box p {
    font-size: 14px;
    font-weight: 500;
  }
}
.single1__rooms ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
@media (max-width: 1024px) {
  .single1__rooms ul {
    gap: 16px;
  }
}
.single1__rooms ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.single1__rooms ul li:nth-child(2n-1) {
  width: calc(50% - 24px);
}
@media (max-width: 1024px) {
  .single1__rooms ul li:nth-child(2n-1) {
    width: 100%;
  }
}
.single1__rooms ul li:nth-child(2n) {
  width: calc(50% - 24px);
  padding-left: 24px;
  border-left: 1px solid #ECEAE6;
}
@media (max-width: 1024px) {
  .single1__rooms ul li:nth-child(2n) {
    width: 100%;
    border: none;
    padding-left: 0;
  }
}
.single1__rooms ul li span {
  font-size: 16px;
  font-weight: 600;
}
.single1__rooms ul li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.05);
}
.single1__rooms ul li p {
  display: flex;
  gap: 8px;
}
.single1__about {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .single1__about {
    gap: 12px;
  }
}
.single1__about h3 {
  font-weight: 500;
}
.single1__about ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .single1__about ul {
    gap: 8px;
  }
}
.single1__about li {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px 6px 28px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  position: relative;
}
@media (max-width: 1024px) {
  .single1__about li {
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 6px 12px 6px 22px;
  }
}
.single1__about li.hidden {
  display: none;
}
.single1__about li:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 48%;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  background: #F4C456;
  border-radius: 9px;
}
@media (max-width: 1024px) {
  .single1__about li:before {
    width: 6px;
    height: 6px;
    top: 50%;
    left: 8px;
  }
}
.single1__buttons {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .single1__buttons {
    gap: 12px;
  }
}
@media (max-width: 1024px) {
  .single1__buttons .btn {
    width: 100%;
  }
}
.single1__right {
  width: calc(40% - 32px);
  min-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .single1__right {
    min-width: 420px;
  }
}
@media (max-width: 1024px) {
  .single1__right {
    width: 100%;
    min-width: unset;
    gap: 16px;
  }
}
.single1__window {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  border-radius: 36px;
  background: #252525;
  color: #fff;
}
@media (max-width: 1280px) {
  .single1__window {
    padding: 32px 24px 24px;
  }
}
@media (max-width: 1024px) {
  .single1__window {
    padding: 24px 16px 16px;
    border-radius: 16px;
  }
}
.single1__window-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: "Unbounded", sans-serif;
}
.single1__window .hidden-price {
  color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.single1__window .btn {
  width: 100%;
}
.single1__gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .single1__gallery {
    width: 100%;
    align-items: stretch;
  }
}
@media (max-width: 1024px) {
  .single1__gallery {
    gap: 16px;
  }
}
.single1__gallery-item {
  display: block;
  position: relative;
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  width: 100%;
  padding: 16px;
}
@media (max-width: 1024px) {
  .single1__gallery-item {
    border-radius: 16px;
    padding: 8px;
  }
}
.single1__gallery-item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .single1__gallery-item img {
    border-radius: 8px;
  }
}
.single1__gallery-item p {
  color: #252525;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  position: absolute;
  right: 0;
  top: -1px;
}
@media (max-width: 1024px) {
  .single1__gallery-item p {
    font-size: 14px;
  }
}
.single1__gallery-item .cursor {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  border-radius: 12px;
  background: #EFC116;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .single1__gallery-item .cursor {
    right: 16px;
    bottom: 16px;
    border-radius: 8px;
    width: 32px;
    height: 32px;
  }
  .single1__gallery-item .cursor svg {
    width: 16px;
    height: auto;
  }
}

.compare-popup {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(37, 37, 37, 0.6);
  backdrop-filter: blur(12px);
  padding: 4px;
  display: flex;
  align-items: center;
  width: calc(100% - 32px);
  max-width: 400px;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .compare-popup {
    bottom: 16px;
  }
}
.compare-popup p {
  width: 100%;
}
.compare-popup__num {
  width: 100%;
  border-radius: 8px;
  background: #252525;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: 0.4s;
}
.compare-popup__num svg * {
  transition: 0.4s;
  fill: #F4C456;
}
@media not all and (pointer: coarse) {
  .compare-popup:hover .compare-popup__num {
    background: #F4C456;
    color: #252525;
  }
  .compare-popup:hover .compare-popup__num svg * {
    fill: #252525;
  }
}
.compare-popup:active .compare-popup__num {
  background: #F4C456;
  color: #252525;
}
.compare-popup:active .compare-popup__num svg * {
  fill: #252525;
}
.compare-popup.is-active {
  opacity: 1;
  pointer-events: auto;
}

.in-compare .btn[data-function=add-to-compare] {
  background: #F4C456;
  border-color: #F4C456;
  color: #252525;
}
.in-compare .btn[data-function=add-to-compare] svg * {
  fill: #252525;
}

.compare2 {
  display: none;
}
.compare2.is-shown {
  display: block;
}
.compare2 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  text-align: center;
}
@media (max-width: 1024px) {
  .compare2 .container {
    gap: 24px;
  }
}

.compare1.is-hidden {
  display: none;
}
.compare1 {
  background: #FEFCF7 !important;
  overflow: hidden;
}
.compare1 .container {
  border: 1px solid #ECEAE6;
  border-radius: 20px;
  padding: 24px 0 24px 24px;
}
@media (max-width: 1024px) {
  .compare1 .container {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .compare1 .container {
    max-width: unset;
    border: none;
    border-radius: 0;
    padding: 0 0 0 16px;
  }
}
.compare1__inner {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(37, 37, 37, 0.15) transparent;
}
.compare1__inner::-webkit-scrollbar {
  height: 4px;
}
.compare1__inner::-webkit-scrollbar-thumb {
  background: rgba(37, 37, 37, 0.15);
  border-radius: 99px;
}
.compare1__wrap {
  display: flex;
  flex-direction: column;
  min-width: max-content;
}
.compare1__top {
  display: flex;
  align-items: stretch;
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .compare1__top {
    flex-direction: column;
    gap: 16px;
  }
}
.compare1__sidebar {
  min-width: 304px;
  width: 304px;
  box-sizing: border-box;
  padding-right: 24px;
  border-right: 1px solid #ECEAE6;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1024px) {
  .compare1__sidebar {
    min-width: unset;
    width: calc(100vw - 32px);
    max-width: 452px;
    padding-right: 0;
    border-right: none;
  }
}
@media (max-width: 600px) {
  .compare1__sidebar {
    max-width: unset;
  }
}
.compare1__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .compare1__head {
    gap: 8px;
  }
}
@media (min-width: 1025px) {
  .compare1__head .h2 {
    font-size: 36px;
  }
}
.compare1__head p {
  font-size: 16px;
}
.compare1__toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .compare1__toggle-row {
    font-size: 12px;
  }
}
.compare1__toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.compare1__toggle-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.compare1__toggle-track {
  width: 64px;
  height: 25px;
  background: rgba(37, 37, 37, 0.1);
  border-radius: 99px;
  position: relative;
  flex-shrink: 0;
  transition: 0.4s;
}
.compare1__toggle-thumb {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 21px;
  border-radius: 26px;
  background: #252525;
  transition: 0.4s;
}
.compare1__toggle .compare1__toggle-input:checked + .compare1__toggle-track {
  background: #F4C456;
}
.compare1__toggle .compare1__toggle-input:checked + .compare1__toggle-track .compare1__toggle-thumb {
  left: calc(100% - 38px);
}
.compare1__cards {
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 0 24px;
}
@media (max-width: 1024px) {
  .compare1__cards {
    padding: 0 16px 0 0;
    gap: 12px;
  }
}
.compare1__card {
  min-width: 280px;
  width: 280px;
  border: 1px solid #ECEAE6;
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .compare1__card {
    width: 200px;
    min-width: 200px;
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
    position: relative;
  }
}
.compare1__card-img {
  height: 140px;
  padding: 16px;
}
@media (max-width: 1024px) {
  .compare1__card-img {
    padding: 8px;
    height: 100px;
  }
}
.compare1__card-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.compare1__card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.compare1__card-name {
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .compare1__card-name {
    font-size: 13px;
  }
}
.compare1__card-buttons {
  display: flex;
  gap: 16px;
}
.compare1__card-buttons .btn {
  padding: 12px;
}
.compare1__card-buttons .btn:nth-child(1) {
  width: 100%;
}
.compare1__card-buttons .btn.btn-del {
  border: 1px solid #DFDACC;
  background: #F8F5ED;
}
@media (max-width: 1024px) {
  .compare1__card-buttons .btn.btn-del {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 10px;
  }
}
.compare1__card-buttons .btn.btn-del svg {
  width: 24px;
  min-width: 24px;
  height: auto;
}
@media (max-width: 1024px) {
  .compare1__card-buttons .btn.btn-del svg {
    width: 20px;
    min-width: 20px;
  }
}
.compare1__card-buttons .btn.btn-del svg * {
  fill: rgba(37, 37, 37, 0.5);
}
@media not all and (pointer: coarse) {
  .compare1__card-buttons .btn.btn-del:hover {
    background: rgba(212, 73, 42, 0.2);
    border-color: rgba(212, 73, 42, 0.2);
  }
  .compare1__card-buttons .btn.btn-del:hover svg * {
    fill: #D4492A;
  }
}
.compare1__card-buttons .btn.btn-del:active {
  background: rgba(212, 73, 42, 0.2);
  border-color: rgba(212, 73, 42, 0.2);
}
.compare1__card-buttons .btn.btn-del:active svg * {
  fill: #D4492A;
}
.compare1__badge {
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .compare1__badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 10px;
  }
}
.compare1__badge--free {
  background: #7AC943;
  color: #252525;
}
.compare1__badge--booked {
  background: #BFD3DD;
  color: #252525;
}
.compare1__badge--sold {
  background: #D4492A;
  color: #fff;
}
.compare1__h-line {
  height: 1px;
  background: #ECEAE6;
}
@media (max-width: 1024px) {
  .compare1__h-line {
    display: none;
  }
}
.compare1__table {
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .compare1__table {
    padding-top: 0;
  }
}
.compare1__row {
  display: flex;
}
@media (max-width: 1024px) {
  .compare1__row {
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .compare1__row--shade .compare1__vals {
    background: #F8F5ED;
    border-radius: 12px;
  }
  .compare1__row--shade .compare1__label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 24px);
    height: 100%;
    background: #f8f5ed;
    border-radius: 12px;
    z-index: -1;
  }
}
.compare1__row.is-same {
  display: none;
}
.compare1__label {
  min-width: 304px;
  width: 304px;
  box-sizing: border-box;
  padding: 20px 16px;
  border-right: 1px solid #ECEAE6;
  position: sticky;
  z-index: 3;
  left: 0;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .compare1__label {
    min-width: unset;
    width: calc(100vw - 32px);
    max-width: 452px;
    background: #f8f5ed;
    border-radius: 12px;
    text-align: center;
    padding: 12px 16px;
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .compare1__label {
    max-width: unset;
  }
}
@media (min-width: 1025px) {
  .compare1__label:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #FEFCF7;
    z-index: -2;
  }
}
.compare1__vals {
  display: flex;
  align-items: stretch;
  gap: 24px;
  margin-left: 24px;
}
@media (max-width: 1024px) {
  .compare1__vals {
    margin-left: 0;
    gap: 12px;
  }
}
.compare1__val {
  min-width: 280px;
  width: 280px;
  padding: 20px 36px;
  font-size: 16px;
  line-height: 1.44;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .compare1__val {
    min-width: 200px;
    width: 200px;
    padding: 12px 16px;
    font-size: 14px;
    justify-content: center;
  }
}
.compare1__val sup {
  font-size: 0.6em;
  vertical-align: super;
  line-height: 0;
}
.compare1__val ul {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.compare1__val ul li {
  list-style: disc;
  font-size: 16px;
  line-height: 1.44;
}
@media (max-width: 1024px) {
  .compare1__val ul li {
    font-size: 14px;
  }
}

.condition1 {
  background: #252525 !important;
  border-top: 10px solid rgba(236, 234, 230, 0.2) !important;
  color: white;
  position: relative;
  overflow: hidden;
}
.condition1:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 350px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  opacity: 0.9;
  background: radial-gradient(#F4C456, transparent);
  filter: blur(12px);
}
.condition1:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #252525;
  opacity: 0.9;
  backdrop-filter: blur(30px);
}
.condition1 .container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 148px;
}
@media (max-width: 1024px) {
  .condition1 .container {
    gap: 24px;
  }
}
.condition1__title {
  font-family: "Unbounded", sans-serif;
  font-size: 64px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1024px) {
  .condition1__title {
    font-size: 20px;
    gap: 16px;
  }
}
.condition1__title span {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (max-width: 1024px) {
  .condition1__title span {
    gap: 20px;
  }
}
.condition1__title img {
  display: block;
  height: 127px;
  width: auto;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .condition1__title img {
    height: 60px;
    border-radius: 16px;
  }
}
.condition1__list {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .condition1__list {
    flex-direction: column;
  }
}
.condition1__item {
  display: flex;
  flex-direction: column;
  gap: 96px;
  padding: 48px 36px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  width: 100%;
  max-width: 420px;
}
@media (max-width: 1024px) {
  .condition1__item {
    gap: 48px;
    padding: 32px 24px;
    border-radius: 16px;
    width: 80%;
  }
  .condition1__item:nth-child(1) {
    transform: rotate(2deg);
  }
  .condition1__item:nth-child(2) {
    margin-left: auto;
    transform: rotate(-4deg);
    margin-top: -20px;
  }
  .condition1__item:nth-child(3) {
    margin-left: 20px;
    transform: rotate(2deg);
    margin-top: -12px;
  }
}
.condition1__item .box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .condition1__item .box {
    gap: 12px;
  }
}
.condition1__item .box p {
  font-size: 18px;
}
@media (max-width: 1024px) {
  .condition1__item .box p {
    font-size: 14px;
  }
}
.condition1__item .box span {
  font-family: "Unbounded", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 1320px) {
  .condition1__item .box span {
    font-size: 32px;
  }
}
@media (max-width: 1200px) {
  .condition1__item .box span {
    font-size: 20px;
  }
}

.condition2 {
  background: white;
}
.condition2 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .condition2 .container {
    gap: 24px;
  }
}
.condition2__cards {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1024px) {
  .condition2__cards {
    flex-direction: column;
  }
}
.condition2__card {
  flex: 1;
  min-width: 0;
  background: #FEFCF7;
  border: 1px solid #DFDACC;
  border-radius: 36px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .condition2__card {
    padding: 24px 16px;
    border-radius: 16px;
    gap: 16px;
  }
}
.condition2__num {
  display: flex;
  align-items: center;
  gap: 12px;
}
.condition2__num span:first-child {
  width: 20px;
  min-width: 20px;
  height: 4px;
  background: #F4C456;
  border-radius: 4px;
}
.condition2__num span:last-child {
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.condition2__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .condition2__body h3 {
    font-size: 24px;
  }
}
.condition2__body p {
  font-size: 16px;
}
.condition2__title {
  font-family: "Unbounded", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.44;
}
@media (max-width: 1024px) {
  .condition2__title {
    font-size: 22px;
  }
}
.condition2__divider {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
  flex-shrink: 0;
}
.condition2__stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.condition2__stat-num {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.44;
}
.condition2__stat-label {
  font-size: 14px;
}
.condition2__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.condition2__tags li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F8F5ED;
  border: 1px solid #DFDACC;
  border-radius: 8px;
  padding: 8px 16px 8px 12px;
  font-size: 14px;
}
.condition2__tags li::before {
  content: "";
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #F4C456;
  border-radius: 50%;
}

.condition4 {
  background: #FEFCF7;
}
.condition4 .container {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .condition4 .container {
    flex-direction: column;
  }
}
.condition4__left {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px 0;
}
@media (max-width: 1024px) {
  .condition4__left {
    padding: 0;
    gap: 24px;
  }
}
.condition4__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .condition4__tags {
    gap: 8px;
  }
}
.condition4__tags li {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F8F5ED;
  border: 1px solid #DFDACC;
  border-radius: 8px;
  padding: 12px 24px 12px 16px;
}
@media (max-width: 1024px) {
  .condition4__tags li {
    padding: 6px 12px 6px 10px;
    font-size: 14px;
  }
}
.condition4__tags li::before {
  content: "";
  width: 8px;
  min-width: 8px;
  height: 8px;
  background: #F4C456;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .condition4__tags li::before {
    width: 6px;
    min-width: 6px;
    height: 6px;
  }
}
.condition4__img {
  width: 100%;
}
.condition4__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .condition4__img img {
    border-radius: 16px;
    height: auto;
  }
}

.condition5 {
  background: white;
}
.condition5 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .condition5 .container {
    gap: 24px;
  }
}
.condition5__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .condition5__cards {
    flex-direction: column;
  }
}
.condition5__card {
  width: calc(50% - 12px);
  min-width: 0;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .condition5__card {
    padding: 0;
    width: 100%;
  }
}
.condition5__card--bordered {
  background: #FEFCF7;
  border: 1px solid #DFDACC;
  gap: 36px;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .condition5__card--bordered {
    gap: 24px;
    padding: 24px 16px;
    border-radius: 16px;
  }
}
.condition5__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .condition5__head {
    gap: 8px;
  }
}
.condition5__name--sm {
  font-size: 28px;
}
@media (max-width: 1024px) {
  .condition5__name--sm {
    font-size: 22px;
  }
}
.condition5__desc {
  font-size: 16px;
  line-height: 1.44;
  color: #252525;
}
.condition5__line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
  flex-shrink: 0;
}
.condition5__group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.condition5__group p:not(.condition5__group-title) {
  font-size: 16px;
  line-height: 1.44;
  color: #252525;
}
.condition5__group-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.44;
  color: #252525;
}
@media (max-width: 1024px) {
  .condition5__group-title {
    font-size: 18px;
  }
}
.condition5__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.condition5__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.44;
  color: #252525;
}
.condition5__list li svg {
  flex-shrink: 0;
}
.condition5__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  align-items: stretch;
}
@media (max-width: 1024px) {
  .condition5__steps {
    gap: 20px;
  }
}
.condition5__step {
  width: calc(50% - 37px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  .condition5__step {
    width: calc(50% - 21px);
  }
}
.condition5__step-badge {
  align-self: flex-start;
  height: 40px;
  padding: 8px 16px;
  background: #F8F5ED;
  border: 1px solid #DFDACC;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  color: #252525;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.condition5__step-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.condition5__step-body p {
  font-size: 16px;
  line-height: 1.44;
  color: #252525;
}
.condition5__step-body span {
  font-size: 14px;
  line-height: 1.44;
  color: #252525;
  opacity: 0.5;
}
.condition5__step-divider {
  width: 1px;
  flex-shrink: 0;
  align-self: stretch;
  background: #ECEAE6;
}
.condition5__step-divider:nth-child(4n) {
  display: none;
}

.condition7 {
  position: relative;
  background: #FEFCF7;
  overflow: hidden;
}
.condition7__deco {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 362px;
  height: 658px;
}
@media (max-width: 1024px) {
  .condition7__deco {
    width: 100%;
    height: 70vw;
    max-height: 240px;
  }
}
.condition7__deco img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right top;
}
.condition7 .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  gap: 24px;
}
@media (max-width: 1024px) {
  .condition7 .container {
    flex-direction: column;
  }
}
.condition7__title {
  width: calc(50% - 12px);
  max-width: 566px;
}
@media (max-width: 1024px) {
  .condition7__title {
    width: 100%;
  }
}
.condition7__list {
  width: calc(50% - 12px);
  max-width: 566px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
@media (max-width: 1024px) {
  .condition7__list {
    width: 100%;
  }
}
.condition7 .box {
  border-radius: 24px;
  border: 1px solid #ECEAE6;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transform-origin: top center;
}
@media (max-width: 1024px) {
  .condition7 .box {
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
    gap: 16px;
  }
}
.condition7 .box__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  border: 1px solid #DFDACC;
}
@media (max-width: 1024px) {
  .condition7 .box__media img {
    border-radius: 8px;
  }
}
.condition7 .box__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1025px) {
  .condition7 .box__text h3 {
    font-size: 24px;
  }
}

.condition6__card {
  background: #FEFCF7;
  border: 1px solid #DFDACC;
  border-radius: 36px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .condition6__card {
    padding: 24px 16px;
    border-radius: 16px;
  }
}
.condition6__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .condition6__text {
    gap: 8px;
  }
}

.commerce1 {
  background: #FEFCF7 !important;
  border-radius: 36px !important;
  padding: 24px 0;
}
@media (max-width: 1024px) {
  .commerce1 {
    border-radius: 16px !important;
    padding: 16px 0;
  }
}
.commerce1 .container {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .commerce1 .container {
    flex-direction: column;
    gap: 16px;
  }
}
.commerce1 .box {
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 36px;
  width: 100%;
}
@media (max-width: 1024px) {
  .commerce1 .box {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 8px;
  }
}
.commerce1 .box p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .commerce1 .box p {
    font-size: 14px;
  }
}
.commerce1 .box p.box__label {
  font-family: "Unbounded", sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
}
@media (max-width: 1024px) {
  .commerce1 .box p.box__label {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.commerce1 .box p.box__label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  transform: translate(0, -50%);
  width: 20px;
  height: 4px;
  background: #F4C456;
}
@media (max-width: 1024px) {
  .commerce1 .box p.box__label:before {
    top: 8px;
  }
}

.commerce2 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1024px) {
  .commerce2 .container {
    gap: 32px;
  }
}
.commerce2__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
@media (max-width: 1024px) {
  .commerce2__top {
    flex-direction: column;
  }
}
.commerce2__top .select {
  min-width: 270px;
}
@media (max-width: 1024px) {
  .commerce2__top .select {
    min-width: unset;
  }
}
.commerce2__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .commerce2__list {
    gap: 32px;
  }
}
.commerce2 .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.commerce2 .box {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
@media (max-width: 1280px) {
  .commerce2 .box {
    flex-direction: column;
    gap: 24px;
    max-width: 700px;
  }
}
.commerce2 .box__gallery {
  width: calc(57.6% - 24px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1280px) {
  .commerce2 .box__gallery {
    width: 100%;
    align-items: stretch;
  }
}
@media (max-width: 1024px) {
  .commerce2 .box__gallery {
    gap: 16px;
  }
}
.commerce2 .box__gallery .h2 {
  order: -1;
}
@media (min-width: 1281px) {
  .commerce2 .box__gallery .h2 {
    display: none;
  }
}
.commerce2 .box__gallery-item {
  display: block;
  position: relative;
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  width: calc(50% - 12px);
  padding: 16px;
}
@media (max-width: 1024px) {
  .commerce2 .box__gallery-item {
    width: calc(50% - 8px);
    border-radius: 16px;
    padding: 8px;
  }
}
.commerce2 .box__gallery-item:first-child {
  width: 100%;
}
.commerce2 .box__gallery-item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .commerce2 .box__gallery-item img {
    border-radius: 8px;
  }
}
.commerce2 .box__gallery-item p {
  color: #252525;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  position: absolute;
  right: 0;
  top: -1px;
}
@media (max-width: 1024px) {
  .commerce2 .box__gallery-item p {
    font-size: 14px;
  }
}
.commerce2 .box__gallery-item .cursor {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  border-radius: 12px;
  background: #EFC116;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .commerce2 .box__gallery-item .cursor {
    right: 16px;
    bottom: 16px;
    border-radius: 8px;
    width: 32px;
    height: 32px;
  }
  .commerce2 .box__gallery-item .cursor svg {
    width: 16px;
    height: auto;
  }
}
.commerce2 .box__text {
  width: calc(42.4% - 24px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .commerce2 .box__text {
    width: 100%;
  }
}
.commerce2 .box__text-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1280px) {
  .commerce2 .box__text-top h2 {
    display: none;
  }
}
.commerce2 .box__text-top ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-top ul {
    gap: 8px;
  }
}
.commerce2 .box__text-top ul li {
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-top ul li {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.commerce2 .box__text-top ul li .line {
  width: 1px;
  height: 100%;
}
.commerce2 .box__text-top ul li.is-highlighted {
  background: #F4C456;
  border-color: #F4C456;
}
.commerce2 .box__text-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.commerce2 .box__text-area span {
  font-size: 36px;
  font-family: "Unbounded", sans-serif;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-area span {
    font-size: 32px;
  }
}
.commerce2 .box__text-area p {
  font-weight: 600;
}
.commerce2 .box__text-rooms ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-rooms ul {
    gap: 16px;
  }
}
.commerce2 .box__text-rooms ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
.commerce2 .box__text-rooms ul li:nth-child(2n-1) {
  width: calc(50% - 24px);
}
@media (max-width: 1024px) {
  .commerce2 .box__text-rooms ul li:nth-child(2n-1) {
    width: 100%;
  }
}
.commerce2 .box__text-rooms ul li:nth-child(2n) {
  width: calc(50% - 24px);
  padding-left: 24px;
  border-left: 1px solid #ECEAE6;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-rooms ul li:nth-child(2n) {
    width: 100%;
    border: none;
    padding-left: 0;
  }
}
.commerce2 .box__text-rooms ul li span {
  font-size: 16px;
  font-weight: 600;
}
.commerce2 .box__text-rooms ul li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(37, 37, 37, 0.05);
}
.commerce2 .box__text-rooms ul li p {
  display: flex;
  gap: 8px;
}
.commerce2 .box__text-chars {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.commerce2 .box__text-chars ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-chars ul {
    gap: 8px;
  }
}
.commerce2 .box__text-chars li {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px 6px 28px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  position: relative;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-chars li {
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 6px 12px 6px 22px;
  }
}
.commerce2 .box__text-chars li.hidden {
  display: none;
}
.commerce2 .box__text-chars li:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 48%;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  background: #F4C456;
  border-radius: 9px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-chars li:before {
    width: 6px;
    height: 6px;
    top: 50%;
    left: 8px;
  }
}
.commerce2 .box__text-chars .btn {
  font-size: 16px;
  gap: 8px;
  padding: 8px 16px;
}
.commerce2 .box__text-chars .btn svg {
  width: 18px;
  min-width: 18px;
  height: 18px;
  transform: translate(0, -1px);
}
.commerce2 .box__text-price {
  border-radius: 36px;
  background: #252525;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: white;
  padding: 40px;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-price {
    border-radius: 16px;
    padding: 24px 16px 16px;
    gap: 16px;
  }
}
.commerce2 .box__text-price .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.commerce2 .box__text-price .top p {
  font-size: 20px;
  font-family: "Unbounded", sans-serif;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .commerce2 .box__text-price .top p {
    font-size: 16px;
  }
}
.commerce2 .box__text-price .btn {
  width: 100%;
}

.commerce3 {
  position: relative;
  background: #FEFCF7;
  overflow: hidden;
}
.commerce3__deco {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 474px;
  height: 658px;
}
@media (max-width: 1024px) {
  .commerce3__deco {
    width: 100%;
    height: 70vw;
    max-height: 240px;
  }
}
.commerce3__deco img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right top;
}
.commerce3 .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
@media (max-width: 1024px) {
  .commerce3 .container {
    flex-direction: column;
    gap: 24px;
  }
}
.commerce3__title {
  width: calc(50% - 64px);
  max-width: 566px;
}
@media (max-width: 1024px) {
  .commerce3__title {
    width: 100%;
  }
}
.commerce3__list {
  width: calc(50% - 64px);
  max-width: 566px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
@media (max-width: 1024px) {
  .commerce3__list {
    width: 100%;
  }
}
.commerce3 .box {
  border-radius: 24px;
  border: 1px solid #ECEAE6;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  transform-origin: top center;
}
@media (max-width: 1024px) {
  .commerce3 .box {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 12px;
  }
}
.commerce3 .box__img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 48px;
  background: #F4C456;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .commerce3 .box__img {
    width: 32px;
    height: 32px;
  }
}
.commerce3 .box__img svg, .commerce3 .box__img img {
  display: block;
  width: 24px;
  height: 24px;
}
@media (max-width: 1024px) {
  .commerce3 .box__img svg, .commerce3 .box__img img {
    width: 16px;
    height: auto;
  }
}

.contacts {
  overflow: hidden;
}
.contacts .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  gap: 96px;
}
@media (max-width: 1024px) {
  .contacts .container {
    flex-direction: column;
    gap: 48px;
  }
}
.contacts .container:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #FEFCF7;
  left: 59%;
  top: -80px;
  width: 50vw;
  height: calc(100% + 160px);
}
@media (max-width: 1310px) {
  .contacts .container:before {
    min-width: 655px;
    left: calc(100% - 430px - 48px);
  }
}
@media (max-width: 1024px) {
  .contacts .container:before {
    display: none;
  }
}
.contacts__info {
  width: calc(59% - 48px);
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .contacts__info {
    width: 100%;
    gap: 24px;
  }
}
.contacts__info-call {
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 36px;
}
@media (max-width: 1024px) {
  .contacts__info-call {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 20px;
  }
}
.contacts__info-call .text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .contacts__info-call .text {
    gap: 8px;
  }
}
.contacts__info-call .text p {
  font-size: 16px;
}
.contacts__info-call .tel {
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #F8F5ED;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1310px) {
  .contacts__info-call .tel {
    flex-direction: column;
    gap: 2px;
  }
}
@media (max-width: 1024px) {
  .contacts__info-call .tel {
    padding: 0;
  }
}
.contacts__info-call .tel__num {
  color: #252525;
  font-family: "Unbounded", sans-serif;
  text-align: center;
  width: calc(50% - 6px);
  transition: 0.4s;
  padding: 17px 0;
  border-radius: 99px;
}
@media not all and (pointer: coarse) {
  .contacts__info-call .tel__num:hover {
    color: #F4C456;
  }
}
.contacts__info-call .tel__num:active {
  color: #F4C456;
}
@media (max-width: 1310px) {
  .contacts__info-call .tel__num {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .contacts__info-call .tel__num {
    padding: 16px;
    font-size: 16px;
  }
}
.contacts__info-call .tel .btn {
  width: calc(50% - 10px);
}
@media (max-width: 1310px) {
  .contacts__info-call .tel .btn {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .contacts__info-call .tel .btn {
    display: none;
  }
}
.contacts__info-call .buttons {
  display: flex;
  gap: 20px;
  margin-top: -12px;
}
@media (max-width: 1150px) {
  .contacts__info-call .buttons {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .contacts__info-call .buttons {
    margin-top: 0;
    gap: 20px;
  }
}
.contacts__info-call .buttons .btn {
  width: 100%;
}
.contacts__info-address {
  padding: 36px;
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .contacts__info-address {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 20px;
  }
}
.contacts__info-address .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
@media (min-width: 1025px) and (max-width: 1150px) {
  .contacts__info-address .h4 {
    font-size: 20px;
  }
}
.contacts__info-address .flex {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1310px) {
  .contacts__info-address .flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 1310px) {
  .contacts__info-address .flex .btn {
    width: 100%;
  }
}
.contacts__info-address .flex p {
  font-size: 16px;
}
@media (min-width: 1311px) {
  .contacts__info-address .flex p {
    line-height: 1.8;
  }
}
.contacts__info-schedule {
  padding: 0 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .contacts__info-schedule {
    padding: 0 16px;
    gap: 8px;
  }
}
.contacts__info-schedule > span {
  font-size: 16px;
  opacity: 0.5;
}
.contacts__info-schedule p {
  font-family: "Unbounded", sans-serif;
}
@media (max-width: 1310px) {
  .contacts__info-schedule p {
    display: flex;
    flex-direction: column;
  }
  .contacts__info-schedule p span:nth-child(2) {
    display: none;
  }
}
.contacts__form {
  width: calc(41% - 48px);
  min-width: 430px;
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: #FFF;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .contacts__form {
    width: 100%;
    min-width: unset;
    border-radius: 16px;
    padding: 24px 16px;
    position: relative;
  }
}
.contacts__form:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #FEFCF7;
  left: 50%;
  top: -24px;
  width: 100vw;
  height: calc(100% + 24px + 40px + 20px);
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .contacts__form:before {
    display: none;
  }
}
.contacts__form-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .contacts__form-text {
    gap: 8px;
  }
}
.contacts__form .btn {
  width: 100%;
}

.map {
  position: relative;
  padding: 0;
  margin-bottom: -2px;
}
@media (max-width: 1024px) {
  .map {
    display: flex;
    flex-direction: column;
    background: #252525;
    border-radius: 16px 16px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 32px;
  }
}
.map .container {
  position: relative;
}
@media (max-width: 1024px) {
  .map .container {
    order: -1;
  }
}
.map__frame {
  display: block;
  width: 100%;
  height: 640px;
}
@media (max-width: 1024px) {
  .map__frame {
    height: 500px;
  }
}
.map__window {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  position: absolute;
  right: 0;
  bottom: 24px;
  z-index: 2;
  color: white;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 448px;
}
@media (max-width: 1024px) {
  .map__window {
    position: static;
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: -2px;
    padding: 40px 0;
    max-width: unset;
  }
}
@media (min-width: 1025px) {
  .map__window h2 {
    font-size: 32px;
  }
}
.map__window-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.map__window-list .line {
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: #FFF;
}
@media (max-width: 1024px) {
  .map__window-list .line {
    opacity: 0.1;
  }
}
.map__window-list .box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.map__window-list .box > span {
  font-size: 16px;
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .map__window-list .box > span {
    font-size: 12px;
  }
}
.map__window-list .box p {
  width: max-content;
  max-width: 100%;
}

.docs {
  position: relative;
  background: #FEFCF7 !important;
}
.docs:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 474px;
  height: 658px;
  background-image: url("../img/deco-bl2.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
@media (max-width: 1024px) {
  .docs:before {
    width: 100%;
    height: 70vw;
    max-height: 240px;
  }
}
.docs .container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .docs .container {
    gap: 24px;
  }
}
.docs__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}
@media (max-width: 1024px) {
  .docs__top {
    gap: 8px;
    align-items: flex-start;
    text-align: left;
  }
}
.docs__top p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .docs__top p {
    font-size: 14px;
  }
}
.docs .acc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .docs .acc {
    gap: 16px;
  }
}
.docs .acc__box {
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
}
@media (max-width: 1024px) {
  .docs .acc__box {
    border-radius: 16px;
  }
}
.docs .acc__box:not(.is-active) .arrow:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.docs .acc__box.is-active .acc__header {
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .docs .acc__box.is-active .acc__header {
    padding-bottom: 12px;
  }
}
.docs .acc__box.is-active .arrow {
  background: #F4C456;
}
.docs .acc__header {
  padding: 36px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .docs .acc__header {
    padding: 16px;
    gap: 12px;
  }
}
@media not all and (pointer: coarse) {
  .docs .acc__header:hover .arrow {
    background: #F4C456;
  }
}
.docs .acc__header:active .arrow {
  background: #F4C456;
}
.docs .acc__header span {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 24px;
  background: #F4C456;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .docs .acc__header span {
    display: none;
  }
}
.docs .acc__header p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .docs .acc__header p {
    font-size: 18px;
    line-height: 24px;
  }
}
.docs .acc__header .arrow {
  position: relative;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 9px;
  background: rgba(244, 196, 86, 0.2);
  margin-left: auto;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .docs .acc__header .arrow {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 5px;
  }
}
.docs .acc__header .arrow:before, .docs .acc__header .arrow:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  border-radius: 9px;
  background: #252525;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .docs .acc__header .arrow:before, .docs .acc__header .arrow:after {
    width: 10px;
  }
}
.docs .tabs {
  padding: 0 36px 36px;
}
@media (max-width: 1024px) {
  .docs .tabs {
    padding: 0 16px 16px;
  }
}
.docs .tabs .txt-content {
  padding-bottom: 2px;
}
.docs .tabs__header {
  padding: 24px 0;
  border-top: 1px solid #ECEAE6;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .docs .tabs__header {
    padding: 12px 0;
    gap: 8px;
  }
}
.docs .tabs__header .tabs__item {
  white-space: nowrap;
  border-radius: 72px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #252525;
  transition: 0.4s;
  cursor: pointer;
}
@media not all and (pointer: coarse) {
  .docs .tabs__header .tabs__item:hover {
    background: #F4C456;
  }
}
.docs .tabs__header .tabs__item:active {
  background: #F4C456;
}
.docs .tabs__header .tabs__item.is-active {
  color: #FFF;
  border-color: #F4C456;
  background: #252525;
}
@media (min-width: 1025px) {
  .docs .tabs__header .tabs__item.is-active {
    border-width: 2px;
  }
}

.home1 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home1:not(.home1--mobile) {
  padding: 0;
}
.home1:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(37, 37, 37, 0.52);
}
.home1 .container {
  min-height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 84px 0;
  gap: 48px;
}
@media (max-width: 1024px) {
  .home1 .container {
    justify-content: center;
    min-height: unset;
    padding: 160px 0 220px;
  }
}
.home1--mobile {
  border-bottom: 1px solid #ECEAE6;
}
.home1--mobile:before {
  display: none;
}
.home1--mobile .container {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
  padding: 0;
}
.home1__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  color: #FFF;
}
@media (max-width: 1280px) {
  .home1__text {
    gap: 8px;
  }
}
.home1__text h1 {
  font-size: 96px;
  font-style: normal;
  line-height: 124%;
  text-transform: none;
}
@media (max-width: 1620px) {
  .home1__text h1 {
    font-size: 72px;
  }
}
@media (max-width: 1380px) {
  .home1__text h1 {
    font-size: 52px;
  }
}
@media (max-width: 1024px) {
  .home1__text h1 {
    font-size: 36px;
  }
}
@media (max-width: 1380px) {
  .home1__text p {
    font-size: 16px;
  }
}
.home1__buttons {
  display: flex;
  gap: 12px;
  border-radius: 224px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  padding: 36px;
}
@media (max-width: 1280px) {
  .home1__buttons {
    flex-direction: column;
    border-radius: 24px;
  }
  .home1__buttons .btn {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .home1__buttons {
    padding: 0;
    border-radius: 0;
    width: 100%;
    border: none;
    background: transparent;
  }
  .home1__buttons .btn--white-border:not(:hover), .home1__buttons .btn--white-border:not(:active) {
    border-color: #252525;
    color: #252525;
  }
}
.home1__dates {
  color: #FFF;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  position: absolute;
  left: 0;
  bottom: 84px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home1__dates {
    position: static;
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    gap: 8px;
    width: 100%;
    flex-direction: row;
    color: #252525;
    justify-content: space-between;
  }
}
.home1__dates .line {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 1px;
}
@media (max-width: 1024px) {
  .home1__dates .line {
    width: 1px;
    height: auto;
    background: #ECEAE6;
  }
}
.home1__dates .box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .home1__dates .box {
    width: max-content;
  }
}
.home1__dates .box svg, .home1__dates .box img {
  display: block;
  width: 24px;
  height: 24px;
}
.home1__dates .box p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .home1__dates .box p {
    font-size: 14px;
  }
}
.home1__video {
  position: absolute;
  right: 0;
  bottom: 84px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (max-width: 1024px) {
  .home1__video {
    right: 50%;
    transform: translateX(50%);
    width: max-content;
    flex-direction: row;
    border-radius: 99px;
    padding: 12px 24px 12px 12px;
    gap: 12px;
    bottom: 60px;
  }
}
@media not all and (pointer: coarse) {
  .home1__video:hover .images .play {
    transform: scale(1.2);
  }
}
.home1__video:active .images .play {
  transform: scale(1.2);
}
.home1__video .images {
  display: flex;
}
.home1__video .images img {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 99px;
  margin-right: -15px;
}
@media (max-width: 1024px) {
  .home1__video .images img {
    width: 36px;
    height: 36px;
    margin-right: -12px;
  }
}
.home1__video .images .play {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4C456;
  border-radius: 99px;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .home1__video .images .play {
    width: 36px;
    height: 36px;
  }
}
.home1__video .images .play svg {
  display: block;
  width: 20px;
  height: auto;
  transform: translateX(10%);
}
@media (max-width: 1024px) {
  .home1__video .images .play svg {
    width: 12px;
  }
}
.home1__video p {
  color: #FFF;
}
.home1 .splide {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #F4C456;
  pointer-events: none;
  padding: 12px 0;
}
.home1 .splide p {
  font-size: 16px;
  font-weight: 600;
}
.home1 .splide__list {
  display: flex;
  align-items: center;
}
.home1 .splide .dot {
  width: 4px;
  height: 4px;
  border-radius: 99px;
  background: #252525;
}

.home2 {
  overflow: hidden;
}
.home2 .container {
  display: flex;
  justify-content: space-between;
  gap: 36px;
}
@media (max-width: 1024px) {
  .home2 .container {
    flex-direction: column;
  }
}
.home2__left {
  max-width: 684px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1280px) {
  .home2__left {
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  .home2__left {
    gap: 20px;
  }
}
.home2__left .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .home2__left h2 {
    font-size: 36px;
  }
}
.home2__left .address {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .home2__left .address {
    font-size: 20px;
  }
}
.home2__left ul {
  display: flex;
  justify-content: space-between;
}
.home2__left ul .line {
  width: 1px;
  height: auto;
}
.home2__left ul li {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .home2__left ul li {
    gap: 8px;
  }
}
.home2__left ul li span {
  font-family: "Unbounded", sans-serif;
  font-size: 48px;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .home2__left ul li span {
    font-size: 36px;
  }
}
@media (max-width: 1024px) {
  .home2__left ul li span {
    font-size: 24px;
  }
}
@media (max-width: 1024px) {
  .home2__left .btn {
    width: 100%;
  }
}
.home2__right {
  max-width: 450px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 23px;
  background: #F4C456;
  border-radius: 12px;
  padding: 44px;
}
@media (max-width: 1024px) {
  .home2__right {
    max-width: unset;
    padding: 0;
    gap: 16px;
    background: transparent;
    border-radius: 0;
  }
}
.home2__right p {
  border-bottom: 1px solid rgba(37, 37, 37, 0.08);
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .home2__right p {
    padding-bottom: 16px;
  }
}
.home2__right p:last-child {
  border: none;
  padding-bottom: 0;
}
.home2__right svg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
  transform: translate(-145px, -50%);
}
@media (max-width: 1024px) {
  .home2__right svg {
    height: 100%;
    width: auto;
    transform: translate(0, -50%);
  }
}

.home3__img-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  height: 400px;
}
@media (max-width: 1024px) {
  .home3__img-wrap {
    height: 140px;
  }
}
.home3 img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home4 {
  position: relative;
  color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .home4 {
    padding: 230px 0;
  }
}
.home4:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(37, 37, 37, 0.64);
}
.home4 .container {
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .home4 .container {
    max-width: 640px;
  }
}
@media (max-width: 1024px) {
  .home4 .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.home4__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
}
@media (min-width: 1025px) {
  .home4__text {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .home4__text {
    gap: 8px;
  }
}
@media (max-width: 1024px) {
  .home4 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.home4 li {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  align-items: center;
  text-align: center;
  width: max-content;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .home4 li {
    position: static;
    width: max-content;
    border-radius: 16px;
    padding: 20px;
    text-align: left;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 500;
  }
}
.home4 li:nth-child(1) {
  right: calc(100% - 33px);
  bottom: calc(100% + 27px);
}
.home4 li:nth-child(2) {
  left: calc(100% - 75px);
  bottom: calc(100% + 51px);
}
.home4 li:nth-child(3) {
  right: calc(100% - 100px);
  top: calc(100% + 15px);
}
.home4 li:nth-child(4) {
  left: calc(100% - 140px);
  top: calc(100% + 5px);
}
.home4 li span {
  font-family: "Unbounded", sans-serif;
  font-size: 36px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .home4 li span {
    font-size: 24px;
  }
}

.home5 {
  position: relative;
  background: #FEFCF7;
  overflow: hidden;
}
.home5 .container {
  display: flex;
  justify-content: space-between;
  gap: 44px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .home5 .container {
    flex-direction: column;
  }
}
.home5__deco {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .home5__deco {
    width: 100%;
    height: 70vw;
    max-height: 180px;
  }
}
.home5__deco img {
  display: block;
  object-fit: contain;
  object-position: right top;
}
@media (max-width: 1024px) {
  .home5__deco img {
    height: 100%;
    width: 100%;
  }
}
.home5__left {
  width: 100%;
  max-width: 450px;
}
@media (max-width: 1024px) {
  .home5__left {
    max-width: unset;
  }
}
.home5__left .sticky {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home5__left .sticky {
    gap: 8px;
  }
}
.home5__left .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
@media (max-width: 1024px) {
  .home5__left .line {
    margin: 8px 0;
  }
}
@media (max-width: 1024px) {
  .home5__left .btn {
    width: 100%;
  }
}
.home5__list {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home5__list {
    gap: 44px;
  }
}
.home5__list .box {
  border-radius: 36px;
  border: 1px solid #ECEAE6;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 36px;
  transform-origin: top center;
}
@media (max-width: 1024px) {
  .home5__list .box {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
  }
}
.home5__list .box__image {
  position: relative;
  width: 100%;
  padding-bottom: 64%;
}
.home5__list .box__image > img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(100% - 24px);
  height: 100%;
  border-radius: 24px;
}
@media (max-width: 1024px) {
  .home5__list .box__image > img {
    border-radius: 16px;
    width: calc(100% - 12px);
  }
}
.home5__list .box__image-icon {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: #F4C456;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .home5__list .box__image-icon {
    width: 36px;
    height: 36px;
  }
}
.home5__list .box__image-icon svg, .home5__list .box__image-icon img {
  display: block;
  width: 24px;
  height: 24px;
}
@media (max-width: 1024px) {
  .home5__list .box__image-icon svg, .home5__list .box__image-icon img {
    width: 16px;
    height: auto;
  }
}

.home6 .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1024px) {
  .home6 .container {
    gap: 32px;
  }
}
.home6__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home6__top {
    gap: 8px;
  }
}
.home6__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home6__list {
    gap: 20px;
  }
}
.home6 .box {
  width: calc(50% - 12px);
  border-radius: 24px;
  border: 1px solid #ECEAE6;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(12px);
  padding: 44px;
  color: #252525;
}
@media (max-width: 1280px) {
  .home6 .box {
    gap: 32px;
  }
}
@media (max-width: 1024px) {
  .home6 .box {
    width: 100%;
    border-radius: 16px;
    padding: 24px 16px;
  }
}
.home6 .box__top {
  border-bottom: 1px solid #ECEAE6;
  padding-bottom: 32px;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1024px) {
  .home6 .box__top {
    flex-direction: column;
    gap: 16px;
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: none;
  }
}
.home6 .box__top-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1024px) {
  .home6 .box__top-left {
    flex-direction: row;
    align-items: center;
  }
}
.home6 .box__top-left img {
  display: block;
  height: 72px;
  width: auto;
}
@media (max-width: 1024px) {
  .home6 .box__top-left img {
    height: 52px;
  }
}
.home6 .box__top-left p {
  font-size: 28px;
}
@media (max-width: 1024px) {
  .home6 .box__top-left p {
    font-size: 20px;
    font-family: "Unbounded", sans-serif;
  }
}
.home6 .box__top-right {
  width: max-content;
  min-width: 140px;
  min-height: 124px;
  white-space: nowrap;
  border-radius: 16px;
  border: 1px solid #ECEAE6;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 16px;
  text-align: center;
}
@media (max-width: 1024px) {
  .home6 .box__top-right {
    flex-direction: row;
    gap: 12px;
    width: 100%;
    min-width: unset;
    min-height: unset;
    padding: 12px;
    border-radius: 8px;
  }
}
@media (max-width: 1024px) {
  .home6 .box__top-right p {
    width: 100%;
  }
}
.home6 .box__top-right .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
@media (max-width: 1024px) {
  .home6 .box__top-right .line {
    width: 1px;
    height: auto;
  }
}
.home6 .box__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1280px) {
  .home6 .box__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.home6 .box__bottom p {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .home6 .box__bottom p {
    font-size: 20px;
  }
}
@media (max-width: 1280px) {
  .home6 .box__bottom .btn {
    width: 100%;
  }
}

.home7 {
  position: relative;
  padding: 24px 0;
}
@media (max-width: 1024px) {
  .home7 {
    padding: 16px 0;
  }
}
@media (min-width: 1025px) {
  .home7--only-left {
    padding: 36px 0 260px;
  }
}
@media (max-width: 1024px) {
  .home7--only-left {
    padding: 24px 0 400px;
  }
}
@media (max-width: 1024px) {
  .home7--only-left {
    flex-direction: column-reverse;
  }
}
.home7--only-left .home7__left {
  max-width: 570px;
}
.home7--only-left .home7__left h2 {
  font-size: 36px;
}
@media (max-width: 1024px) {
  .home7--only-left .home7__left h2 {
    font-size: 22px;
  }
}
.home7--only-left .home7__left .line {
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: #FFF;
}
.home7--only-left .home7__left p {
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .home7--only-left .home7__left p {
    font-size: 16px;
  }
}
.home7--only-left .home7__frame {
  top: 12px;
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .home7--only-left .home7__frame {
    top: 6px;
    height: calc(100% - 6px);
    border-radius: 16px;
  }
}
.home7 .container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  pointer-events: none;
}
@media (max-width: 1280px) {
  .home7 .container {
    gap: 160px;
  }
}
@media (max-width: 1024px) {
  .home7 .container {
    gap: 300px;
  }
}
.home7__frame {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.home7__left {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 36px;
  color: white;
  width: 100%;
  max-width: 448px;
}
@media (max-width: 1024px) {
  .home7__left {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 8px;
  }
  .home7__left h2 {
    font-size: 20px;
  }
}
.home7__right {
  border-radius: 36px;
  background: #F4C456;
  display: flex;
  padding: 36px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 566px;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .home7__right {
    border-radius: 16px;
    padding: 24px 16px;
    gap: 8px;
  }
}
.home7__right a, .home7__right button {
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .home7__right a, .home7__right button {
    width: 100%;
  }
}

.home8 {
  background-position: center;
  background-repeat: repeat-x;
  background-size: auto 100%;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .home8 {
    padding: 120px 0;
  }
}
.home8 .container {
  position: relative;
}
@media (min-width: 1025px) {
  .home8 .container {
    max-width: 684px;
  }
}
@media (max-width: 1024px) {
  .home8 .container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.home8__center {
  border-radius: 24px;
  background: #252525;
  color: #fff;
  display: flex;
  padding: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  text-align: center;
}
@media (max-width: 1024px) {
  .home8__center {
    padding: 24px 16px;
    gap: 20px;
  }
}
.home8__center-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44px;
}
@media (max-width: 1024px) {
  .home8__center-logo {
    gap: 20px;
    width: 100%;
  }
}
.home8__center img {
  height: 88px;
  width: auto;
}
@media (max-width: 1024px) {
  .home8__center img {
    height: 72px;
    width: calc(50% - 10px);
    object-fit: contain;
  }
}
.home8__center .line {
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 1px;
}
.home8__center p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .home8__center .btn {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .home8 ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.home8 li {
  position: absolute;
  padding: 36px;
  width: max-content;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(12px);
  color: #252525;
  text-align: center;
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .home8 li {
    font-size: 14px;
    border-radius: 16px;
    padding: 20px;
    position: static;
  }
  .home8 li br {
    display: none;
  }
}
.home8 li:nth-child(1) {
  top: -60px;
  right: calc(100% - 36px);
}
@media (max-width: 1280px) {
  .home8 li:nth-child(1) {
    right: calc(100% - 64px);
  }
}
.home8 li:nth-child(2) {
  top: -70px;
  left: calc(100% - 12px);
}
@media (max-width: 1280px) {
  .home8 li:nth-child(2) {
    left: calc(100% - 128px);
  }
}
@media (max-width: 1024px) {
  .home8 li:nth-child(2) {
    margin-left: auto;
  }
}
.home8 li:nth-child(3) {
  bottom: -50px;
  left: calc(100% - 89px);
}
@media (max-width: 1024px) {
  .home8 li:nth-child(3) {
    left: unset;
    right: 45px;
  }
}

.home9 {
  background: #252525;
  color: white;
  overflow: hidden;
}
.home9 .container {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .home9 .container {
    gap: 24px;
  }
}
.home9 .newsBox__date {
  color: #FFF;
}
@media (max-width: 1024px) {
  .home9 .splide {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    width: 100%;
    gap: 20px 12px;
    padding-bottom: 2px;
  }
}
@media (max-width: 1024px) {
  .home9 .splide__track {
    width: 80%;
    overflow: visible;
  }
}
.home9 .tabs {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .home9 .tabs {
    gap: 20px;
  }
}
.home9 .tabs__header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.home9 .tabs__header .tabs__item {
  border-radius: 44px;
  border: 1px solid rgba(236, 234, 230, 0.5);
  background: #252525;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .home9 .tabs__header .tabs__item:hover {
    background: #f6ce72;
    border-color: #f6ce72;
    color: #252525;
  }
}
.home9 .tabs__header .tabs__item:active {
  background: #f6ce72;
  border-color: #f6ce72;
  color: #252525;
}
.home9 .tabs__header .tabs__item.is-active {
  background: #F4C456;
  border-color: #F4C456;
  color: #252525;
}
.home9 .splide__arrows {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 36px;
}
@media (max-width: 1024px) {
  .home9 .splide__arrows {
    gap: 12px;
    order: 2;
    margin: 0;
    width: max-content;
  }
}
.home9 .splide__arrows:before {
  content: "";
  display: block;
  width: 100%;
  opacity: 0.2;
  background: #ECEAE6;
  height: 1px;
  margin-right: 20px;
}
@media (max-width: 1024px) {
  .home9 .splide__arrows:before {
    display: none;
  }
}
.home9 .splide__arrow {
  position: static;
  border-radius: 44px;
  border: 1px solid rgba(236, 234, 230, 0.5);
  background: #252525;
  width: 56px;
  min-width: 56px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: none;
  opacity: 1;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .home9 .splide__arrow:hover {
    background: #f6ce72;
    border-color: #f6ce72;
  }
  .home9 .splide__arrow:hover svg * {
    fill: #252525;
  }
}
.home9 .splide__arrow:active {
  background: #f6ce72;
  border-color: #f6ce72;
}
.home9 .splide__arrow:active svg * {
  fill: #252525;
}
@media (max-width: 1024px) {
  .home9 .splide__arrow {
    height: 49px;
    width: 49px;
    min-width: 49px;
  }
}
.home9 .splide__arrow svg {
  display: block;
  width: 24px;
  height: 24px;
}
.home9 .splide__arrow svg * {
  transition: 0.4s;
  fill: white;
}
.home9 .btn {
  margin: 36px auto 0;
}
@media (max-width: 1024px) {
  .home9 .btn {
    order: 3;
    width: calc(100% - 12px - 110px);
    margin: 0;
  }
}

.location1 .container {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .location1 .container {
    gap: 16px;
  }
}
.location1 .box {
  width: calc(33.333% - 16px);
  border-radius: 36px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 36px;
}
@media (max-width: 1024px) {
  .location1 .box {
    padding: 24px 16px;
    border-radius: 16px;
    width: 100%;
    gap: 16px;
  }
}
.location1 .box--big {
  width: calc((33.333% - 16px) * 2 + 24px);
}
@media (max-width: 1024px) {
  .location1 .box--big {
    width: 100%;
  }
}
.location1 .box--big .box__item {
  width: calc(50% - 24.5px);
}
@media (max-width: 1024px) {
  .location1 .box--big .box__item {
    width: 100%;
  }
}
.location1 .box__list {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .location1 .box__list {
    gap: 20px;
  }
}
.location1 .box__list .line {
  width: 1px;
  height: auto;
  background: #DFDACC;
}
@media (max-width: 1024px) {
  .location1 .box__list .line {
    width: 100%;
    height: 1px;
  }
}
.location1 .box__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .location1 .box__item {
    gap: 8px;
  }
}
.location1 .box__item p {
  font-size: 16px;
}
.location1 .box__item p.label {
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-left: 32px;
  position: relative;
}
.location1 .box__item p.label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translate(0, -50%);
  width: 20px;
  height: 4px;
  border-radius: 4px;
  background: #F4C456;
}

.location2 {
  background: linear-gradient(180deg, #191919 0%, #252525 100%);
  color: white;
  overflow: hidden;
}
.location2 .container {
  display: flex;
  flex-direction: column;
  gap: 150px;
}
@media (min-width: 1025px) {
  .location2 .container {
    max-width: 920px;
  }
}
.location2 .box {
  border-radius: 36px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #252525;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .location2 .box {
    border-radius: 16px;
    padding: 24px 20px;
    gap: 20px;
  }
}
.location2 .box img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
@media (max-width: 1024px) {
  .location2 .box img {
    border-radius: 8px;
  }
}
.location2 .box__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .location2 .box__text {
    gap: 8px;
  }
}
.location2 .box__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 1024px) {
  .location2 .box__list {
    gap: 20px;
  }
}
.location2 .box__list .col__box {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .location2 .box__list .col__box {
    width: 100%;
  }
}
.location2 .box__list .col__box img {
  height: 100%;
  object-fit: cover;
}
.location2 .box__cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0 24px 24px 24px;
}
@media (max-width: 1024px) {
  .location2 .box__cards {
    padding: 0 0 24px;
  }
}
.location2 .box__cards .col__box {
  width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 24px;
  padding: 20px;
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box {
    width: 100%;
    gap: 8px;
  }
}
.location2 .box__cards .col__box h3 {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box h3 {
    font-size: 18px;
  }
}
.location2 .box__cards .col__box p {
  font-size: 16px;
}
.location2 .box__cards .col__box:nth-child(1) {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(25, 25, 25, 0.4);
  transform: translate(10px, 0) rotate(-3.8deg);
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box:nth-child(1) {
    transform: rotate(-3.2deg);
  }
}
.location2 .box__cards .col__box:nth-child(2) {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #F4C456;
  color: #252525;
  transform: translate(-10px, 30px) rotate(4.63deg);
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box:nth-child(2) {
    transform: rotate(2.6deg);
  }
}
.location2 .box__cards .col__box:nth-child(3) {
  background: #FFF;
  color: #252525;
  padding-right: 32px;
  transform: translate(10px, 0) rotate(-1.34deg);
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box:nth-child(3) {
    transform: rotate(-1.3deg);
  }
}
.location2 .box__cards .col__box:nth-child(4) {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(25, 25, 25, 0.4);
  backdrop-filter: blur(12px);
  transform: translate(-10px, 20px) rotate(-4.22deg);
}
@media (max-width: 1024px) {
  .location2 .box__cards .col__box:nth-child(4) {
    transform: rotate(-4.2deg);
  }
}

.newsBox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media not all and (pointer: coarse) {
  .newsBox:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .newsBox:hover .newsBox__text svg * {
    fill: #F4C456;
  }
  .newsBox:hover .btn:not(:hover):not(:active) svg * {
    fill: #F4C456;
  }
}
.newsBox:active img {
  transform: translate(-50%, -50%) scale(1.1);
}
.newsBox:active .newsBox__text svg * {
  fill: #F4C456;
}
.newsBox:active .btn:not(:hover):not(:active) svg * {
  fill: #F4C456;
}
.newsBox__date {
  opacity: 0.5;
  font-size: 16px;
  color: #252525;
  padding-left: 16px;
}
@media (max-width: 1024px) {
  .newsBox__date {
    font-size: 14px;
  }
}
.newsBox__window {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 24px;
  background: #191919;
  backdrop-filter: blur(12px);
  padding: 20px;
}
@media (max-width: 1024px) {
  .newsBox__window {
    padding: 16px;
    border-radius: 20px;
  }
}
.newsBox__window * {
  color: white;
}
.newsBox__window .btn {
  margin-top: auto;
}
.newsBox__image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .newsBox__image {
    border-radius: 4px;
  }
}
.newsBox__image img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  transition: 0.4s;
}
@media (max-width: 1024px) {
  .newsBox__image img {
    border-radius: 4px;
  }
}
.newsBox__image ul {
  display: flex;
  gap: 8px;
  position: absolute;
  left: 12px;
  bottom: 12px;
}
@media (max-width: 1024px) {
  .newsBox__image ul {
    left: 8px;
    bottom: 8px;
  }
}
.newsBox__image ul li {
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 24px;
  background: rgba(37, 37, 37, 0.64);
  backdrop-filter: blur(12px);
}
.newsBox__text {
  display: flex;
  gap: 24px;
}
.newsBox__text .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .newsBox__text .title {
    font-size: 16px;
  }
}
.newsBox__text svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.newsBox__text svg * {
  transition: 0.4s;
}

.news1 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1024px) {
  .news1 .container {
    gap: 24px;
  }
}
.news1 h1 {
  width: 100%;
}
.news1__categories {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 1024px) {
  .news1__categories {
    gap: 8px;
    width: 100vw;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
    overflow: auto;
    padding: 8px 16px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .news1__categories {
    justify-content: center;
  }
}
.news1__categories li {
  white-space: nowrap;
}
.news1__categories li.is-active a {
  color: #FFF;
  border-color: #F4C456;
  background: #252525;
}
@media (min-width: 1025px) {
  .news1__categories li.is-active a {
    border-width: 2px;
  }
}
.news1__categories a {
  width: 100%;
  border-radius: 72px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #252525;
  transition: 0.4s;
}
@media not all and (pointer: coarse) {
  .news1__categories a:hover {
    background: #F4C456;
  }
}
.news1__categories a:active {
  background: #F4C456;
}
.news1 .line {
  width: 100%;
  height: 1px;
  background: #ECEAE6;
}
.news1__list1 {
  display: flex;
  gap: 24px;
}
@media (max-width: 1024px) {
  .news1__list1 {
    flex-direction: column;
  }
}
.news1__list1 > .newsBox {
  width: calc(60.2% - 12px);
}
@media (max-width: 1024px) {
  .news1__list1 > .newsBox {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .news1__list1 > .newsBox .newsBox__window {
    padding: 48px;
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .news1__list1 > .newsBox .newsBox__text {
    flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 1025px) {
  .news1__list1 > .newsBox .newsBox__text .title {
    font-size: 32px;
  }
}
.news1__list1 > .newsBox .newsBox__text .description {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .news1__list1 > .newsBox .newsBox__text .description {
    display: none;
  }
}
@media (min-width: 1025px) {
  .news1__list1 > .newsBox .newsBox__text svg {
    display: none;
  }
}
@media (max-width: 1024px) {
  .news1__list1 > .newsBox .btn {
    display: none;
  }
}
.news1__list1 .col {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: calc(39.8% - 12px);
}
@media (max-width: 1024px) {
  .news1__list1 .col {
    width: 100%;
    gap: 24px;
  }
}
.news1__list2 {
  display: flex;
  gap: 36px 24px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .news1__list2 {
    gap: 24px;
  }
}
.news1__list2 .newsBox {
  width: calc(33.333% - 16px);
}
@media (max-width: 1024px) {
  .news1__list2 .newsBox {
    width: 100%;
  }
}
.news1 .ajax-load-more-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1024px) {
  .news1 .ajax-load-more-wrap {
    gap: 24px;
  }
}
.news1 .alm-btn-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .news1 .alm-btn-wrap .btn {
    width: 100%;
  }
}
.news1 .alm-listing {
  width: 100%;
  display: flex;
  gap: 36px 24px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .news1 .alm-listing {
    gap: 24px;
  }
}
.news1 .alm-listing .newsBox {
  width: calc(33.333% - 16px);
}
@media (max-width: 1024px) {
  .news1 .alm-listing .newsBox {
    width: 100%;
  }
}

.news2 {
  overflow: hidden;
}
.news2 .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 96px;
}
@media (max-width: 1024px) {
  .news2 .container {
    flex-direction: column;
    gap: 24px;
  }
}
.news2 .container:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #FEFCF7;
  left: calc(100% - 376px - 48px);
  top: -80px;
  width: calc((100vw - 1400px) / 2 + 376px + 48px);
  height: calc(100% + 160px);
}
@media (max-width: 1560px) {
  .news2 .container:before {
    width: calc(5vw + 376px + 48px);
  }
}
@media (max-width: 1024px) {
  .news2 .container:before {
    display: none;
  }
}
.news2__content {
  width: calc(100% - 376px - 96px);
  max-width: 872px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .news2__content {
    width: 100%;
    gap: 24px;
  }
}
.news2__content .line {
  background: #ECEAE6;
  width: 100%;
  height: 1px;
}
.news2__content-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .news2__content-top .h2 {
    font-size: 32px;
  }
}
.news2__content-top ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .news2__content-top ul {
    gap: 8px;
  }
}
.news2__content-top li {
  font-size: 16px;
  font-weight: 600;
  padding: 6px 16px 6px 28px;
  border-radius: 8px;
  border: 1px solid #DFDACC;
  background: #FEFCF7;
  position: relative;
}
@media (max-width: 1024px) {
  .news2__content-top li {
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 4px 12px 4px 22px;
  }
}
.news2__content-top li:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 48%;
  transform: translate(0, -50%);
  width: 8px;
  height: 8px;
  background: #F4C456;
  border-radius: 9px;
}
@media (max-width: 1024px) {
  .news2__content-top li:before {
    width: 6px;
    height: 6px;
    top: 50%;
    left: 8px;
  }
}
.news2__content-top p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .news2__content-top p {
    font-size: 14px;
  }
}
.news2__content-nav {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1450px) {
  .news2__content-nav {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .news2__content-nav {
    border-bottom: 1px solid #ECEAE6;
    padding-bottom: 24px;
    flex-direction: column;
    gap: 16px;
  }
}
.news2__content-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 99px;
  border: 1px solid #ECEAE6;
  width: calc(50% - 16px);
  transition: 0.4s;
}
@media screen and (max-width: 1450px) {
  .news2__content-nav a {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .news2__content-nav a {
    gap: 8px;
    padding: 12px 16px;
    width: 100%;
  }
}
.news2__content-nav a p {
  font-size: 16px;
  font-weight: 600;
  color: #252525;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1024px) {
  .news2__content-nav a p {
    font-size: 14px;
  }
}
.news2__content-nav a svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
@media screen and (max-width: 1024px) {
  .news2__content-nav a svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}
@media not all and (pointer: coarse) {
  .news2__content-nav a:hover {
    background: #F4C456;
    border-color: #F4C456;
  }
}
.news2__content-nav a:active {
  background: #F4C456;
  border-color: #F4C456;
}
.news2__others {
  width: 376px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1024px) {
  .news2__others {
    gap: 20px;
    width: 100%;
  }
}
.news2__others-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.news2__others .newsBox__window {
  border: 1px solid #ECEAE6;
  background: #FFF;
}
.news2__others .newsBox__text * {
  color: #252525;
}
.news2__others .newsBox:not(:hover):not(:active) .newsBox__text svg * {
  fill: #252525;
}

.subscribe {
  background: linear-gradient(#191919, #252525);
  color: white;
  position: relative;
  overflow: hidden;
  margin-top: -2px;
}
.subscribe:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 350px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  opacity: 0.9;
  background: radial-gradient(#F4C456, transparent);
  filter: blur(12px);
}
.subscribe:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#191919, #2c2c2c);
  opacity: 0.9;
  backdrop-filter: blur(30px);
}
.subscribe .container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
@media (min-width: 1025px) {
  .subscribe .container {
    max-width: 924px;
  }
}
@media (max-width: 1024px) {
  .subscribe .container {
    text-align: left;
    align-items: flex-start;
  }
}
.subscribe__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
@media (max-width: 1024px) {
  .subscribe__text {
    text-align: left;
    align-items: flex-start;
    gap: 8px;
  }
}
.subscribe .fieldset {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 664px;
}
.subscribe .fieldset .input-box {
  width: calc(50% - 12px);
}
@media (max-width: 1024px) {
  .subscribe .fieldset .input-box {
    width: 100%;
  }
}
.subscribe .fieldset .privacy-policy {
  color: rgba(255, 255, 255, 0.5);
}
@media not all and (pointer: coarse) {
  .subscribe .fieldset .privacy-policy a:hover {
    color: white;
  }
}
.subscribe .fieldset .privacy-policy a:active {
  color: white;
}
@media (max-width: 1024px) {
  .subscribe .fieldset .btn {
    width: 100%;
  }
}