@charset "UTF-8";
.btn-main-light .data-svg-arrow-click {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.86937 13.3234C8.79375 13.3965 8.73343 13.4838 8.69194 13.5804C8.65044 13.677 8.6286 13.7809 8.62769 13.886C8.62677 13.9912 8.64681 14.0954 8.68662 14.1927C8.72643 14.29 8.78522 14.3784 8.85956 14.4528C8.9339 14.5271 9.0223 14.5859 9.1196 14.6257C9.21691 14.6655 9.32116 14.6856 9.42629 14.6847C9.53142 14.6837 9.63532 14.6619 9.73191 14.6204C9.82851 14.5789 9.91588 14.5186 9.98891 14.443L14.7394 9.69243L15.2992 9.13266L14.7394 8.57289L9.98891 3.82235C9.83959 3.67813 9.63959 3.59832 9.43199 3.60013C9.2244 3.60193 9.02581 3.6852 8.87902 3.832C8.73222 3.9788 8.64895 4.17738 8.64715 4.38497C8.64534 4.59257 8.72515 4.79257 8.86937 4.9419L12.2684 8.34091H3.49097C3.28099 8.34091 3.0796 8.42432 2.93112 8.57281C2.78264 8.72129 2.69922 8.92267 2.69922 9.13266C2.69922 9.34265 2.78264 9.54403 2.93112 9.69252C3.0796 9.841 3.28099 9.92442 3.49097 9.92442H12.2684L8.86937 13.3234Z' fill='%23EFB705 ' /%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .btn-main-light:hover .data-svg-arrow-click {
    filter: brightness(0%) invert(100%);
  }
}

.data-svg-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23568783' d='M15.617 12.12c-.567-.588-1.304-.588-1.895 0l-1.327 1.322c-.123.122-.222.146-.369.075-.27-.17-.59-.291-.86-.465-1.28-.81-2.362-1.84-3.321-3.012-.468-.588-.884-1.2-1.181-1.91-.047-.146-.047-.22.075-.343.468-.419.884-.856 1.328-1.299.614-.611.614-1.322 0-1.933L7.009 3.5c-.369-.367-.714-.734-1.082-1.078-.567-.564-1.304-.564-1.895 0L2.705 3.745c-.42.42-.638.908-.69 1.468-.076.908.146 1.788.468 2.644.666 1.788 1.672 3.331 2.877 4.776 1.649 1.962 3.614 3.505 5.905 4.606 1.035.489 2.093.88 3.223.955.812.047 1.502-.17 2.064-.786.369-.442.813-.81 1.205-1.223.59-.612.59-1.346 0-1.934z'/%3E%3C/svg%3E");
}

.data-svg-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23568783' clip-path='url(%23a)'%3E%3Cpath d='M20.002 16.436V4.022l-6.896 6.207zM10.002 13.023l-1.97-1.772-6.895 6.207h17.73l-6.896-6.207zM18.867 3H1.137l8.865 7.979zM0 4.022v12.414l6.896-6.207z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.data-svg-text {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' clip-path='url(%23clip0_4342_6806)'%3E%3Cpath d='M12.8597 5.98572L4.74023 14.1052L6.64901 16.0104C6.84289 15.9458 7.0835 15.8909 7.21921 15.7551L14.974 8.00028L12.8597 5.98572Z' fill='%23EFB705 ' /%3E%3Cpath d='M10.0008 3.02441L2.2461 10.7791C2.24589 10.7793 2.24568 10.7794 2.2455 10.7795C2.24515 10.7799 2.24508 10.7803 2.24473 10.7807C2.12126 10.9046 2.07742 11.0884 1.99023 11.3498L3.91275 13.276L12.0323 5.15657L10.0008 3.02441Z' fill='%23EFB705 ' /%3E%3Cpath d='M17.4842 3.00331L14.9965 0.515795C14.309 -0.172107 13.1963 -0.171756 12.5088 0.515795L10.8359 2.18864L15.8114 7.16409L17.4842 5.49125C18.1719 4.80352 18.172 3.69104 17.4842 3.00331Z' fill='%23EFB705 ' /%3E%3Cpath d='M1.57531 12.5927L0.0301231 17.2283C-0.0401191 17.4388 0.0146544 17.6711 0.171768 17.8282C0.328143 17.9848 0.560174 18.0404 0.771709 17.9699L5.40734 16.4247L1.57531 12.5927Z' fill='%23EFB705 ' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4342_6806'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.data-svg-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}

.btn-main-border .data-svg-arrow-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 8.00008L6.66732 13.3334L7.60065 12.4001L3.86732 8.66675H14.6673V7.33341H3.86732L7.60065 3.60008L6.66732 2.66675L1.33398 8.00008Z' fill='%23EFB705 ' /%3E%3C/svg%3E");
}
.btn-main-border .data-svg-arrow-next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.666 8.00008L9.33268 13.3334L8.39935 12.4001L12.1327 8.66675H1.33268V7.33341H12.1327L8.39935 3.60008L9.33268 2.66675L14.666 8.00008Z' fill='%23EFB705 ' /%3E%3C/svg%3E");
}
.btn-main-border:hover .data-svg-arrow-prev, .btn-main-border:hover .data-svg-arrow-next {
  filter: invert(100%) grayscale(1) brightness(140%);
}

.data-svg-filter {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8056_28903)'%3E%3Cpath d='M0.5 2.33333C0.5 1.32082 1.34242 0.5 2.38158 0.5C3.24285 0.5 3.96897 1.06383 4.19233 1.83333H12.9868C13.2702 1.83333 13.5 2.05719 13.5 2.33333C13.5 2.60948 13.2702 2.83333 12.9868 2.83333H4.19233C3.96897 3.60284 3.24285 4.16667 2.38158 4.16667C1.34242 4.16667 0.5 3.34586 0.5 2.33333Z' fill='white'/%3E%3Cpath d='M4.19233 12.1667C3.96897 12.9362 3.24285 13.5 2.38158 13.5C1.34242 13.5 0.5 12.6792 0.5 11.6667C0.5 10.6542 1.34242 9.83337 2.38158 9.83337C3.24285 9.83337 3.96897 10.3972 4.19233 11.1667H12.9868C13.2702 11.1667 13.5 11.3906 13.5 11.6667C13.5 11.9429 13.2702 12.1667 12.9868 12.1667H4.19233Z' fill='white'/%3E%3Cpath d='M0.839844 6.99996C0.839844 6.72383 1.06959 6.49996 1.353 6.49996H6.38435C6.60774 5.73043 7.33382 5.16663 8.19511 5.16663C9.05639 5.16663 9.78248 5.73043 10.0059 6.49996H12.9846C13.268 6.49996 13.4977 6.72383 13.4977 6.99996C13.4977 7.27609 13.268 7.49996 12.9846 7.49996H10.0059C9.78248 8.26947 9.05639 8.83329 8.19511 8.83329C7.33382 8.83329 6.60774 8.26947 6.38435 7.49996H1.353C1.06959 7.49996 0.839844 7.27609 0.839844 6.99996Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8056_28903'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.data-svg-whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C4.03141 0 0 4.03141 0 9C0 10.9895 0.643979 12.822 1.73298 14.3141L0.586388 17.7068L4.1623 16.5916C5.56021 17.4817 7.2199 18 9 18C13.9686 18 18 13.9686 18 9C18 4.03141 13.9686 0 9 0ZM13.1204 13.8272C11.4869 14.4817 9.53927 13.8482 7.40838 12.2304C5.27749 10.6126 3.87435 8.33508 3.7801 6.64398C3.68586 4.95288 5.06283 4.09948 5.81152 4.10471C6.56021 4.10995 7.3822 6.50262 7.39267 6.86911C7.40314 7.24084 6.47644 7.90052 6.43979 8.21466C6.40314 8.5288 7.70157 10.0785 8.25131 10.4974C8.79581 10.911 9.92147 11.7068 10.5026 11.6335C11.0785 11.555 11.4607 10.3979 11.8272 10.3246C12.1937 10.2513 14.1937 11.2461 14.3927 11.5026C14.5916 11.7644 14.5707 13.2513 13.1204 13.8272Z' fill='white'/%3E%3C/svg%3E%0A");
}

.triangle_white {
  display: block;
  position: absolute;
  width: 102rem;
  height: 102rem;
  flex-shrink: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='102' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M14.659 55.346c-4.992-3.425-4.44-10.96.996-13.622L64.89 17.62c5.482-2.684 11.809 1.591 11.364 7.678l-4.032 55.12c-.446 6.087-7.327 9.396-12.36 5.943L14.659 55.346Z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.15' stroke-width='.805' d='M14.887 55.014c-4.738-3.25-4.215-10.401.945-12.928L65.067 17.98c5.203-2.547 11.208 1.51 10.785 7.288l-4.032 55.12c-.422 5.776-6.954 8.917-11.73 5.64L14.886 55.014Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h102v102H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.triangle_glass {
  display: block;
  position: absolute;
  width: 1796rem;
  height: 1783rem;
  flex-shrink: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1796' height='1783' fill='none'%3E%3Cg clip-path='url(%23a)' filter='url(%23b)'%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M938.429 277.279c49.646-55.347 140.531-36.656 164.301 33.791l311.13 921.88c23.97 71.02-38.15 141.27-111.57 126.17l-960.806-197.59c-73.424-15.1-102.782-104.17-52.728-159.97z' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h1796v1783H0z'/%3E%3C/clipPath%3E%3Cfilter id='b' width='1233.48' height='1194.45' x='224.734' y='207.16' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1.304'/%3E%3CfeGaussianBlur stdDeviation='19.559'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_17993_165428'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_17993_165428' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
  word-break: break-word;
  word-wrap: break-word;
}
*:not(.special-scrollbar) {
  scrollbar-width: thin;
  scrollbar-color: auto;
}

.special-scrollbar {
  scrollbar-color: auto;
}
.special-scrollbar::-webkit-scrollbar {
  width: 6rem;
}
.special-scrollbar::-webkit-scrollbar-thumb {
  background: #568783;
}
.special-scrollbar::-webkit-scrollbar-track {
  background: #DDE5EE;
}

html {
  font-size: 0.052084vw;
}
@media (max-width: 1512px) {
  html {
    font-size: 0.057284vw;
  }
}
@media (max-width: 800px) {
  html {
    font-size: 0.267vw;
    overflow-x: hidden;
  }
}
@media (min-width: 2400px) {
  html {
    font-size: 0.04vw;
  }
}

body {
  overflow-y: auto;
  position: relative;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 440;
  line-height: 1.8;
  letter-spacing: -0.01em;
  font-size: 12rem;
  width: 100%;
  background: #FFFFFF;
}
body ::selection {
  background: #47706d;
  color: #000000;
}

.body-stop {
  overflow-y: hidden;
}

.page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.hide {
  display: none;
}

.ttu {
  text-transform: uppercase;
}

.tdu {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: 300;
}

button {
  background: unset;
}
button span {
  pointer-events: none;
}

a,
button,
input,
select,
textarea {
  outline: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #000000;
}

p {
  margin: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  align-self: center;
  pointer-events: none;
}

.pre-hide {
  opacity: 0;
  pointer-events: none;
}

.link {
  transition: 0.3s ease;
}
.link:hover {
  color: #568783;
}
.link-hover {
  transition: 0.3s ease;
}
.link-hover:hover {
  color: #47706d;
}

.hidden {
  display: none;
}

.container-max {
  max-width: 1860rem;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .container-max {
    max-width: 100vw;
  }
}

.container {
  width: 1560rem;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .container {
    width: 90vw;
  }
}

.container-min {
  max-width: 1400rem;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .container-min {
    max-width: 90vw;
  }
}

.section_t_xs {
  position: relative;
  padding-top: 10rem;
}

@media (max-width: 800px) {
  .section_t_xs {
    padding-top: 10rem;
  }
}
.section_t_s {
  position: relative;
  padding-top: 44rem;
}

@media (max-width: 800px) {
  .section_t_s {
    padding-top: 22rem;
  }
}
.section_t_m {
  position: relative;
  padding-top: 60rem;
}

@media (max-width: 800px) {
  .section_t_m {
    padding-top: 36rem;
  }
}
.section_t_l {
  position: relative;
  padding-top: 120rem;
}

@media (max-width: 800px) {
  .section_t_l {
    padding-top: 72rem;
  }
}
.section_b_xs {
  position: relative;
  padding-bottom: 10rem;
}

@media (max-width: 800px) {
  .section_b_xs {
    padding-bottom: 10rem;
  }
}
.section_b_s {
  position: relative;
  padding-bottom: 44rem;
}

@media (max-width: 800px) {
  .section_b_s {
    padding-bottom: 22rem;
  }
}
.section_b_m {
  position: relative;
  padding-bottom: 60rem;
}

@media (max-width: 800px) {
  .section_b_m {
    padding-bottom: 36rem;
  }
}
.section_b_l {
  position: relative;
  padding-bottom: 120rem;
}

@media (max-width: 800px) {
  .section_b_l {
    padding-bottom: 72rem;
  }
}
.stop {
  overflow: hidden;
  margin-right: 10px;
}
@media (min-width: 801px) {
  .stop .widget-menu {
    margin-right: 10px;
  }
}

@media (max-width: 800px) {
  .stop {
    margin-right: 0;
  }
  .stop ::-webkit-scrollbar {
    width: 0;
  }
}
html:has(.ccbg-banner.size-s .ccbg-details-wrapper.is-open),
html:has(.ccbg-banner.size-m .ccbg-details-wrapper.is-open) {
  overflow: hidden;
  margin-right: 10px;
}

@media (max-width: 800px) {
  html:has(.ccbg-details-wrapper.is-open) {
    overflow: hidden;
    margin-right: 0;
  }
}
.stop-nav {
  overflow: hidden;
}

.mdn {
  display: flex !important;
}

.ddn {
  display: none !important;
}

@media (max-width: 800px) {
  .mdn {
    display: none !important;
  }
  .ddn {
    display: flex !important;
  }
}
.scrole-right {
  display: none;
}

.visible-hand {
  padding-top: 4vw;
  width: 9.444vw;
  height: 9.444vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dots {
  display: flex;
  flex-shrink: 0;
}
.dots > span {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  border: 2rem solid #FFFFFF;
  margin-right: 5rem;
  opacity: 0.5s;
  flex-grow: 0;
  flex-shrink: 0;
}
.dots > span:first-child {
  -webkit-animation: wave_1 2s linear infinite;
  animation: wave_1 2s linear infinite;
}
.dots > span:nth-child(2) {
  -webkit-animation: wave_2 2s linear infinite;
  animation: wave_2 2s linear infinite;
}
.dots > span:nth-child(3) {
  -webkit-animation: wave_3 2s linear infinite;
  animation: wave_3 2s linear infinite;
}
.dots > span:last-child {
  -webkit-animation: wave_4 2s linear infinite;
  animation: wave_4 2s linear infinite;
  margin-right: 0;
}

@media (max-width: 800px) {
  .scrole-right {
    display: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.467vw;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 10.667vw;
    color: rgba(33, 51, 49, 0.6);
  }
}
.title-wrapper {
  margin-bottom: 50rem;
  text-align: center;
}
.title-wrapper:has(.title-link) {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 24rem;
}
.title-wrapper.tal {
  text-align: left;
}
.title-wrapper .title {
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.title-wrapper .subtitle {
  color: rgba(0, 0, 0, 0.7);
  margin-top: 20rem;
  font-size: 24rem;
  line-height: 1.4;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.title-wrapper .title-link {
  width: 44rem;
  height: 44rem;
  background-color: #F1F6F3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8rem;
  transition: 0.4s ease;
}
.title-wrapper .title-link::after {
  content: "";
  display: block;
  width: 16rem;
  height: 16rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
  transition: 0.4s ease;
}
@media (min-width: 769px) {
  .title-wrapper:hover .title-link {
    background-color: #568783;
  }
  .title-wrapper:hover .title-link::after {
    filter: brightness(0) invert(1);
  }
}
.title-top {
  display: flex;
  gap: 2.3958vw;
  align-items: center;
}

.light {
  color: #FFFFFF;
}
.light .subtitle {
  color: #FFFFFF;
}
.light .btn-more {
  background: #FFFFFF;
}

.dark {
  color: #000000;
}

@media (max-width: 800px) {
  .title-wrapper {
    margin-bottom: 30rem;
  }
  .title-wrapper:has(.title-link) {
    gap: 14rem;
  }
  .title-wrapper .title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .title-wrapper .subtitle {
    margin-top: 14rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .title-wrapper .title-link {
    width: 30rem;
    height: 30rem;
  }
  .title-wrapper .title-link::after {
    width: 11rem;
    height: 11rem;
  }
  .title-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 4.8vw;
  }
}
.dark-screen {
  background: rgba(33, 51, 49, 0.6);
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 99;
  pointer-events: none;
  transition: 0.3s ease;
  opacity: 0;
}
.dark-screen.active_dark {
  opacity: 1;
  pointer-events: auto;
}
.dark-screen-activator.active_dark {
  z-index: 100;
}
.dark-screen.load {
  z-index: 1000;
  opacity: 1;
  pointer-events: auto;
}
.dark-screen.load::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  height: 30rem;
  display: block;
  content: "";
  border: 2rem solid #568783;
  border-color: #F2F6FA #568783 #568783 #F2F6FA;
  border-radius: 50%;
  z-index: 3;
  -webkit-animation: load 1s infinite linear;
  animation: load 1s infinite linear;
}

[class*=ymaps-] {
  cursor: default !important;
}

[class*=ymaps-] * {
  cursor: default !important;
}

.load-spiner {
  width: 50rem;
  height: 50rem;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #568783 94%, rgba(0, 0, 0, 0)) top/8rem 8rem no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #568783);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8rem), #000 0);
  animation: s3 1s infinite linear;
  pointer-events: none;
}
@media (max-width: 800px) {
  .load-spiner {
    width: 36rem;
    height: 36rem;
    background: radial-gradient(farthest-side, #568783 94%, rgba(0, 0, 0, 0)) top/6rem 6rem no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #568783);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 6rem), #000 0);
  }
}

@keyframes s3 {
  to {
    transform: rotate(1turn);
  }
}
hr {
  display: block;
  height: 4rem;
}

.skeleton {
  background: linear-gradient(90deg, #f0f2f5, #d2d7dd, #f0f2f5);
  background-size: 200% 100%;
  animation: skeleton-loading 2.6s linear infinite;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.scroll-content {
  height: 44rem;
  margin-top: 30rem;
  width: 100vw;
  margin-left: -5vw;
}
.scroll-content g {
  transform-origin: 333px 23px;
  transform-box: view-box;
  animation: wiggle 4s ease-in-out infinite;
}
@keyframes wiggle {
  0% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}

.gray_form_bg {
  border-color: #FFFFFF !important;
}

.mobil-contact {
  display: flex;
  align-items: center;
  gap: 14rem;
}
.mobil-contact::before {
  display: block;
  content: "";
  width: 16rem;
  height: 16rem;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.mobil-contact-number::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23568783' d='M15.617 12.12c-.567-.588-1.304-.588-1.895 0l-1.327 1.322c-.123.122-.222.146-.369.075-.27-.17-.59-.291-.86-.465-1.28-.81-2.362-1.84-3.321-3.012-.468-.588-.884-1.2-1.181-1.91-.047-.146-.047-.22.075-.343.468-.419.884-.856 1.328-1.299.614-.611.614-1.322 0-1.933L7.009 3.5c-.369-.367-.714-.734-1.082-1.078-.567-.564-1.304-.564-1.895 0L2.705 3.745c-.42.42-.638.908-.69 1.468-.076.908.146 1.788.468 2.644.666 1.788 1.672 3.331 2.877 4.776 1.649 1.962 3.614 3.505 5.905 4.606 1.035.489 2.093.88 3.223.955.812.047 1.502-.17 2.064-.786.369-.442.813-.81 1.205-1.223.59-.612.59-1.346 0-1.934z'/%3E%3C/svg%3E");
}
.mobil-contact-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23568783' clip-path='url(%23a)'%3E%3Cpath d='M20.002 16.436V4.022l-6.896 6.207zM10.002 13.023l-1.97-1.772-6.895 6.207h17.73l-6.896-6.207zM18.867 3H1.137l8.865 7.979zM0 4.022v12.414l6.896-6.207z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mobil-contact-address::before {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23568783' d='M11.999 1a7.656 7.656 0 0 0-7.647 7.647c0 5.3 7.654 14.353 7.654 14.353s7.64-9.314 7.64-14.353A7.656 7.656 0 0 0 11.999 1m2.307 9.886a3.263 3.263 0 1 1 0-4.614 3.25 3.25 0 0 1 0 4.614'/%3E%3C/svg%3E");
}
.mobil-contact-time::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C4.58862 1.5 1 5.08862 1 9.5C1 13.9114 4.58862 17.5 9 17.5C13.4114 17.5 17 13.9114 17 9.5C17 5.08862 13.4114 1.5 9 1.5ZM12.8047 13.6379C12.6747 13.7679 12.504 13.8334 12.3334 13.8334C12.1627 13.8334 11.9919 13.7679 11.8621 13.6379L8.52869 10.3047C8.40332 10.1801 8.33337 10.0106 8.33337 9.83337V5.5C8.33337 5.13135 8.63196 4.83337 9 4.83337C9.36804 4.83337 9.66663 5.13135 9.66663 5.5V9.55737L12.8047 12.6953C13.0653 12.9561 13.0653 13.3773 12.8047 13.6379Z' fill='%23568783 ' /%3E%3C/svg%3E");
}

body:has(.breadcrumbs) section:first-of-type .container-min:first-of-type {
  padding-top: 200rem;
}
@media (max-width: 800px) {
  body:has(.breadcrumbs) section:first-of-type .container-min:first-of-type {
    padding-top: 130rem;
  }
}

body:has(.breadcrumbs) section:first-of-type .container:first-of-type {
  padding-top: 175rem;
}
@media (max-width: 800px) {
  body:has(.breadcrumbs) section:first-of-type .container:first-of-type {
    padding-top: 121rem;
  }
}

.zero_items {
  display: none !important;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.wysiwyg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16rem;
  font-size: 20rem;
  line-height: 2.2;
  letter-spacing: -0.01em;
}
.wysiwyg:not(.wysiwyg_margin) > *:first-child {
  margin-top: 0;
}
.wysiwyg:has(> p:first-child) {
  margin-top: 16rem;
}
@media (max-width: 800px) {
  .wysiwyg:has(> p:first-child) {
    margin-top: 14rem;
  }
}
.wysiwyg h1 {
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02em;
}
.wysiwyg h2 {
  font-size: 28rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  margin-top: 34rem;
  line-height: 1.8;
  letter-spacing: -0.02em;
}
.wysiwyg h3 {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  margin-top: 30rem;
}
.wysiwyg h4,
.wysiwyg h5 {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  margin-top: 24rem;
}
.wysiwyg h6 {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  margin-top: 20rem;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  text-wrap: balance;
}
.wysiwyg p {
  color: #000000;
  display: block;
  text-wrap: pretty;
  letter-spacing: -0.01em;
}
.wysiwyg p:last-child {
  margin-bottom: 0;
}
.wysiwyg .attention-notice, .wysiwyg .quote-notice {
  display: inline-flex;
  margin: 12rem 0;
}
.wysiwyg a:not(.btn) {
  text-wrap: pretty;
  color: #568783;
  text-decoration: underline;
  font-weight: 500;
}
.wysiwyg span {
  text-wrap: pretty;
}
.wysiwyg ul {
  text-wrap: pretty;
  list-style: none;
  list-style-type: none;
  padding: 10rem 0;
  line-height: 1.8;
}
.wysiwyg ul:last-child {
  margin-bottom: 0;
}
.wysiwyg ul ol {
  margin-top: 12rem;
}
.wysiwyg ul:last-child {
  margin-bottom: 0;
}
.wysiwyg ul > li:not(.iti__country) {
  display: block;
  position: relative;
  text-wrap: pretty;
  margin-bottom: 12rem;
  margin-left: 38rem;
}
.wysiwyg ul > li:not(.iti__country):last-child {
  margin-bottom: 0;
}
.wysiwyg ul > li:not(.iti__country)::before {
  display: block;
  content: "";
  position: absolute;
  background: #568783;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  left: -32rem;
  top: 50%;
  transform: translateY(-50%);
}
.wysiwyg ol {
  text-wrap: pretty;
  counter-reset: myCounter;
  padding: 10rem 0;
  line-height: 1.6;
}
.wysiwyg ol:last-child {
  margin-bottom: 0;
}
.wysiwyg ol ul {
  margin-top: 12rem;
}
.wysiwyg ol:last-child {
  margin-bottom: 0;
}
.wysiwyg ol > li {
  position: relative;
  text-wrap: pretty;
  margin-bottom: 16rem;
  margin-left: 41rem;
  list-style: none;
}
.wysiwyg ol > li:last-child {
  margin-bottom: 0;
}
.wysiwyg ol > li::before {
  counter-increment: myCounter;
  content: counter(myCounter);
  border-radius: 50%;
  background: #568783;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  text-align: center;
  line-height: normal;
  font-size: 16rem;
  left: -41rem;
  height: 26rem;
  width: 26rem;
  top: 50%;
  transform: translateY(-50%);
}
.wysiwyg > figure:first-child {
  width: 100%;
}
.wysiwyg figure {
  margin: 22rem 0;
  overflow: hidden;
  width: fit-content;
  height: fit-content;
  border-radius: 12rem;
}
.wysiwyg figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wysiwyg figure:has(table) {
  width: 100%;
  margin: 12rem 0;
}
.wysiwyg .wp-block-group figure {
  border: none !important;
}
.wysiwyg_bullet {
  width: 100%;
}
.wysiwyg_bullet-wrapper {
  width: 100%;
}
.wysiwyg-zero_margin {
  margin-top: 0 !important;
}

@media (max-width: 800px) {
  .wysiwyg {
    gap: 16rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 2;
  }
  .wysiwyg h1 {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .wysiwyg h2 {
    margin-top: 16rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .wysiwyg h3 {
    margin-top: 16rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6 {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    margin-top: 10rem;
  }
  .wysiwyg ul ol {
    margin-top: 10rem;
  }
  .wysiwyg ul li:not(.iti__country) {
    margin-bottom: 12rem;
    margin-left: 22rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .wysiwyg ul li:not(.iti__country):last-child {
    margin-bottom: 0;
  }
  .wysiwyg ul li:not(.iti__country)::before {
    width: 8rem;
    height: 8rem;
    left: -22rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .wysiwyg > ol ul {
    margin-top: 12rem;
  }
  .wysiwyg > ol > li {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 14rem;
    margin-left: 34rem;
  }
  .wysiwyg > ol > li:last-child {
    margin-bottom: 0;
  }
  .wysiwyg > ol > li::before {
    left: -34rem;
    height: 24rem;
    width: 24rem;
  }
  .wysiwyg figure {
    margin: 10rem 0;
  }
  .wysiwyg figure.wp-block-image.size-full {
    width: 100vw;
    margin-left: -5vw;
    border-radius: 0;
  }
}
.attention-notice {
  padding: 26rem 34rem;
  display: inline-flex;
  align-items: center;
  background: #F1F6F3;
  width: 100%;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 12rem;
}
.attention-notice::before {
  display: block;
  content: "";
  width: 24rem;
  height: 24rem;
  margin-right: 22rem;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23efb705' d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12'/%3E%3Cpath fill='%23231f20' d='M10.664 10.222h1.907c.263 0 .476.228.476.508v5.08h.95v1.523h-3.333V15.81h.954v-4.064h-.954zM11.173 8.544h1.84V6.667h-1.84z'/%3E%3C/svg%3E");
}
.attention-notice span {
  font-weight: 700;
}
.attention-notice a {
  color: #568783;
}

@media (max-width: 800px) {
  .attention-notice {
    padding: 20rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .attention-notice::before {
    width: 20rem;
    height: 20rem;
    margin-right: 18rem;
  }
}
blockquote p,
.quote-notice {
  padding: 26rem 34rem !important;
  display: inline-flex !important;
  align-items: center;
  width: 100%;
  border: 1rem solid #E3F5EA !important;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 8rem;
}
blockquote p::before,
.quote-notice::before {
  display: block;
  content: "";
  width: 24rem;
  height: 24rem;
  margin-right: 22rem;
  flex-shrink: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23EFB705' d='m1.121 21.467 5.12-19.2h5.12l-3.413 19.2zm11.947 0 5.12-19.2h5.12l-3.414 19.2z'/%3E%3C/svg%3E");
}
blockquote p span,
.quote-notice span {
  font-weight: 700;
}
blockquote p a,
.quote-notice a {
  color: #568783;
}

@media (max-width: 800px) {
  blockquote p,
  .quote-notice {
    padding: 20rem !important;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  blockquote p::before,
  .quote-notice::before {
    width: 20rem;
    height: 20rem;
    margin-right: 18rem;
  }
}
.wysiwyg_bullet-wrapper {
  padding: 40rem;
  background: #F1F6F3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 100rem;
  margin: 12rem 0;
  border-radius: 12rem;
}
.wysiwyg_bullet-wrapper .btn {
  flex-shrink: 0;
}
.wysiwyg_bullet-title {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.wysiwyg_bullet-title-wrapper {
  display: flex;
  align-items: center;
  gap: 14rem;
  margin-bottom: 6rem;
}
.wysiwyg_bullet-title-icon {
  position: relative;
  width: 24rem;
  height: 24rem;
  flex-shrink: 0;
  overflow: hidden;
  outline: 1rem solid var(--sub-color);
}
.wysiwyg_bullet-title-icon svg {
  position: absolute;
  top: -1rem;
  left: -1rem;
  background: #568783;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  object-fit: cover;
  fill: #F2F6FA;
}
.wysiwyg_bullet-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

@media (max-width: 800px) {
  .wysiwyg_bullet-wrapper {
    padding: 24rem 26rem;
    flex-direction: column;
    gap: 20rem;
    margin: 12rem 0;
  }
  .wysiwyg_bullet-wrapper a {
    height: 52rem;
    padding: 0 26rem;
    font-size: 13.5rem;
    border-radius: 8rem;
    gap: 10rem;
  }
  .wysiwyg_bullet-title {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .wysiwyg_bullet-title-wrapper {
    gap: 12rem;
    margin-bottom: 4rem;
  }
  .wysiwyg_bullet-title-icon {
    width: 20rem;
    height: 20rem;
  }
  .wysiwyg_bullet-sub {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.wysiwyg_consultation {
  position: relative;
  background: #568783;
  padding: 39rem 50rem;
  margin: 12rem 0;
  width: 100%;
  border-radius: 12rem;
}
.wysiwyg_consultation-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wysiwyg_consultation-bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wysiwyg_consultation-wrapper {
  display: flex;
  gap: 40rem;
}
.wysiwyg_consultation-title {
  margin-bottom: 12rem;
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02em;
}
.wysiwyg_consultation-title-wrapper {
  width: 399rem;
}
.wysiwyg_consultation-subtitle {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.007em;
}
.wysiwyg_consultation .form {
  margin-bottom: -39rem;
}
.wysiwyg_consultation .form-item-spliter {
  gap: 16rem !important;
  margin-bottom: 12rem !important;
}
.wysiwyg_consultation .form-submit-text br {
  display: none;
}

@media (max-width: 800px) {
  .wysiwyg_consultation {
    padding: 40rem 20rem 0;
    margin: 10rem 0;
    min-height: 380rem;
  }
  .wysiwyg_consultation-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24rem;
  }
  .wysiwyg_consultation-title {
    margin-bottom: 8rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
    letter-spacing: -0.02em;
  }
  .wysiwyg_consultation-title-wrapper {
    text-align: center;
    width: auto;
  }
  .wysiwyg_consultation-subtitle {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.007em;
  }
  .wysiwyg_consultation .form-item-spliter {
    gap: 16rem !important;
    margin-bottom: 12rem !important;
  }
  .wysiwyg_consultation .form {
    margin: 0;
  }
  .wysiwyg_consultation .form-submit-checkbox {
    justify-content: center;
  }
  .wysiwyg_consultation .form-submit-text {
    width: fit-content;
  }
  .wysiwyg_consultation .form-submit-text br {
    display: block;
  }
}
.wp-block-table {
  border: 1rem solid #E3F5EA;
  border-radius: 12rem;
}
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}
.wp-block-table thead {
  background-color: #568783;
  color: #FFFFFF;
  border-bottom: none;
}
.wp-block-table thead th {
  padding: 18rem 34rem;
  text-align: left;
  border: none;
  white-space: nowrap;
  word-wrap: normal;
  overflow-wrap: normal;
  border-right: 1rem solid rgba(255, 255, 255, 0.1);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.wp-block-table thead th:last-child {
  border-right: none;
}
.wp-block-table tbody td {
  padding: 18rem 34rem;
  border: none;
  border-bottom: 1rem solid #E3F5EA;
  border-right: 1rem solid #E3F5EA;
  border-left: none;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
.wp-block-table tbody td:first-child {
  font-weight: 600;
}
.wp-block-table tbody td:last-child {
  border-right: none;
}
.wp-block-table tbody tr:nth-child(even) {
  background-color: #F1F6F3;
}
.wp-block-table tbody tr:last-child td {
  border-bottom: none;
}

@media (max-width: 800px) {
  .wp-block-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    display: block;
  }
  .wp-block-table table {
    width: max-content !important;
    min-width: 100%;
    border-collapse: collapse;
    display: table;
  }
  .wp-block-table thead th {
    padding: 14rem 20rem;
    max-width: 325rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .wp-block-table tbody td {
    max-width: 400rem;
    padding: 14rem 20rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.wp-block-group > div {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
@media (max-width: 800px) {
  .wp-block-group > div {
    gap: 14rem;
  }
}

.btn {
  text-transform: uppercase;
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 640;
  line-height: 1.4;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  cursor: pointer;
  border: none;
  z-index: 1;
}
.btn-main {
  color: #FFFFFF;
  background: #568783;
}
@media (min-width: 801px) {
  .btn-main:hover {
    background: #47706d;
  }
}
.btn-main-border {
  border: 2rem solid #568783;
  color: #568783;
  background: unset;
}
.btn-main-border svg {
  fill: #568783;
}
@media (min-width: 801px) {
  .btn-main-border:hover {
    color: #FFFFFF;
    background: #47706d;
    border: 2rem solid #47706d;
  }
  .btn-main-border:hover svg {
    fill: #FFFFFF;
  }
}
.btn-main svg {
  fill: #FFFFFF;
}
.btn-main-pale {
  border: 2rem solid #568783;
  color: #568783;
  background: #E6F6EE;
  border: none;
}
@media (min-width: 801px) {
  .btn-main-pale:hover {
    background: #D0D6EB;
  }
}
.btn-main-light {
  background: #FFFFFF;
  color: #568783;
}
@media (min-width: 801px) {
  .btn-main-light:hover {
    background: #F1F6F3;
  }
}
.btn-main-light svg {
  fill: #568783;
}
.btn-gray {
  color: #FFFFFF;
  background: #000000;
}
@media (min-width: 801px) {
  .btn-gray:hover {
    background: #F2F6FA;
  }
}
.btn-gray-border {
  border: 1rem solid #E5E5E5;
  color: #000000;
  background: unset;
}
.btn-gray-border svg {
  fill: rgba(0, 0, 0, 0.7);
}
@media (min-width: 801px) {
  .btn-gray-border:hover {
    background: #F2F6FA;
    border: 1rem solid #F2F6FA;
  }
  .btn-gray-border:hover svg {
    fill: #FFFFFF;
  }
}
.btn-gray svg {
  fill: #FFFFFF;
}
.btn-gray-pale {
  border: 2rem solid #568783;
  color: #568783;
  background: #E6F6EE;
  border: none;
}
@media (min-width: 801px) {
  .btn-gray-pale:hover {
    background: #D0D6EB;
  }
}
.btn-gray-light {
  border: 2rem solid #FFFFFF;
  background: #FFFFFF;
  color: #568783;
}
@media (min-width: 801px) {
  .btn-gray-light:hover {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: transparent;
    color: #FFFFFF;
  }
  .btn-gray-light:hover svg {
    fill: #FFFFFF;
  }
}
.btn-gray-light svg {
  fill: #568783;
}
.btn-submain {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media (min-width: 801px) {
  .btn-submain:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
.btn-submain-border {
  border: 2rem solid #568783;
  color: #568783;
  background: unset;
}
@media (min-width: 801px) {
  .btn-submain-border:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.3);
    border: 2rem solid rgba(255, 255, 255, 0.3);
  }
}
.btn-submain-pale {
  border: 2rem solid #568783;
  color: #568783;
  background: #E6F6EE;
  border: none;
}
@media (min-width: 801px) {
  .btn-submain-pale:hover {
    background: #D0D6EB;
  }
}

.btn-l {
  height: 88rem;
  padding: 0 44rem;
  letter-spacing: -0.01em;
  font-size: 17rem;
  border-radius: 10rem;
  gap: 12rem;
}
.btn-l .btn-icon {
  width: 20rem;
  height: 20rem;
}
.btn-l.btn-load > span {
  gap: 12rem;
}
.btn-l.btn-load > span::after {
  width: 20rem;
  height: 20rem;
}
@media (max-width: 800px) {
  .btn-l {
    height: 60rem;
    padding: 0 30rem;
    font-size: 14rem;
    gap: 10rem;
  }
  .btn-l .btn-icon {
    width: 18rem;
    height: 18rem;
  }
  .btn-l.btn-load > span {
    gap: 10rem;
  }
  .btn-l.btn-load > span::after {
    width: 18rem;
    height: 18rem;
  }
}

.btn-m {
  height: 70rem;
  padding: 0 36rem;
  font-size: 16rem;
  letter-spacing: -0.01em;
  border-radius: 10rem;
  gap: 10rem;
}
.btn-m .btn-icon {
  width: 18rem;
  height: 18rem;
}
.btn-m.btn-load > span {
  gap: 10rem;
}
.btn-m.btn-load > span::after {
  width: 18rem;
  height: 18rem;
}
@media (max-width: 800px) {
  .btn-m {
    height: 60rem;
    padding: 0 30rem;
    font-size: 14rem;
    gap: 10rem;
  }
  .btn-m .btn-icon {
    width: 18rem;
    height: 18rem;
  }
  .btn-m.btn-load > span {
    gap: 10rem;
  }
  .btn-m.btn-load > span::after {
    width: 18rem;
    height: 18rem;
  }
}

.btn-s {
  height: 60rem;
  padding: 0 30rem;
  font-size: 14rem;
  border-radius: 8rem;
  gap: 10rem;
}
.btn-s .btn-icon {
  width: 18rem;
  height: 18rem;
}
@media (max-width: 800px) {
  .btn-s {
    height: 60rem;
    padding: 0 26rem;
  }
}
.btn-s.btn-load > span {
  gap: 10rem;
}
.btn-s.btn-load > span::after {
  width: 18rem;
  height: 18rem;
}

.btn-xs {
  height: 52rem;
  padding: 0 26rem;
  font-size: 13.5rem;
  border-radius: 8rem;
  gap: 10rem;
}
.btn-xs .btn-icon {
  width: 15rem;
  height: 15rem;
}
.btn-xs.btn-load > span {
  gap: 10rem;
}
.btn-xs.btn-load > span::after {
  width: 15rem;
  height: 15rem;
}

.btn-xxs {
  height: 46rem;
  padding: 0 22rem;
  font-size: 12rem;
  border-radius: 8rem;
  gap: 10rem;
  font-weight: 500;
}
.btn-xxs .btn-icon {
  width: 15rem;
  height: 15rem;
}
.btn-xxs.btn-load > span {
  gap: 10rem;
}
.btn-xxs.btn-load > span::after {
  width: 15rem;
  height: 15rem;
}

.btn-icon {
  display: block;
  flex-shrink: 0;
  transition: 0.3s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.btn-icon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-icon svg {
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-load {
  display: flex;
}
.btn-load > span.btn-icon {
  display: none;
}
.btn-load > span {
  display: flex;
  align-items: center;
}
.btn-load > span::after {
  display: block;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3e%3cg%3e%3cpath fill='%23ffffff' d='M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z' opacity='1' data-original='%23000000' class=''%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  -webkit-animation: rotate2 1s infinite linear;
  animation: rotate2 1s infinite linear;
}

.btn-more {
  display: none;
  background: #F1F6F3;
  color: #000000;
  height: 44rem;
}
.btn-more input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.btn-more .btn-icon {
  width: 9rem;
  height: 9rem;
  filter: brightness(0);
  transform: translateY(1rem);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6317_74728)'%3E%3Cpath d='M5.34245 8.71493C5.52956 8.90059 5.78247 9.00476 6.04606 9.00476C6.30964 9.00476 6.56255 8.90059 6.74966 8.71493L11.7045 3.80001C11.7977 3.70761 11.8717 3.59777 11.9224 3.47676C11.9731 3.35575 11.9995 3.22594 12 3.09474C12.0005 2.96354 11.9752 2.83353 11.9255 2.71212C11.8758 2.5907 11.8026 2.48027 11.7102 2.38713C11.6178 2.29399 11.508 2.21996 11.387 2.16927C11.2659 2.11857 11.1361 2.09221 11.0049 2.09169C10.8737 2.09116 10.7437 2.11648 10.6223 2.1662C10.5009 2.21592 10.3905 2.28907 10.2973 2.38147L6.04572 6.59845L1.7142 2.30155C1.62162 2.20661 1.51107 2.13106 1.38899 2.07928C1.26691 2.02751 1.13575 2.00056 1.00315 2.00001C0.870545 1.99945 0.73916 2.0253 0.616652 2.07605C0.494144 2.1268 0.382966 2.20143 0.2896 2.29559C0.196234 2.38976 0.122549 2.50156 0.0728422 2.6245C0.023135 2.74743 -0.00159983 2.87903 8.01842e-05 3.01162C0.00176019 3.14422 0.0298215 3.27515 0.0826275 3.39678C0.135434 3.51842 0.211928 3.62832 0.307649 3.72009L5.34245 8.71493Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6317_74728'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 1 1 0 0 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.btn-more:has(input[type=radio]:checked) {
  display: none;
}

@media (max-width: 800px) {
  .btn {
    width: 100%;
  }
  .btn-more {
    display: flex;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.swiper {
  position: relative;
  overflow: unset;
}
.swiper-container {
  position: relative;
  overflow-y: visible;
  overflow-x: clip;
  overflow: hidden;
}
.swiper-slide {
  position: relative;
  height: auto;
  width: fit-content;
}
.swiper-slide:last-child > * {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.swiper-button-lock {
  display: none;
  opacity: 0;
  transition: 0s !important;
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 52rem;
  height: 52rem;
  flex-shrink: 0;
  transition: 0.3s ease;
  cursor: pointer;
  background: #F1F6F3;
  z-index: 1;
  border-radius: 1000rem;
}
@media (min-width: 801px) {
  .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper-button-next:not(.swiper-button-disabled):hover {
    background-color: #568783;
  }
  .swiper-button-prev:not(.swiper-button-disabled):hover::after, .swiper-button-next:not(.swiper-button-disabled):hover::after {
    filter: brightness(0) invert(1);
  }
}
.swiper-button-prev::after, .swiper-button-next::after {
  opacity: 1;
  content: "";
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18rem;
  height: 18rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
  cursor: auto;
}
.swiper-button-prev {
  left: -80rem;
  transform: translate(0%, -50%);
}
@media (max-width: 1512px) {
  .swiper-button-prev {
    left: -70rem;
  }
}
.swiper-button-prev::after {
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23568783' d='M9.13 13.323a.791.791 0 1 1-1.119 1.12l-4.75-4.75-.56-.56.56-.56 4.75-4.75a.792.792 0 0 1 1.12 1.119L5.73 8.34h8.778a.792.792 0 0 1 0 1.583H5.732z'/%3E%3C/svg%3E");
}
.swiper-button-next {
  right: -80rem;
  transform: translate(0%, -50%);
}
@media (max-width: 1512px) {
  .swiper-button-next {
    right: -70rem;
  }
}
.swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23568783' d='M9.13 13.323a.791.791 0 1 1-1.119 1.12l-4.75-4.75-.56-.56.56-.56 4.75-4.75a.792.792 0 0 1 1.12 1.119L5.73 8.34h8.778a.792.792 0 0 1 0 1.583H5.732z'/%3E%3C/svg%3E");
  transform: translate(-50%, -50%) rotate(180deg);
}
.swiper-pagination {
  margin-top: 20rem;
  display: flex;
  justify-content: center;
  gap: 14rem;
}
.swiper-pagination-bullet {
  display: block;
  width: 40rem;
  height: 5rem;
  flex-shrink: 0;
  background: #FFFFFF;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 1000rem;
}
.swiper-pagination-custom {
  width: auto;
  display: none;
  align-items: flex-start;
  gap: 4rem;
  padding: 0 7rem;
}
.swiper-pagination-current {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 20rem;
  line-height: 1.4;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.swiper-pagination-total {
  line-height: 1;
  font-size: 12rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.swiper-pagination:has(.swiper-pagination-bullet:only-child) {
  display: none;
}

.light .swiper-button-prev, .light .swiper-button-next {
  background: none;
  border-color: #FFFFFF;
}
.light .swiper-button-prev::after, .light .swiper-button-next::after {
  filter: brightness(0) invert(100%);
}
.light .swiper-button-prev:hover::after, .light .swiper-button-next:hover::after {
  filter: brightness(0) invert(100%);
}

.swiper-lazy-preloader {
  width: 0;
  height: 0;
}
.swiper-lazy-preloader::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  display: block;
  border: 4rem solid #568783;
  border-color: #E6E9ED #568783 #568783 #E6E9ED;
  border-radius: 50%;
  width: 40rem;
  height: 40rem;
  z-index: 4;
}

@media (max-width: 800px) {
  .swiper-slide {
    transition: 0.3s ease;
    width: 100%;
  }
  .swiper-wrapper {
    flex-direction: column;
    width: 100%;
  }
  .swiper-container {
    overflow: visible;
  }
  .swiper-buttons {
    margin-bottom: 24rem;
    display: flex;
    justify-content: center;
    gap: 10rem;
    display: none;
  }
  .swiper-button-prev, .swiper-button-next {
    position: relative;
    width: 36rem;
    height: 36rem;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
  }
  .swiper-button-prev::after, .swiper-button-next::after {
    width: 14rem;
    height: 14rem;
  }
  .swiper-pagination {
    margin-top: 11rem;
    gap: 11rem;
  }
  .swiper-pagination-bullet {
    width: 30rem;
    height: 4rem;
  }
  .swiper-pagination-custom {
    display: flex;
    justify-content: center;
    min-width: 40rem;
  }
  .swiper-lazy-preloader::before {
    border: 4rem solid #568783;
    border-color: #E6E9ED #568783 #568783 #E6E9ED;
    width: 40rem;
    height: 40rem;
  }
}
.form-columns {
  display: flex;
}

.form-column {
  padding: 50rem;
  width: 520rem;
}
.form-column:nth-child(1) {
  background: #4253f0;
}
.form-column:nth-child(2) {
  background: #ffffff;
}
.form-column:nth-child(3) {
  background: #010101;
}

.form.form-bg_dark {
  color: #FFFFFF;
}
.form.form-bg_dark label.error {
  color: #ffffff;
}
.form.form-bg_dark .form-item-text {
  color: #939AAD;
}
.form.form-bg_dark .checkbox-item:has(input[type=checkbox]) .checkbox-item-point {
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.7;
}
.form.form-bg_dark .checkbox-item:has(input[type=checkbox]:checked) .checkbox-item-point {
  background: #568783;
  border-color: #568783;
  opacity: 1;
}
.form.form-bg_dark .checkbox-item:has(input[type=checkbox]:checked) .checkbox-item-point::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3E%3Cpath fill='%23EFB705' d='m8.84 2.22-.793-.777a.54.54 0 0 0-.393-.157.54.54 0 0 0-.392.157L3.45 5.176 1.747 3.5a.54.54 0 0 0-.393-.157.54.54 0 0 0-.392.157l-.793.776A.5.5 0 0 0 0 4.661c0 .148.053.28.16.384l2.103 2.058.793.776a.54.54 0 0 0 .393.157.54.54 0 0 0 .392-.157l.793-.776L8.84 2.987A.52.52 0 0 0 9 2.603a.52.52 0 0 0-.16-.384'/%3E%3C/svg%3E");
}
.form.form-bg_dark .form-submit-checkbox a {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 3rem;
}
.form.form-bg_dark .form-input-upload-dashed-sub {
  color: #FFFFFF;
}
.form.form-bg_dark .form-input-upload-dashed .form-input {
  border-color: #FFFFFF;
}
.form.form-bg_dark .form-input-upload-dashed .input-file-text {
  color: #FFFFFF;
}
.form.form-bg_dark .form-input-upload-dashed .input-clear {
  filter: brightness(0) invert(100%);
}
.form.form-bg_dark .form-input-upload-dashed .input-clear:hover {
  filter: brightness(0) invert(100%) !important;
}
.form.form-bg_dark .form-item:has(.form-input-upload-dashed) .form-item-text {
  color: #FFFFFF;
}
.form.form-bg_dark .form-item:has(.form-input-upload-dashed) .form-item-text::before {
  filter: brightness(0) invert(100%);
}
.form-type_two .form-item {
  position: relative;
}
.form-type_two .form-item-text {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  transform-origin: left top;
  transform: translate(0, -50%) scale(1);
  transition: 0.15s;
}
.form-type_two .form-item .input-icon:has(input.error)::before {
  opacity: 1;
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16014_2790)'%3E%3Cpath d='M3.49041 7.08802C5.48169 3.5645 6.47733 1.80273 7.84356 1.34923C8.59518 1.09974 9.40482 1.09974 10.1564 1.34923C11.5227 1.80273 12.5183 3.5645 14.5096 7.08802C16.5009 10.6115 17.4965 12.3733 17.1978 13.8088C17.0335 14.5986 16.6287 15.3149 16.0414 15.8551C14.9738 16.8371 12.9826 16.8371 9 16.8371C5.01743 16.8371 3.02615 16.8371 1.95859 15.8551C1.37129 15.3149 0.966472 14.5986 0.802159 13.8088C0.503485 12.3733 1.49913 10.6115 3.49041 7.08802Z' stroke='%23E62222' stroke-width='1.65' /%3E%3Cpath d='M8.99349 12.2998H9.0009' stroke='%23E62222' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9 9.82422L9 6.52422' stroke='%23E62222' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16014_2790'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-type_two .form-item .input-icon:has(input.valid)::before {
  opacity: 1;
  filter: grayscale(0);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16014_15117)'%3E%3Cpath d='M17.1004 9.00059C17.1004 4.52708 13.4739 0.900587 9.00039 0.900587C4.52688 0.900587 0.900391 4.52708 0.900391 9.00059C0.900391 13.4741 4.52688 17.1006 9.00039 17.1006C13.4739 17.1006 17.1004 13.4741 17.1004 9.00059Z' stroke='%23099951' stroke-width='1.215' /%3E%3Cpath d='M5.76074 9.40531L7.78574 11.4303L12.2407 6.57031' stroke='%23099951' stroke-width='1.215' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16014_15117'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-type_two .form-item .input-icon.form-input-upload.loaded .input-clear {
  opacity: 1;
  pointer-events: auto;
}
.form-type_two .form-item .input-icon.form-input-upload.loaded::before {
  display: none;
}
.form-type_two .form-item .input-icon.form-input-upload::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3429 4.54353L12.7678 5.94686L6.44969 12.3625C6.13266 12.6861 6.13266 13.2069 6.44969 13.5305C6.75054 13.8376 7.2531 13.8362 7.55074 13.5288L14.5021 6.46725C15.5169 5.43163 15.5169 3.76842 14.5021 2.7328C13.5339 1.74471 11.8207 1.76669 10.8718 2.73468L3.28452 10.4368C1.57153 12.1842 1.57153 14.9901 3.28452 16.7376C4.94791 18.4344 7.80538 18.4067 9.4428 16.736L18.2917 7.74881L19.7169 9.15201L10.8696 18.1375C8.45566 20.6006 4.31005 20.6407 1.85632 18.1376C-0.619057 15.6125 -0.619057 11.5618 1.85802 9.03499L9.44526 1.33288C11.1687 -0.425176 14.17 -0.463682 15.9306 1.33303C17.7074 3.14628 17.7074 6.05377 15.929 7.86865L8.9818 14.9259C7.90713 16.0358 6.1093 16.0409 5.0211 14.9302C3.94221 13.829 3.94221 12.0641 5.0229 10.9611L11.3429 4.54353Z' fill='%23EFB705' /%3E%3C/g%3E%3C/svg%3E");
}
.form-type_two .form-item .input-icon.form-input-upload:has(input.valid)::before, .form-type_two .form-item .input-icon.form-input-upload:has(input.error)::before {
  opacity: 0.5;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3429 4.54353L12.7678 5.94686L6.44969 12.3625C6.13266 12.6861 6.13266 13.2069 6.44969 13.5305C6.75054 13.8376 7.2531 13.8362 7.55074 13.5288L14.5021 6.46725C15.5169 5.43163 15.5169 3.76842 14.5021 2.7328C13.5339 1.74471 11.8207 1.76669 10.8718 2.73468L3.28452 10.4368C1.57153 12.1842 1.57153 14.9901 3.28452 16.7376C4.94791 18.4344 7.80538 18.4067 9.4428 16.736L18.2917 7.74881L19.7169 9.15201L10.8696 18.1375C8.45566 20.6006 4.31005 20.6407 1.85632 18.1376C-0.619057 15.6125 -0.619057 11.5618 1.85802 9.03499L9.44526 1.33288C11.1687 -0.425176 14.17 -0.463682 15.9306 1.33303C17.7074 3.14628 17.7074 6.05377 15.929 7.86865L8.9818 14.9259C7.90713 16.0358 6.1093 16.0409 5.0211 14.9302C3.94221 13.829 3.94221 12.0641 5.0229 10.9611L11.3429 4.54353Z' fill='%23EFB705' /%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .form-type_two .form-item.listen.focused .input-clear {
    opacity: 1;
    pointer-events: auto;
  }
}
.form-type_two .form-item.listen.focused .input-icon::before {
  opacity: 0;
}
.form-type_two .form-item:has(.select) {
  z-index: 7;
}
.form-type_two .form-item:has(.select) .form-item-text {
  z-index: 7;
}
.form-type_two .form-item.focused:has(.select), .form-type_two .form-item:has(.select.active) {
  z-index: 8;
}
.form-type_two .form-item.focused:has(.select) .form-item-text, .form-type_two .form-item:has(.select.active) .form-item-text {
  z-index: 8;
}
.form-type_two .form-item .select.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.form-type_two .form-item .select p::after {
  display: none;
}
.form-type_two .form-item .select::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transition: 0.3s ease;
  transform: translateY(-50%);
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.form-type_two .form-item .select:has(.select-option-img)::after {
  display: none;
}
.form-type_two .form-item .select:has(.select-option-img) .select-selected .select-option-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.form-type_two .form-item input[type=date],
.form-type_two .form-item input[type=time],
.form-type_two .form-item input[type=datetime-local] {
  pointer-events: none;
  color: transparent;
}
.form-type_two .form-item input[type=date].has-value,
.form-type_two .form-item input[type=time].has-value,
.form-type_two .form-item input[type=datetime-local].has-value {
  color: #000000;
}
.form-type_two .form-item .form-input-upload-placeholder {
  color: transparent;
}
.form-type_two .form-input::-webkit-input-placeholder, .form-type_two .form-textarea::-webkit-input-placeholder {
  color: transparent !important;
}
.form-type_two .form-input::-ms-input-placeholder, .form-type_two .form-textarea::-ms-input-placeholder {
  color: transparent !important;
}
.form-type_two .form-input::-moz-placeholder, .form-type_two .form-textarea::-moz-placeholder {
  color: transparent !important;
}
.form-type_two .form-input > textarea::-webkit-input-placeholder, .form-type_two .form-textarea > textarea::-webkit-input-placeholder {
  color: transparent !important;
}
.form-type_two .form-input > textarea::-ms-input-placeholder, .form-type_two .form-textarea > textarea::-ms-input-placeholder {
  color: transparent !important;
}
.form-type_two .form-input > textarea::-moz-placeholder, .form-type_two .form-textarea > textarea::-moz-placeholder {
  color: transparent !important;
}
.form-type_two .form-textarea + .input-clear {
  display: none;
}
.form-type_two .form-textarea::before {
  background: none;
}
.form-type_two .form-textarea::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.form-l.form-type_one .form-item-text {
  padding-left: 0;
  font-size: 15rem;
  margin-bottom: 10rem;
}
@media (max-width: 800px) {
  .form-l.form-type_one .form-item-text {
    font-size: 14rem;
    margin-bottom: 10rem;
  }
}
.form-l.form-type_one .form-item label.error {
  font-size: 15rem;
  margin-bottom: 10rem;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .form-l.form-type_one .form-item label.error {
    font-size: 14rem;
    margin-bottom: 10rem;
  }
}
.form-l.form-type_one .form-input, .form-l.form-type_one .form-textarea {
  font-size: 16rem;
}
.form-l.form-type_two .form-item-text {
  top: 44rem;
  left: 36rem;
  font-size: 17rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item-text {
    top: 30rem;
    left: 26rem;
    font-size: 14rem;
  }
}
.form-l.form-type_two .form-item:has(.select) .form-item-text, .form-l.form-type_two .form-item.focused .form-item-text, .form-l.form-type_two .form-item.listen .form-item-text {
  top: 16rem;
  transform: scale(0.765);
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item:has(.select) .form-item-text, .form-l.form-type_two .form-item.focused .form-item-text, .form-l.form-type_two .form-item.listen .form-item-text {
    top: 10rem;
    top: 12rem;
    transform: scale(0.84);
  }
}
.form-l.form-type_two .form-item .input-clear {
  top: 44rem;
  right: 36rem;
  width: 20rem;
  height: 20rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item .input-clear {
    top: 30rem;
    right: 26rem;
    width: 18rem;
    height: 18rem;
  }
}
.form-l.form-type_two .form-item label.error {
  font-size: 13rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item label.error {
    font-size: 12rem;
  }
}
.form-l.form-type_two .form-item .select::after {
  right: 36rem;
  width: 20rem;
  height: 20rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item .select::after {
    right: 26rem;
    width: 16rem;
    height: 16rem;
  }
}
.form-l.form-type_two .form-item .select .select-selected .select-option-img {
  right: 36rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item .select .select-selected .select-option-img {
    right: 26rem;
  }
}
.form-l.form-type_two .form-item .select-selected, .form-l.form-type_two .form-input {
  padding-top: 42rem;
  padding-bottom: 16rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-item .select-selected, .form-l.form-type_two .form-input {
    padding-top: 29rem;
    padding-bottom: 10rem;
  }
}
.form-l.form-type_two .form-input, .form-l.form-type_two .form-textarea {
  font-size: 17rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-input, .form-l.form-type_two .form-textarea {
    font-size: 14rem;
  }
}
.form-l.form-type_two .form-textarea > textarea {
  padding-top: 44rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-textarea > textarea {
    padding-top: 35rem;
  }
}
.form-l.form-type_two .form-textarea::after {
  height: 44rem;
}
@media (max-width: 800px) {
  .form-l.form-type_two .form-textarea::after {
    height: 35rem;
  }
}
.form-l .form-title {
  margin-bottom: 14rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.form-l .form-subtitle {
  margin-bottom: 29rem;
}
.form-l .form-item .input-icon .eye-icon {
  width: 26rem;
  height: 26rem;
  top: 44rem;
  right: 36rem;
}
@media (max-width: 800px) {
  .form-l .form-item .input-icon .eye-icon {
    width: 22rem;
    height: 22rem;
    top: 30rem;
    right: 26rem;
  }
}
.form-l .form-item .input-icon::before {
  width: 18rem;
  height: 18rem;
  top: 44rem;
  right: 36rem;
}
@media (max-width: 800px) {
  .form-l .form-item .input-icon::before {
    width: 15rem;
    height: 15rem;
    top: 30rem;
    right: 26rem;
  }
}
.form-l .form-item .input-icon .form-input {
  padding-right: 54rem;
}
@media (max-width: 800px) {
  .form-l .form-item .input-icon .form-input {
    padding-right: 54rem;
  }
}
.form-l .form-item .select {
  font-size: 16rem;
  border-radius: 10rem;
}
.form-l .form-item .select-input {
  height: 88rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-input {
    height: 60rem;
  }
}
.form-l .form-item .select-selected {
  height: 88rem;
  padding: 0 36rem;
  border-radius: 10rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-selected {
    height: 60rem;
    padding: 0 26rem;
  }
}
.form-l .form-item .select-selected p {
  gap: 12rem;
}
.form-l .form-item .select-selected p::after {
  width: 12rem;
  height: 12rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-selected p {
    gap: 10rem;
  }
  .form-l .form-item .select-selected p::after {
    width: 10rem;
    height: 10rem;
  }
}
.form-l .form-item .select-options {
  max-height: 340rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-options {
    max-height: 330rem;
  }
}
.form-l .form-item .select-options-wrapper {
  transform: translateY(14rem);
  border-radius: 44rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-options-wrapper {
    transform: translateY(10rem);
    border-radius: 30rem;
  }
}
.form-l .form-item .select-option {
  padding: 0 36rem;
  height: 73.3333333333rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-option {
    padding: 0 26rem;
    height: 50rem;
  }
}
.form-l .form-item .select-option-img {
  margin-left: 20rem;
  width: 44rem;
  height: 44rem;
}
@media (max-width: 800px) {
  .form-l .form-item .select-option-img {
    margin-left: 16rem;
    width: 30rem;
    height: 30rem;
  }
}
.form-l .form-item label.error {
  margin-top: 6rem;
}
.form-l .form-item:has(.iti) .form-input {
  padding-left: 130rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .form-input {
    padding-left: 105rem;
  }
}
.form-l .form-item:has(.iti) .form-item-text {
  left: 130rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .form-item-text {
    left: 106rem;
  }
}
.form-l .form-item:has(.iti) .iti__selected-country {
  margin: 8rem 10rem;
  height: 64rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__selected-country {
    margin: 10rem;
    height: 40rem;
  }
}
.form-l .form-item:has(.iti) .iti__selected-country-primary {
  padding: 0 26rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__selected-country-primary {
    padding: 0 16rem;
  }
}
.form-l .form-item:has(.iti) .iti__dropdown-content {
  margin-top: 14rem;
  border-radius: 44rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__dropdown-content {
    margin-top: 10rem;
    border-radius: 30rem;
  }
}
.form-l .form-item:has(.iti) .iti__search-input {
  height: 73.3333333333rem;
  padding: 0 36rem;
  font-size: 16rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__search-input {
    height: 60rem;
    padding: 0 26rem;
    font-size: 14rem;
  }
}
.form-l .form-item:has(.iti) .iti__country {
  height: 73.3333333333rem;
  padding: 0 36rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__country {
    height: 60rem;
    padding: 0 26rem;
  }
}
.form-l .form-item:has(.iti) .iti__country-list {
  max-height: 252rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__country-list {
    max-height: 240rem;
  }
}
.form-l .form-item:has(.iti) .iti__country-name {
  font-size: 16rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__country-name {
    font-size: 14rem;
  }
}
.form-l .form-item:has(.iti) .iti__dial-code {
  font-size: 16rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__dial-code {
    font-size: 14rem;
  }
}
.form-l .form-item:has(.iti) .iti__arrow {
  width: 16rem;
  height: 16rem;
}
@media (max-width: 800px) {
  .form-l .form-item:has(.iti) .iti__arrow {
    width: 13rem;
    height: 13rem;
    margin-left: 11rem;
  }
}
.form-l .form-input {
  height: 88rem;
  padding: 0 36rem;
  border-radius: 10rem;
}
@media (max-width: 800px) {
  .form-l .form-input {
    height: 60rem;
    padding: 0 26rem;
  }
}
.form-l .form-textarea {
  border-radius: 10rem;
  height: 240rem;
}
@media (max-width: 800px) {
  .form-l .form-textarea {
    height: 142rem;
  }
}
.form-l .form-textarea > textarea {
  padding: 0 36rem;
  padding-right: 90rem;
  padding-top: 32rem;
  padding-bottom: 32rem;
}
@media (max-width: 800px) {
  .form-l .form-textarea > textarea {
    padding: 0 26rem;
    padding-right: 65rem;
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
.form-m.form-type_one .form-item-text {
  padding-left: 0;
  font-size: 14rem;
  margin-bottom: 10rem;
}
@media (max-width: 800px) {
  .form-m.form-type_one .form-item-text {
    font-size: 13rem;
    margin-bottom: 10rem;
  }
}
.form-m.form-type_one .form-item label.error {
  font-size: 14rem;
  margin-bottom: 10rem;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .form-m.form-type_one .form-item label.error {
    font-size: 13rem;
    margin-bottom: 10rem;
  }
}
.form-m.form-type_one .form-input, .form-m.form-type_one .form-textarea {
  font-size: 15rem;
}
.form-m.form-type_two .form-item-text {
  top: 35rem;
  left: 32rem;
  font-size: 16rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item-text {
    top: 30rem;
    left: 26rem;
    font-size: 14rem;
  }
}
.form-m.form-type_two .form-item:has(.select) .form-item-text, .form-m.form-type_two .form-item.focused .form-item-text, .form-m.form-type_two .form-item.listen .form-item-text {
  top: 13.5rem;
  transform: scale(0.781);
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item:has(.select) .form-item-text, .form-m.form-type_two .form-item.focused .form-item-text, .form-m.form-type_two .form-item.listen .form-item-text {
    top: 10rem;
    transform: scale(0.857);
  }
}
.form-m.form-type_two .form-item .input-clear {
  top: 35rem;
  right: 32rem;
  width: 18rem;
  height: 18rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item .input-clear {
    top: 30rem;
    right: 26rem;
    width: 18rem;
    height: 18rem;
  }
}
.form-m.form-type_two .form-item label.error {
  font-size: 12.5rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item label.error {
    font-size: 12rem;
  }
}
.form-m.form-type_two .form-item .select::after {
  right: 26rem;
  width: 18rem;
  height: 18rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item .select::after {
    right: 26rem;
    width: 16rem;
    height: 16rem;
  }
}
.form-m.form-type_two .form-item .select .select-selected .select-option-img {
  right: 32rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item .select .select-selected .select-option-img {
    right: 26rem;
  }
}
.form-m.form-type_two .form-item .select-selected, .form-m.form-type_two .form-input {
  padding-top: 34rem;
  padding-bottom: 13.5rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-item .select-selected, .form-m.form-type_two .form-input {
    padding-top: 29rem;
    padding-bottom: 10rem;
  }
}
.form-m.form-type_two .form-input, .form-m.form-type_two .form-textarea {
  font-size: 16rem;
  font-weight: 500;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-input, .form-m.form-type_two .form-textarea {
    font-size: 14rem;
  }
}
.form-m.form-type_two .form-textarea > textarea {
  padding-top: 39rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-textarea > textarea {
    padding-top: 35rem;
  }
}
.form-m.form-type_two .form-textarea::after {
  height: 39rem;
}
@media (max-width: 800px) {
  .form-m.form-type_two .form-textarea::after {
    height: 35rem;
  }
}
.form-m .form-title {
  margin-bottom: 14rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.form-m .form-subtitle {
  margin-bottom: 29rem;
}
.form-m .form-item .input-icon .eye-icon {
  width: 24rem;
  height: 24rem;
  top: 35rem;
  right: 32rem;
}
@media (max-width: 800px) {
  .form-m .form-item .input-icon .eye-icon {
    width: 22rem;
    height: 22rem;
    top: 30rem;
    right: 26rem;
  }
}
.form-m .form-item .input-icon::before {
  width: 18rem;
  height: 18rem;
  top: 35rem;
  right: 32rem;
}
@media (max-width: 800px) {
  .form-m .form-item .input-icon::before {
    top: 30rem;
    right: 26rem;
  }
}
.form-m .form-item .input-icon .form-input {
  padding-right: 67.2rem;
}
@media (max-width: 800px) {
  .form-m .form-item .input-icon .form-input {
    padding-right: 62.4rem;
  }
}
.form-m .form-item .select {
  font-size: 15rem;
}
.form-m .form-item .select-input {
  height: 70rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-input {
    height: 60rem;
  }
}
.form-m .form-item .select-selected {
  height: 70rem;
  padding: 0 32rem;
  border-radius: 10rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-selected {
    height: 60rem;
    padding: 0 26rem;
  }
}
.form-m .form-item .select-selected p {
  gap: 12rem;
}
.form-m .form-item .select-selected p::after {
  width: 12rem;
  height: 12rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-selected p {
    gap: 10rem;
  }
  .form-m .form-item .select-selected p::after {
    width: 10rem;
    height: 10rem;
  }
}
.form-m .form-item .select-options {
  max-height: 330rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-options {
    max-height: 300rem;
  }
}
.form-m .form-item .select-options-wrapper {
  transform: translateY(10rem);
  border-radius: 35rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-options-wrapper {
    transform: translateY(10rem);
    border-radius: 30rem;
  }
}
.form-m .form-item .select-option {
  padding: 0 32rem;
  height: 58.3333333333rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-option {
    padding: 0 26rem;
    height: 50rem;
  }
}
.form-m .form-item .select-option-img {
  margin-left: 18rem;
  width: 38rem;
  height: 38rem;
}
@media (max-width: 800px) {
  .form-m .form-item .select-option-img {
    margin-left: 16rem;
    width: 16rem;
    height: 16rem;
  }
}
.form-m .form-item label.error {
  margin-top: 10rem;
}
.form-m .form-item:has(.iti) .form-input {
  padding-left: 122rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .form-input {
    padding-left: 106rem;
  }
}
.form-m .form-item:has(.iti) .form-item-text {
  left: 122rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .form-item-text {
    left: 106rem;
  }
}
.form-m .form-item:has(.iti) .iti__selected-country {
  margin: 10rem;
  height: 50rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__selected-country {
    margin: 10rem;
    height: 40rem;
  }
}
.form-m .form-item:has(.iti) .iti__selected-country-primary {
  padding: 0 22rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__selected-country-primary {
    padding: 0 16rem;
  }
}
.form-m .form-item:has(.iti) .iti__dropdown-content {
  margin-top: 10rem;
  border-radius: 35rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__dropdown-content {
    margin-top: 10rem;
    border-radius: 30rem;
    border-radius: 32rem;
  }
}
.form-m .form-item:has(.iti) .iti__search-input {
  height: 62rem;
  padding: 0 32rem;
  font-size: 15rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__search-input {
    height: 56rem;
    padding: 0 26rem;
    font-size: 14rem;
  }
}
.form-m .form-item:has(.iti) .iti__country {
  min-height: 62rem;
  padding: 4rem 32rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__country {
    min-height: 56rem;
    padding: 4rem 26rem;
  }
}
.form-m .form-item:has(.iti) .iti__country-list {
  max-height: 260rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__country-list {
    max-height: 240rem;
  }
}
.form-m .form-item:has(.iti) .iti__country-name {
  font-size: 15rem;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__country-name {
    font-size: 14rem;
  }
}
.form-m .form-item:has(.iti) .iti__dial-code {
  flex-shrink: 0;
  font-size: 15rem;
}
@media (max-width: 800px) {
  .form-m .form-item:has(.iti) .iti__dial-code {
    font-size: 14rem;
  }
}
.form-m .form-item:has(.iti) .iti__arrow {
  width: 16rem;
  height: 16rem;
  margin-left: 12rem;
  opacity: 0.6;
}
.form-m .form-item-spliter {
  gap: 24rem;
  margin-bottom: 20rem;
}
@media (max-width: 800px) {
  .form-m .form-item-spliter {
    gap: 18rem;
    margin-bottom: 18rem;
  }
}
.form-m .form-input {
  height: 70rem;
  padding: 0 32rem;
  font-size: 15rem;
  border-radius: 10rem;
}
@media (max-width: 800px) {
  .form-m .form-input {
    height: 60rem;
    padding: 0 26rem;
  }
}
.form-m .form-textarea {
  border-radius: 10rem;
  font-size: 15rem;
  height: 182rem;
}
@media (max-width: 800px) {
  .form-m .form-textarea {
    height: 142rem;
  }
}
.form-m .form-textarea > textarea {
  padding: 0 32rem;
  padding-right: 80rem;
  padding-top: 26rem;
  padding-bottom: 26rem;
}
@media (max-width: 800px) {
  .form-m .form-textarea > textarea {
    padding: 0 26rem;
    padding-right: 65rem;
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
.form-s.form-type_one .form-item-text {
  padding-left: 0;
  font-size: 13rem;
  margin-bottom: 10rem;
}
@media (max-width: 800px) {
  .form-s.form-type_one .form-item-text {
    font-size: 13rem;
    margin-bottom: 8rem;
  }
}
.form-s.form-type_one .form-item label.error {
  font-size: 13rem;
  margin-bottom: 10rem;
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .form-s.form-type_one .form-item label.error {
    font-size: 13rem;
    margin-bottom: 8rem;
  }
}
.form-s.form-type_one .form-input, .form-s.form-type_one .form-textarea {
  font-size: 14rem;
}
.form-s.form-type_two .form-item-text {
  top: 30rem;
  left: 26rem;
  font-size: 14rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item-text {
    top: 26rem;
    left: 24rem;
    font-size: 13rem;
  }
}
.form-s.form-type_two .form-item:has(.select) .form-item-text, .form-s.form-type_two .form-item.focused .form-item-text, .form-s.form-type_two .form-item.listen .form-item-text {
  top: 10rem;
  transform: scale(0.871);
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item:has(.select) .form-item-text, .form-s.form-type_two .form-item.focused .form-item-text, .form-s.form-type_two .form-item.listen .form-item-text {
    top: 7.5rem;
    transform: scale(0.8462);
  }
}
.form-s.form-type_two .form-item .input-clear {
  top: 30rem;
  right: 26rem;
  width: 18rem;
  height: 18rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item .input-clear {
    top: 26rem;
    right: 24rem;
    width: 15rem;
    height: 15rem;
  }
}
.form-s.form-type_two .form-item label.error {
  font-size: 12rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item label.error {
    font-size: 11rem;
  }
}
.form-s.form-type_two .form-item .select::after {
  right: 26rem;
  width: 16rem;
  height: 16rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item .select::after {
    right: 24rem;
  }
}
.form-s.form-type_two .form-item .select .select-selected .select-option-img {
  right: 26rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item .select .select-selected .select-option-img {
    right: 24rem;
  }
}
.form-s.form-type_two .form-item .select-selected, .form-s.form-type_two .form-input {
  padding-top: 29rem;
  padding-bottom: 10rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-item .select-selected, .form-s.form-type_two .form-input {
    padding-top: 25rem;
    padding-bottom: 7.5rem;
  }
}
.form-s.form-type_two .form-input, .form-s.form-type_two .form-textarea {
  font-size: 14rem;
}
.form-s.form-type_two .form-textarea > textarea {
  padding-top: 35rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-textarea > textarea {
    padding-top: 31rem;
  }
}
.form-s.form-type_two .form-textarea::after {
  height: 35rem;
}
@media (max-width: 800px) {
  .form-s.form-type_two .form-textarea::after {
    height: 31rem;
  }
}
.form-s .form-title {
  margin-bottom: 14rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-s .form-title {
    margin-bottom: 6.4vw;
    font-size: 20rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.form-s .form-subtitle {
  margin-bottom: 29rem;
}
@media (max-width: 800px) {
  .form-s .form-subtitle {
    margin-bottom: 3vw;
  }
}
.form-s .form-item .input-icon .eye-icon {
  width: 22rem;
  height: 22rem;
  top: 30rem;
  right: 26rem;
}
@media (max-width: 800px) {
  .form-s .form-item .input-icon .eye-icon {
    top: 26rem;
    right: 24rem;
  }
}
.form-s .form-item .input-icon::before {
  width: 15rem;
  height: 15rem;
  top: 30rem;
  right: 26rem;
}
@media (max-width: 800px) {
  .form-s .form-item .input-icon::before {
    top: 26rem;
    right: 24rem;
  }
}
.form-s .form-item .input-icon .form-input {
  padding-right: 65rem;
}
@media (max-width: 800px) {
  .form-s .form-item .input-icon .form-input {
    padding-right: 60rem;
  }
}
.form-s .form-item .input-icon .eye-icon {
  filter: grayscale(1) invert(40%);
  width: 20rem;
  height: 20rem;
}
.form-s .form-item .select {
  font-size: 14rem;
}
.form-s .form-item .select-input {
  height: 60rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-input {
    height: 52rem;
  }
}
.form-s .form-item .select-selected {
  height: 60rem;
  padding: 0 26rem;
  border-radius: 8rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-selected {
    height: 52rem;
    padding: 0 24rem;
  }
}
.form-s .form-item .select-selected p {
  gap: 10rem;
}
.form-s .form-item .select-selected p::after {
  width: 10rem;
  height: 10rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-selected p {
    gap: 10rem;
  }
  .form-s .form-item .select-selected p::after {
    width: 10rem;
    height: 10rem;
  }
}
.form-s .form-item .select-options {
  max-height: 300rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-options {
    max-height: 270rem;
  }
}
.form-s .form-item .select-options-wrapper {
  transform: translateY(10rem);
  border-radius: 30rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-options-wrapper {
    transform: translateY(8rem);
    border-radius: 26rem;
  }
}
.form-s .form-item .select-option {
  padding: 0 26rem;
  height: 50rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-option {
    padding: 0 24rem;
    height: 43.3333333333rem;
  }
}
.form-s .form-item .select-option-img {
  margin-left: 16rem;
  width: 30rem;
  height: 30rem;
}
@media (max-width: 800px) {
  .form-s .form-item .select-option-img {
    margin-left: 16rem;
    width: 26rem;
    height: 26rem;
  }
}
.form-s .form-item label.error {
  margin-top: 10rem;
}
@media (max-width: 800px) {
  .form-s .form-item label.error {
    margin-top: 8rem;
  }
}
.form-s .form-item:has(.iti) .form-input {
  padding-left: 106rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .form-input {
    padding-left: 100rem;
  }
}
.form-s .form-item:has(.iti) .form-item-text {
  left: 106rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .form-item-text {
    left: 100rem;
  }
}
.form-s .form-item:has(.iti) .iti__selected-country {
  margin: 10rem;
  height: 40rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__selected-country {
    height: 32rem;
  }
}
.form-s .form-item:has(.iti) .iti__selected-country-primary {
  padding: 0 16rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__selected-country-primary {
    padding: 0 14rem;
  }
}
.form-s .form-item:has(.iti) .iti__dropdown-content {
  margin-top: 10rem;
  border-radius: 30rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__dropdown-content {
    margin-top: 8rem;
    border-radius: 26rem;
  }
}
.form-s .form-item:has(.iti) .iti__search-input {
  height: 60rem;
  padding: 0 26rem;
  font-size: 14rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__search-input {
    height: 52rem;
    padding: 0 24rem;
    font-size: 13rem;
  }
}
.form-s .form-item:has(.iti) .iti__country {
  height: 60rem;
  padding: 0 26rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__country {
    height: 52rem;
    padding: 0 24rem;
  }
}
.form-s .form-item:has(.iti) .iti__country-list {
  max-height: 240rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__country-list {
    max-height: 218rem;
  }
}
.form-s .form-item:has(.iti) .iti__country-name {
  font-size: 14rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__country-name {
    font-size: 13rem;
  }
}
.form-s .form-item:has(.iti) .iti__dial-code {
  font-size: 14rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__dial-code {
    font-size: 13rem;
  }
}
.form-s .form-item:has(.iti) .iti__arrow {
  width: 16rem;
  height: 16rem;
}
@media (max-width: 800px) {
  .form-s .form-item:has(.iti) .iti__arrow {
    width: 14rem;
    height: 14rem;
  }
}
.form-s .form-input {
  height: 60rem;
  padding: 0 26rem;
  font-size: 14rem;
  border-radius: 8rem;
}
@media (max-width: 800px) {
  .form-s .form-input {
    height: 52rem;
    padding: 0 24rem;
    font-size: 13rem;
  }
}
.form-s .form-textarea {
  border-radius: 8rem;
  font-size: 14rem;
  height: 142rem;
}
@media (max-width: 800px) {
  .form-s .form-textarea {
    height: 200rem;
  }
}
.form-s .form-textarea > textarea {
  padding: 0 26rem;
  padding-top: 20rem;
  padding-bottom: 20rem;
  padding-right: 65rem;
}
@media (max-width: 800px) {
  .form-s .form-textarea > textarea {
    padding: 0 24rem;
    padding-right: 60rem;
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
.form-xs.form-type_one .form-item-text {
  padding-left: 0;
  font-size: 13rem;
  margin-bottom: 8rem;
}
.form-xs.form-type_one .form-item label.error {
  font-size: 13rem;
  margin-bottom: 8rem;
  margin-bottom: 0;
}
.form-xs.form-type_one .form-input, .form-xs.form-type_one .form-textarea {
  font-size: 13rem;
}
.form-xs.form-type_two .form-item-text {
  top: 26rem;
  left: 24rem;
  font-size: 13rem;
}
.form-xs.form-type_two .form-item:has(.select) .form-item-text, .form-xs.form-type_two .form-item.focused .form-item-text, .form-xs.form-type_two .form-item.listen .form-item-text {
  top: 7.5rem;
  transform: scale(0.8462);
}
.form-xs.form-type_two .form-item .input-clear {
  top: 26rem;
  right: 24rem;
  width: 15rem;
  height: 15rem;
}
.form-xs.form-type_two .form-item label.error {
  font-size: 11rem;
}
.form-xs.form-type_two .form-item .select::after {
  right: 24rem;
  width: 16rem;
  height: 16rem;
}
.form-xs.form-type_two .form-item .select .select-selected .select-option-img {
  right: 24rem;
}
.form-xs.form-type_two .form-item .select-selected, .form-xs.form-type_two .form-input {
  padding-top: 25rem;
  padding-bottom: 7.5rem;
}
.form-xs.form-type_two .form-input, .form-xs.form-type_two .form-textarea {
  font-size: 13rem;
}
.form-xs.form-type_two .form-textarea > textarea {
  padding-top: 31rem;
}
.form-xs.form-type_two .form-textarea::after {
  height: 31rem;
}
.form-xs .form-title {
  margin-bottom: 14rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-xs .form-title {
    margin-bottom: 3vw;
  }
}
.form-xs .form-subtitle {
  margin-bottom: 29rem;
}
@media (max-width: 800px) {
  .form-xs .form-subtitle {
    margin-bottom: 3vw;
  }
}
.form-xs .form-item .input-icon .eye-icon {
  width: 22rem;
  height: 22rem;
  top: 26rem;
  right: 24rem;
}
.form-xs .form-item .input-icon::before {
  width: 15rem;
  height: 15rem;
  top: 26rem;
  right: 24rem;
}
.form-xs .form-item .input-icon .form-input {
  padding-right: 60rem;
}
.form-xs .form-item .select {
  font-size: 13rem;
}
.form-xs .form-item .select-input {
  height: 52rem;
}
.form-xs .form-item .select-selected {
  height: 52rem;
  padding: 0 24rem;
  border-radius: 8rem;
}
.form-xs .form-item .select-selected p {
  gap: 10rem;
}
.form-xs .form-item .select-selected p::after {
  width: 10rem;
  height: 10rem;
}
.form-xs .form-item .select-options {
  max-height: 270rem;
}
.form-xs .form-item .select-options-wrapper {
  transform: translateY(8rem);
  border-radius: 26rem;
}
.form-xs .form-item .select-option {
  padding: 0 24rem;
  height: 43.3333333333rem;
}
.form-xs .form-item .select-option-img {
  margin-left: 16rem;
  width: 26rem;
  height: 26rem;
}
.form-xs .form-item label.error {
  margin-top: 8rem;
}
.form-xs .form-item:has(.iti) .form-input {
  padding-left: 100rem;
}
.form-xs .form-item:has(.iti) .form-item-text {
  left: 100rem;
}
.form-xs .form-item:has(.iti) .iti__selected-country {
  margin: 10rem;
  height: 32rem;
}
.form-xs .form-item:has(.iti) .iti__selected-country-primary {
  padding: 0 14rem;
}
.form-xs .form-item:has(.iti) .iti__dropdown-content {
  margin-top: 8rem;
  border-radius: 26rem;
}
.form-xs .form-item:has(.iti) .iti__search-input {
  height: 52rem;
  padding: 0 24rem;
  font-size: 13rem;
}
.form-xs .form-item:has(.iti) .iti__country {
  height: 52rem;
  padding: 0 24rem;
}
.form-xs .form-item:has(.iti) .iti__country-list {
  max-height: 218rem;
}
.form-xs .form-item:has(.iti) .iti__country-name {
  font-size: 13rem;
}
.form-xs .form-item:has(.iti) .iti__dial-code {
  font-size: 13rem;
}
.form-xs .form-item:has(.iti) .iti__arrow {
  width: 14rem;
  height: 14rem;
}
.form-xs .form-input {
  height: 52rem;
  padding: 0 24rem;
  font-size: 13rem;
  border-radius: 8rem;
}
.form-xs .form-textarea {
  border-radius: 8rem;
  font-size: 13rem;
  height: 200rem;
}
.form-xs .form-textarea > textarea {
  padding: 0 24rem;
  padding-right: 60rem;
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.form-xxs.form-type_one .form-item-text {
  padding-left: 0;
  font-size: 13rem;
  margin-bottom: 8rem;
}
.form-xxs.form-type_one .form-item label.error {
  font-size: 13rem;
  margin-bottom: 8rem;
  margin-bottom: 0;
}
.form-xxs.form-type_one .form-input, .form-xxs.form-type_one .form-textarea {
  font-size: 13rem;
}
.form-xxs.form-type_two .form-item-text {
  top: 26rem;
  left: 24rem;
  font-size: 13rem;
}
.form-xxs.form-type_two .form-item:has(.select) .form-item-text, .form-xxs.form-type_two .form-item.focused .form-item-text, .form-xxs.form-type_two .form-item.listen .form-item-text {
  top: 7.5rem;
  transform: scale(0.8462);
}
.form-xxs.form-type_two .form-item .input-clear {
  top: 26rem;
  right: 24rem;
  width: 15rem;
  height: 15rem;
}
.form-xxs.form-type_two .form-item label.error {
  font-size: 11rem;
}
.form-xxs.form-type_two .form-input {
  padding-top: 25rem;
  padding-bottom: 7.5rem;
}
.form-xxs.form-type_two .form-input, .form-xxs.form-type_two .form-textarea {
  font-size: 13rem;
}
.form-xxs.form-type_two .form-textarea > textarea {
  padding-top: 31rem;
}
.form-xxs.form-type_two .form-textarea::after {
  height: 31rem;
}
.form-xxs .form-title {
  margin-bottom: 12rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-xxs .form-title {
    margin-bottom: 3vw;
  }
}
.form-xxs .form-subtitle {
  margin-bottom: 29rem;
}
@media (max-width: 800px) {
  .form-xxs .form-subtitle {
    margin-bottom: 3vw;
  }
}
.form-xxs .form-item-text {
  padding-left: 11rem;
  font-size: 12rem;
  margin-bottom: 8rem;
}
.form-xxs .form-item .input-icon .eye-icon {
  width: 22rem;
  height: 22rem;
  top: 23rem;
  right: 22rem;
}
.form-xxs .form-item .input-icon::before {
  width: 15rem;
  height: 15rem;
  top: 23rem;
  right: 22rem;
}
.form-xxs .form-item .input-icon .form-input {
  padding-right: 55rem;
}
.form-xxs .form-input {
  height: 46rem;
  padding: 0 22rem;
  font-size: 14rem;
  border-radius: 8rem;
}
.form-xxs label.error {
  font-size: 13rem;
  margin-bottom: 10rem;
}
.form-light.form-type_two .form-item-text {
  color: #64748B;
}
.form-light.form-type_two .form-item .select-first {
  color: #000000;
}
.form-light.form-type_two .form-item .select::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M10.658 13.6714C10.3204 14.0448 9.67953 14.0448 9.34197 13.6714L4.35249 8.16238C3.91148 7.67471 4.30426 6.95215 5.01127 6.95215H14.9887C15.6957 6.95215 16.0885 7.67471 15.6467 8.16238L10.658 13.673V13.6714Z' fill='%2364748B' /%3E%3C/g%3E%3C/svg%3E");
}
.form-light.form-type_two .form-textarea::after {
  background: #FFFFFF;
}
@media (min-width: 801px) {
  .form-light .form-item .input-clear:hover {
    filter: brightness(0.8);
  }
}
.form-light .form-item-text {
  color: #000000;
}
.form-light .form-item .select {
  color: #000000;
}
.form-light .form-item .select-selected {
  border: 1rem solid #e1e1e1;
  background: #FFFFFF;
}
.form-light .form-item .select-selected p::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6317_74728)'%3E%3Cpath d='M5.34245 8.71493C5.52956 8.90059 5.78247 9.00476 6.04606 9.00476C6.30964 9.00476 6.56255 8.90059 6.74966 8.71493L11.7045 3.80001C11.7977 3.70761 11.8717 3.59777 11.9224 3.47676C11.9731 3.35575 11.9995 3.22594 12 3.09474C12.0005 2.96354 11.9752 2.83353 11.9255 2.71212C11.8758 2.5907 11.8026 2.48027 11.7102 2.38713C11.6178 2.29399 11.508 2.21996 11.387 2.16927C11.2659 2.11857 11.1361 2.09221 11.0049 2.09169C10.8737 2.09116 10.7437 2.11648 10.6223 2.1662C10.5009 2.21592 10.3905 2.28907 10.2973 2.38147L6.04572 6.59845L1.7142 2.30155C1.62162 2.20661 1.51107 2.13106 1.38899 2.07928C1.26691 2.02751 1.13575 2.00056 1.00315 2.00001C0.870545 1.99945 0.73916 2.0253 0.616652 2.07605C0.494144 2.1268 0.382966 2.20143 0.2896 2.29559C0.196234 2.38976 0.122549 2.50156 0.0728422 2.6245C0.023135 2.74743 -0.00159983 2.87903 8.01842e-05 3.01162C0.00176019 3.14422 0.0298215 3.27515 0.0826275 3.39678C0.135434 3.51842 0.211928 3.62832 0.307649 3.72009L5.34245 8.71493Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6317_74728'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 1 1 0 0 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-light .form-item .select-selected:hover {
  border: 1rem solid #FFFFFF;
  border: 1rem solid #d1d1d1;
}
.form-light .form-item .select-selected.active {
  border: 1rem solid #FFFFFF;
  border: 1rem solid #d1d1d1;
}
.form-light .form-item .select-first {
  color: #64748B;
}
.form-light .form-item .select-options::-webkit-scrollbar-thumb {
  background: #DDE5EE;
}
.form-light .form-item .select-options::-webkit-scrollbar-track {
  background: #F2F6FA;
}
.form-light .form-item .select-options-wrapper {
  box-shadow: 0 4px 4px 0 rgba(0, 32, 51, 0.05), 0 8px 24px 0 rgba(0, 32, 51, 0.15);
  background: #FFFFFF;
}
.form-light .form-item .select-option:hover {
  background: #F2F6FA;
}
.form-light .form-item .select-option.active {
  background: #F2F6FA;
}
.form-light .form-input, .form-light .form-textarea {
  transition: 0.15s;
  border: 1rem solid #E3F5EA;
  color: #000000;
  background: #FFFFFF;
}
.form-light .form-input::-webkit-input-placeholder, .form-light .form-textarea::-webkit-input-placeholder {
  color: #64748B;
}
.form-light .form-input::-moz-placeholder, .form-light .form-textarea::-moz-placeholder {
  color: #64748B;
}
.form-light .form-input::-ms-input-placeholder, .form-light .form-textarea::-ms-input-placeholder {
  color: #64748B;
}
.form-light .form-input:-internal-autofill-selected, .form-light .form-textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #000000 !important;
}
.form-light .form-input:-webkit-autofill, .form-light .form-input:-webkit-autofill:hover, .form-light .form-input:-webkit-autofill:focus, .form-light .form-input:-webkit-autofill, .form-light .form-input:-webkit-autofill:hover, .form-light .form-input:-webkit-autofill:focus, .form-light .form-input:-webkit-autofill, .form-light .form-input:-webkit-autofill:hover, .form-light .form-input:-webkit-autofill:focus, .form-light .form-textarea:-webkit-autofill, .form-light .form-textarea:-webkit-autofill:hover, .form-light .form-textarea:-webkit-autofill:focus, .form-light .form-textarea:-webkit-autofill, .form-light .form-textarea:-webkit-autofill:hover, .form-light .form-textarea:-webkit-autofill:focus, .form-light .form-textarea:-webkit-autofill, .form-light .form-textarea:-webkit-autofill:hover, .form-light .form-textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  -webkit-text-fill-color: #000000;
}
.form-light .form-input:hover, .form-light .form-textarea:hover {
  border: 1rem solid #FFFFFF;
  border: 1rem solid #E3F5EA;
}
.form-light .form-input:focus, .form-light .form-textarea:focus {
  border: 1rem solid #FFFFFF;
  border: 1rem solid #E3F5EA;
}
.form-light .form-input > textarea, .form-light .form-textarea > textarea {
  color: #000000;
  background: #FFFFFF;
}
.form-light .form-input > textarea::-webkit-input-placeholder, .form-light .form-textarea > textarea::-webkit-input-placeholder {
  color: #64748B;
}
.form-light .form-input > textarea::-moz-placeholder, .form-light .form-textarea > textarea::-moz-placeholder {
  color: #64748B;
}
.form-light .form-input > textarea::-ms-input-placeholder, .form-light .form-textarea > textarea::-ms-input-placeholder {
  color: #64748B;
}
.form-light .form-input > textarea:-internal-autofill-selected, .form-light .form-textarea > textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #000000 !important;
}
.form-light .form-input > textarea:-webkit-autofill, .form-light .form-input > textarea:-webkit-autofill:hover, .form-light .form-input > textarea:-webkit-autofill:focus, .form-light .form-input > textarea:-webkit-autofill, .form-light .form-input > textarea:-webkit-autofill:hover, .form-light .form-input > textarea:-webkit-autofill:focus, .form-light .form-input > textarea:-webkit-autofill, .form-light .form-input > textarea:-webkit-autofill:hover, .form-light .form-input > textarea:-webkit-autofill:focus, .form-light .form-textarea > textarea:-webkit-autofill, .form-light .form-textarea > textarea:-webkit-autofill:hover, .form-light .form-textarea > textarea:-webkit-autofill:focus, .form-light .form-textarea > textarea:-webkit-autofill, .form-light .form-textarea > textarea:-webkit-autofill:hover, .form-light .form-textarea > textarea:-webkit-autofill:focus, .form-light .form-textarea > textarea:-webkit-autofill, .form-light .form-textarea > textarea:-webkit-autofill:hover, .form-light .form-textarea > textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  -webkit-text-fill-color: #000000;
}
.form-light .form-input-upload-placeholder, .form-light .form-textarea-upload-placeholder {
  color: #64748B;
}
.form-light input[type=date],
.form-light input[type=time],
.form-light input[type=datetime-local] {
  background: #FFFFFF;
  color: #64748B;
}
.form-light input[type=date].has-value,
.form-light input[type=time].has-value,
.form-light input[type=datetime-local].has-value {
  color: #000000;
}
.form-light .iti__selected-country-primary {
  background: #F2F6FA;
}
@media (min-width: 801px) {
  .form-light .iti__selected-country-primary:hover {
    background: #DDE5EE;
  }
}
.form-light .iti__country.iti__highlight {
  background: #F2F6FA;
}
.form-light .iti__country-list::-webkit-scrollbar-thumb {
  background: #DDE5EE;
}
.form-light .iti__country-list::-webkit-scrollbar-track {
  background: #F2F6FA;
}
.form-light .iti__country-name {
  color: #000000;
}
.form-light .iti .iti__arrow {
  opacity: 0.6;
}
.form-light .iti__search-input {
  background: #FFFFFF;
  border-bottom: 1rem solid #E5E5E5;
  color: #64748B;
}
.form-light .iti__dropdown-content {
  background: #FFFFFF;
  box-shadow: 0 4px 4px 0 rgba(0, 32, 51, 0.05), 0 8px 24px 0 rgba(0, 32, 51, 0.15);
}
.form-gray.form-type_two .form-item-text {
  color: #64748B;
}
.form-gray.form-type_two .form-item .select-first {
  color: #000000;
}
.form-gray.form-type_two .form-item .select::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M10.658 13.6714C10.3204 14.0448 9.67953 14.0448 9.34197 13.6714L4.35249 8.16238C3.91148 7.67471 4.30426 6.95215 5.01127 6.95215H14.9887C15.6957 6.95215 16.0885 7.67471 15.6467 8.16238L10.658 13.673V13.6714Z' fill='%2364748B' /%3E%3C/g%3E%3C/svg%3E");
}
.form-gray.form-type_two .form-textarea::after {
  background: #F2F6FA;
}
.form-gray .form-item-text {
  color: #000000;
}
.form-gray .form-item .select {
  color: #000000;
}
.form-gray .form-item .select-selected {
  background: #F2F6FA;
}
.form-gray .form-item .select-selected p::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6317_74728)'%3E%3Cpath d='M5.34245 8.71493C5.52956 8.90059 5.78247 9.00476 6.04606 9.00476C6.30964 9.00476 6.56255 8.90059 6.74966 8.71493L11.7045 3.80001C11.7977 3.70761 11.8717 3.59777 11.9224 3.47676C11.9731 3.35575 11.9995 3.22594 12 3.09474C12.0005 2.96354 11.9752 2.83353 11.9255 2.71212C11.8758 2.5907 11.8026 2.48027 11.7102 2.38713C11.6178 2.29399 11.508 2.21996 11.387 2.16927C11.2659 2.11857 11.1361 2.09221 11.0049 2.09169C10.8737 2.09116 10.7437 2.11648 10.6223 2.1662C10.5009 2.21592 10.3905 2.28907 10.2973 2.38147L6.04572 6.59845L1.7142 2.30155C1.62162 2.20661 1.51107 2.13106 1.38899 2.07928C1.26691 2.02751 1.13575 2.00056 1.00315 2.00001C0.870545 1.99945 0.73916 2.0253 0.616652 2.07605C0.494144 2.1268 0.382966 2.20143 0.2896 2.29559C0.196234 2.38976 0.122549 2.50156 0.0728422 2.6245C0.023135 2.74743 -0.00159983 2.87903 8.01842e-05 3.01162C0.00176019 3.14422 0.0298215 3.27515 0.0826275 3.39678C0.135434 3.51842 0.211928 3.62832 0.307649 3.72009L5.34245 8.71493Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6317_74728'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 1 1 0 0 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-gray .form-item .select-first {
  color: #64748B;
}
.form-gray .form-item .select-options::-webkit-scrollbar-thumb {
  background: #DDE5EE;
}
.form-gray .form-item .select-options::-webkit-scrollbar-track {
  background: #F2F6FA;
}
.form-gray .form-item .select-options-wrapper {
  box-shadow: 0 4px 4px 0 rgba(0, 32, 51, 0.05), 0 8px 24px 0 rgba(0, 32, 51, 0.15);
  background: #FFFFFF;
}
.form-gray .form-item .select-option:hover {
  background: #F2F6FA;
}
.form-gray .form-item .select-option.active {
  background: #F2F6FA;
}
.form-gray .form-input, .form-gray .form-textarea {
  transition: 0.3s ease;
  border: 1rem solid #F2F6FA;
  color: #000000;
  background: #F2F6FA;
}
.form-gray .form-input::-webkit-input-placeholder, .form-gray .form-textarea::-webkit-input-placeholder {
  color: #64748B;
}
.form-gray .form-input::-moz-placeholder, .form-gray .form-textarea::-moz-placeholder {
  color: #64748B;
}
.form-gray .form-input::-ms-input-placeholder, .form-gray .form-textarea::-ms-input-placeholder {
  color: #64748B;
}
.form-gray .form-input:-internal-autofill-selected, .form-gray .form-textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #000000 !important;
}
.form-gray .form-input:-webkit-autofill, .form-gray .form-input:-webkit-autofill:hover, .form-gray .form-input:-webkit-autofill:focus, .form-gray .form-input:-webkit-autofill, .form-gray .form-input:-webkit-autofill:hover, .form-gray .form-input:-webkit-autofill:focus, .form-gray .form-input:-webkit-autofill, .form-gray .form-input:-webkit-autofill:hover, .form-gray .form-input:-webkit-autofill:focus, .form-gray .form-textarea:-webkit-autofill, .form-gray .form-textarea:-webkit-autofill:hover, .form-gray .form-textarea:-webkit-autofill:focus, .form-gray .form-textarea:-webkit-autofill, .form-gray .form-textarea:-webkit-autofill:hover, .form-gray .form-textarea:-webkit-autofill:focus, .form-gray .form-textarea:-webkit-autofill, .form-gray .form-textarea:-webkit-autofill:hover, .form-gray .form-textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #F2F6FA inset;
  -webkit-text-fill-color: #000000;
}
.form-gray .form-input > textarea, .form-gray .form-textarea > textarea {
  color: #000000;
  background: #F2F6FA;
}
.form-gray .form-input > textarea::-webkit-input-placeholder, .form-gray .form-textarea > textarea::-webkit-input-placeholder {
  color: #64748B;
}
.form-gray .form-input > textarea::-moz-placeholder, .form-gray .form-textarea > textarea::-moz-placeholder {
  color: #64748B;
}
.form-gray .form-input > textarea::-ms-input-placeholder, .form-gray .form-textarea > textarea::-ms-input-placeholder {
  color: #64748B;
}
.form-gray .form-input > textarea:-internal-autofill-selected, .form-gray .form-textarea > textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #000000 !important;
}
.form-gray .form-input > textarea:-webkit-autofill, .form-gray .form-input > textarea:-webkit-autofill:hover, .form-gray .form-input > textarea:-webkit-autofill:focus, .form-gray .form-input > textarea:-webkit-autofill, .form-gray .form-input > textarea:-webkit-autofill:hover, .form-gray .form-input > textarea:-webkit-autofill:focus, .form-gray .form-input > textarea:-webkit-autofill, .form-gray .form-input > textarea:-webkit-autofill:hover, .form-gray .form-input > textarea:-webkit-autofill:focus, .form-gray .form-textarea > textarea:-webkit-autofill, .form-gray .form-textarea > textarea:-webkit-autofill:hover, .form-gray .form-textarea > textarea:-webkit-autofill:focus, .form-gray .form-textarea > textarea:-webkit-autofill, .form-gray .form-textarea > textarea:-webkit-autofill:hover, .form-gray .form-textarea > textarea:-webkit-autofill:focus, .form-gray .form-textarea > textarea:-webkit-autofill, .form-gray .form-textarea > textarea:-webkit-autofill:hover, .form-gray .form-textarea > textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #F2F6FA inset;
  -webkit-text-fill-color: #000000;
}
.form-gray .form-input-upload-placeholder, .form-gray .form-textarea-upload-placeholder {
  color: #64748B;
}
.form-gray input[type=date],
.form-gray input[type=time],
.form-gray input[type=datetime-local] {
  background: #F2F6FA;
  color: #64748B;
}
.form-gray input[type=date].has-value,
.form-gray input[type=time].has-value,
.form-gray input[type=datetime-local].has-value {
  color: #000000;
}
.form-gray .iti__selected-country-primary {
  background: #FFFFFF;
}
@media (min-width: 801px) {
  .form-gray .iti__selected-country-primary:hover {
    background: #DDE5EE;
  }
}
.form-gray .iti__country.iti__highlight {
  background: #F2F6FA;
}
.form-gray .iti__country-list::-webkit-scrollbar-thumb {
  background: #DDE5EE;
}
.form-gray .iti__country-list::-webkit-scrollbar-track {
  background: #F2F6FA;
}
.form-gray .iti__search-input {
  background: #FFFFFF;
  border-bottom: 1rem solid #E5E5E5;
  color: #64748B;
}
.form-gray .iti__dropdown-content {
  background: #FFFFFF;
  box-shadow: 0 4px 4px 0 rgba(0, 32, 51, 0.05), 0 8px 24px 0 rgba(0, 32, 51, 0.15);
}
.form-dark.form-type_two .form-item-text {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark.form-type_two .form-item .select-first {
  color: #FFFFFF;
}
.form-dark.form-type_two .form-item .select::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M10.658 13.6714C10.3204 14.0448 9.67953 14.0448 9.34197 13.6714L4.35249 8.16238C3.91148 7.67471 4.30426 6.95215 5.01127 6.95215H14.9887C15.6957 6.95215 16.0885 7.67471 15.6467 8.16238L10.658 13.673V13.6714Z' fill='white' fill-opacity='1' /%3E%3C/g%3E%3C/svg%3E");
}
.form-dark.form-type_two .form-textarea::after {
  background: #222222;
}
.form-dark .form-item-text {
  color: #FFFFFF;
}
.form-dark .form-item .select {
  color: #FFFFFF;
}
.form-dark .form-item .select-selected {
  background: #222222;
}
.form-dark .form-item .select-selected p::after {
  opacity: 0.6;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6317_74728)'%3E%3Cpath d='M5.34245 8.71493C5.52956 8.90059 5.78247 9.00476 6.04606 9.00476C6.30964 9.00476 6.56255 8.90059 6.74966 8.71493L11.7045 3.80001C11.7977 3.70761 11.8717 3.59777 11.9224 3.47676C11.9731 3.35575 11.9995 3.22594 12 3.09474C12.0005 2.96354 11.9752 2.83353 11.9255 2.71212C11.8758 2.5907 11.8026 2.48027 11.7102 2.38713C11.6178 2.29399 11.508 2.21996 11.387 2.16927C11.2659 2.11857 11.1361 2.09221 11.0049 2.09169C10.8737 2.09116 10.7437 2.11648 10.6223 2.1662C10.5009 2.21592 10.3905 2.28907 10.2973 2.38147L6.04572 6.59845L1.7142 2.30155C1.62162 2.20661 1.51107 2.13106 1.38899 2.07928C1.26691 2.02751 1.13575 2.00056 1.00315 2.00001C0.870545 1.99945 0.73916 2.0253 0.616652 2.07605C0.494144 2.1268 0.382966 2.20143 0.2896 2.29559C0.196234 2.38976 0.122549 2.50156 0.0728422 2.6245C0.023135 2.74743 -0.00159983 2.87903 8.01842e-05 3.01162C0.00176019 3.14422 0.0298215 3.27515 0.0826275 3.39678C0.135434 3.51842 0.211928 3.62832 0.307649 3.72009L5.34245 8.71493Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6317_74728'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 1 1 0 0 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.form-dark .form-item .select-first {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-item .select-options::-webkit-scrollbar-thumb {
  background: #000000;
}
.form-dark .form-item .select-options::-webkit-scrollbar-track {
  background: #333333;
}
.form-dark .form-item .select-options-wrapper {
  box-shadow: 0 8px 24px 0 rgba(102, 102, 102, 0.15);
  background: #222222;
}
.form-dark .form-item .select-option:hover {
  background: #333333;
}
.form-dark .form-item .select-option.active {
  background: #333333;
}
.form-dark .form-input, .form-dark .form-textarea {
  transition: 0.3s ease;
  border: 1rem solid #222222;
  color: #FFFFFF;
  background: #222222;
}
.form-dark .form-input::-webkit-input-placeholder, .form-dark .form-textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input::-moz-placeholder, .form-dark .form-textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input::-ms-input-placeholder, .form-dark .form-textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input:-internal-autofill-selected, .form-dark .form-textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #FFFFFF !important;
}
.form-dark .form-input:-webkit-autofill, .form-dark .form-input:-webkit-autofill:hover, .form-dark .form-input:-webkit-autofill:focus, .form-dark .form-input:-webkit-autofill, .form-dark .form-input:-webkit-autofill:hover, .form-dark .form-input:-webkit-autofill:focus, .form-dark .form-input:-webkit-autofill, .form-dark .form-input:-webkit-autofill:hover, .form-dark .form-input:-webkit-autofill:focus, .form-dark .form-textarea:-webkit-autofill, .form-dark .form-textarea:-webkit-autofill:hover, .form-dark .form-textarea:-webkit-autofill:focus, .form-dark .form-textarea:-webkit-autofill, .form-dark .form-textarea:-webkit-autofill:hover, .form-dark .form-textarea:-webkit-autofill:focus, .form-dark .form-textarea:-webkit-autofill, .form-dark .form-textarea:-webkit-autofill:hover, .form-dark .form-textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #222222 inset;
  -webkit-text-fill-color: #FFFFFF;
}
.form-dark .form-input > textarea, .form-dark .form-textarea > textarea {
  background: #222222;
  color: #FFFFFF;
  background: #222222;
}
.form-dark .form-input > textarea::-webkit-input-placeholder, .form-dark .form-textarea > textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input > textarea::-moz-placeholder, .form-dark .form-textarea > textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input > textarea::-ms-input-placeholder, .form-dark .form-textarea > textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-input > textarea:-internal-autofill-selected, .form-dark .form-textarea > textarea:-internal-autofill-selected {
  background: #FFFFFF;
  color: #FFFFFF !important;
}
.form-dark .form-input > textarea:-webkit-autofill, .form-dark .form-input > textarea:-webkit-autofill:hover, .form-dark .form-input > textarea:-webkit-autofill:focus, .form-dark .form-input > textarea:-webkit-autofill, .form-dark .form-input > textarea:-webkit-autofill:hover, .form-dark .form-input > textarea:-webkit-autofill:focus, .form-dark .form-input > textarea:-webkit-autofill, .form-dark .form-input > textarea:-webkit-autofill:hover, .form-dark .form-input > textarea:-webkit-autofill:focus, .form-dark .form-textarea > textarea:-webkit-autofill, .form-dark .form-textarea > textarea:-webkit-autofill:hover, .form-dark .form-textarea > textarea:-webkit-autofill:focus, .form-dark .form-textarea > textarea:-webkit-autofill, .form-dark .form-textarea > textarea:-webkit-autofill:hover, .form-dark .form-textarea > textarea:-webkit-autofill:focus, .form-dark .form-textarea > textarea:-webkit-autofill, .form-dark .form-textarea > textarea:-webkit-autofill:hover, .form-dark .form-textarea > textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #222222 inset;
  -webkit-text-fill-color: #FFFFFF;
}
.form-dark .form-input-upload-placeholder, .form-dark .form-textarea-upload-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .form-submit-text {
  color: #FFFFFF;
}
.form-dark input[type=date],
.form-dark input[type=time],
.form-dark input[type=datetime-local] {
  background: #222222;
  color: rgba(255, 255, 255, 0.8);
}
.form-dark input[type=date].has-value,
.form-dark input[type=time].has-value,
.form-dark input[type=datetime-local].has-value {
  color: #FFFFFF;
}
.form-dark .iti__selected-country-primary {
  background: #333333;
}
@media (min-width: 801px) {
  .form-dark .iti__selected-country-primary:hover {
    background: #333333;
  }
}
.form-dark .iti__country.iti__highlight {
  background: #333333;
}
.form-dark .iti__country-list::-webkit-scrollbar-thumb {
  background: #000000;
}
.form-dark .iti__country-list::-webkit-scrollbar-track {
  background: #333333;
}
.form-dark .iti__search-input {
  background: #222222;
  border-bottom: 1rem solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}
.form-dark .iti__dropdown-content {
  background: #222222;
  box-shadow: 0 8px 24px 0 rgba(102, 102, 102, 0.15);
}
.form-dark .iti__arrow {
  opacity: 0.6;
  filter: invert(100%);
}
.form-textarea {
  overflow: hidden;
}
.form-item-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}
.form-item.required .form-item-text::after {
  content: "  *";
  color: #E62222;
}
.form-item .input-clear {
  position: absolute;
  cursor: pointer;
  transform: translateY(-50%) scale(0.7);
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: 0.15s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00055 9.41396L2.35055 15.064L0.935547 13.651L6.58555 7.99996L0.936547 2.34996L2.35055 0.93396L8.00055 6.58496L13.6505 0.93496L15.0655 2.34896L9.41555 7.99996L15.0655 13.65L13.6515 15.065L8.00055 9.41496V9.41396Z' fill='%23939AAD' /%3E%3C/svg%3E");
}
.form-item:has(.eye-icon) .input-clear {
  display: none;
}
.form-item-sub {
  text-align: center;
  margin-top: 14rem;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
@media (max-width: 800px) {
  .form-item-sub {
    text-align: left;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.form-item:has(.form-input-upload-dashed) .form-item-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15rem;
  left: 50%;
  color: #568783;
  gap: 10rem;
  width: 100%;
  transform: translate(-50%, -50%) !important;
  font-weight: 500;
  font-size: 16rem;
}
@media (max-width: 800px) {
  .form-item:has(.form-input-upload-dashed) .form-item-text {
    font-size: 14rem;
  }
}
.form-item:has(.form-input-upload-dashed) .form-item-text::before {
  display: block;
  content: "";
  width: 18rem;
  height: 18rem;
  flex-shrink: 0;
  transform: scaleY(-1);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3429 4.54353L12.7678 5.94686L6.44969 12.3625C6.13266 12.6861 6.13266 13.2069 6.44969 13.5305C6.75054 13.8376 7.2531 13.8362 7.55074 13.5288L14.5021 6.46725C15.5169 5.43163 15.5169 3.76842 14.5021 2.7328C13.5339 1.74471 11.8207 1.76669 10.8718 2.73468L3.28452 10.4368C1.57153 12.1842 1.57153 14.9901 3.28452 16.7376C4.94791 18.4344 7.80538 18.4067 9.4428 16.736L18.2917 7.74881L19.7169 9.15201L10.8696 18.1375C8.45566 20.6006 4.31005 20.6407 1.85632 18.1376C-0.619057 15.6125 -0.619057 11.5618 1.85802 9.03499L9.44526 1.33288C11.1687 -0.425176 14.17 -0.463682 15.9306 1.33303C17.7074 3.14628 17.7074 6.05377 15.929 7.86865L8.9818 14.9259C7.90713 16.0358 6.1093 16.0409 5.0211 14.9302C3.94221 13.829 3.94221 12.0641 5.0229 10.9611L11.3429 4.54353Z' fill='%23EFB705' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 800px) {
  .form-item:has(.form-input-upload-dashed) .form-item-text::before {
    width: 16rem;
    height: 16rem;
  }
}
.form-item:has(.form-input-upload-dashed.loaded) .form-item-text {
  display: none;
}
.form-item:has(.form-input-upload-dashed.loaded) .error {
  display: block !important;
  padding: 0;
}
.form-item:has(.form-input-upload-dashed.loaded label.error) .form-input-upload-dashed-sub {
  display: none;
}
.form-item:has(.review-stars-wrapper) {
  margin: 10rem 0 0 0;
}
.form-input {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.form-input-upload {
  display: block;
  cursor: pointer;
}
.form-input-upload > input[type=file] {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.form-input-upload-dashed::before {
  display: none;
}
.form-input-upload-dashed .form-input {
  background: none;
  border-style: dashed;
  border-color: #568783;
}
.form-input-upload-dashed .form-input:hover, .form-input-upload-dashed .form-input:focus {
  border-style: dashed;
  border-color: #568783;
}
.form-input-upload-dashed .input-file-text {
  width: 80%;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  color: #568783;
  transform: translate(-50%, -50%);
  font-weight: 500;
}
@media (max-width: 800px) {
  .form-input-upload-dashed .input-file-text {
    width: 72%;
  }
}
.form-input-upload-dashed .error {
  display: none !important;
  text-align: center;
  padding: 0;
}
.form-input-upload-dashed .input-clear {
  filter: brightness(0) invert(50%);
  opacity: 0.7 !important;
}
.form-input-upload-dashed .input-clear:hover {
  filter: brightness(0) invert(50%) !important;
  opacity: 1 !important;
}
.form-input-upload-dashed-sub {
  text-align: center;
  color: #64748B;
  margin-top: 14rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-input-upload-dashed-sub {
    margin-top: 10rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.form .open-calendar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  cursor: pointer;
}
.form label.error {
  display: block;
  line-height: 1.4;
  color: #E62222;
  padding-left: 16rem;
}
.form .select {
  transition: 0.3s ease;
}
.form .select-first {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.form .select-options {
  overflow: hidden;
  scrollbar-color: auto;
  scrollbar-width: auto;
}
@media (max-width: 800px) {
  .form .select-options {
    overflow: auto;
  }
}
.form .select-options::-webkit-scrollbar {
  width: 8rem;
}
.form .select-options:hover {
  overflow: auto;
}
.form .select-options-wrapper {
  padding: 10rem 0;
  overflow: hidden;
}
.form .select-options .select-option-img {
  transform: scale(0.8);
}
.form .select-option {
  justify-content: space-between;
}
.form .select-option-img {
  flex-shrink: 0;
}
.form .select-option-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form .select-selected {
  justify-content: space-between;
}
.form .select-selected p {
  width: 100%;
  justify-content: space-between;
}
.form .select-selected p::after {
  filter: grayscale(1);
}
.form .select-selected:has(.select-option-img) p {
  width: auto;
}

.eye-icon {
  z-index: 3;
  cursor: pointer;
}
.eye-icon::before {
  pointer-events: auto !important;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9798 18.7312L15.9335 16.685C14.4535 17.4454 12.7758 17.8747 10.9974 17.8747C6.41406 17.8747 2.49989 15.0239 0.914062 10.9997C1.74897 8.88101 3.22925 7.08762 5.11278 5.86422L2.74756 3.499L4.04392 2.20264L19.2762 17.4349L17.9798 18.7312ZM10.9974 15.583C12.0722 15.583 13.0605 15.2131 13.8422 14.5936L12.5311 13.2826C12.093 13.5776 11.5652 13.7497 10.9974 13.7497C9.47857 13.7497 8.24739 12.5184 8.24739 10.9997C8.24739 10.4317 8.41953 9.9041 8.71449 9.46594L7.4035 8.15494C6.784 8.93656 6.41406 9.92491 6.41406 10.9997C6.41406 13.531 8.46609 15.583 10.9974 15.583ZM15.5781 11.1644L18.8799 14.4663C19.8181 13.4698 20.5702 12.2956 21.0809 10.9997C19.4951 6.97554 15.5809 4.1247 10.9976 4.1247C10.2333 4.1247 9.48773 4.20396 8.76839 4.3547L10.8329 6.41925C10.8876 6.41731 10.9426 6.41634 10.9976 6.41634C13.529 6.41634 15.581 8.46833 15.581 10.9997C15.581 11.0548 15.5801 11.1098 15.5781 11.1644Z' fill='%2391110C' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.eye-icon.show-password::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 14.7614 14.7614 17 12 17ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5Z' fill='%2391110C' /%3E%3C/svg%3E");
}

.input-icon {
  position: relative;
  width: 100%;
}
.input-icon:has(.eye-icon)::before {
  display: none;
}
.input-icon .eye-icon, .input-icon::before {
  z-index: 2;
  position: absolute;
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: 0.15s;
  opacity: 0.5;
  transform: translateY(-50%);
}
.input-icon-name::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99778 9.3032C10.1666 9.3032 11.9304 7.00154 11.9304 4.83308C11.9304 2.66444 10.1666 0.899902 7.99778 0.899902C5.82932 0.899902 4.06514 2.66426 4.06514 4.8329C4.06532 7.00154 5.8295 9.3032 7.99778 9.3032ZM10.9503 9.34334C10.1618 9.94556 9.19696 10.2714 8.20478 10.2705H7.79078C6.7986 10.2714 5.83374 9.94559 5.04524 9.34334C2.5544 9.746 0.652344 11.9051 0.652344 14.5093C0.652344 15.94 3.94094 17.0999 7.99778 17.0999C12.0546 17.0999 15.3432 15.94 15.3432 14.5093C15.3432 11.9051 13.441 9.746 10.9503 9.34334Z' fill='%2364748B'/%3E%3C/svg%3E%0A");
}
.input-icon-tel::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path d="M16.1289 12.2444C15.4989 11.5909 14.68 11.5909 14.0238 12.2444C13.5303 12.7358 13.0421 13.2219 12.5487 13.7133C12.4122 13.8492 12.302 13.8754 12.1392 13.797C11.84 13.6088 11.483 13.4728 11.1838 13.2794C9.76119 12.3803 8.55906 11.2355 7.4934 9.93382C6.9737 9.28038 6.51175 8.60081 6.18103 7.81145C6.12853 7.6494 6.12853 7.56576 6.26502 7.42984C6.78472 6.96459 7.24668 6.47843 7.74013 5.98705C8.42257 5.30747 8.42257 4.51812 7.74013 3.83854C7.33067 3.43079 6.94746 3.04919 6.56424 2.66758C6.15478 2.25983 5.77156 1.85208 5.3621 1.47048C4.73216 0.843175 3.91324 0.843175 3.25705 1.47048C2.76359 1.96186 2.27539 2.44802 1.78193 2.93941C1.31473 3.40466 1.07325 3.94832 1.0155 4.57039C0.931513 5.5793 1.17824 6.55685 1.53521 7.50826C2.27539 9.49471 3.39353 11.2093 4.73216 12.8142C6.56424 14.9941 8.74804 16.7087 11.2941 17.9319C12.4437 18.4756 13.6196 18.9095 14.8742 18.9931C15.7771 19.0454 16.5436 18.8049 17.1683 18.1201C17.5777 17.6287 18.0712 17.221 18.5069 16.761C19.1631 16.0814 19.1631 15.2659 18.5069 14.6124C17.7142 13.8231 16.9215 13.0337 16.1289 12.2444Z" fill="%2364748B" /></g></svg>');
}
.input-icon-comment::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path d="M16.1289 12.2444C15.4989 11.5909 14.68 11.5909 14.0238 12.2444C13.5303 12.7358 13.0421 13.2219 12.5487 13.7133C12.4122 13.8492 12.302 13.8754 12.1392 13.797C11.84 13.6088 11.483 13.4728 11.1838 13.2794C9.76119 12.3803 8.55906 11.2355 7.4934 9.93382C6.9737 9.28038 6.51175 8.60081 6.18103 7.81145C6.12853 7.6494 6.12853 7.56576 6.26502 7.42984C6.78472 6.96459 7.24668 6.47843 7.74013 5.98705C8.42257 5.30747 8.42257 4.51812 7.74013 3.83854C7.33067 3.43079 6.94746 3.04919 6.56424 2.66758C6.15478 2.25983 5.77156 1.85208 5.3621 1.47048C4.73216 0.843175 3.91324 0.843175 3.25705 1.47048C2.76359 1.96186 2.27539 2.44802 1.78193 2.93941C1.31473 3.40466 1.07325 3.94832 1.0155 4.57039C0.931513 5.5793 1.17824 6.55685 1.53521 7.50826C2.27539 9.49471 3.39353 11.2093 4.73216 12.8142C6.56424 14.9941 8.74804 16.7087 11.2941 17.9319C12.4437 18.4756 13.6196 18.9095 14.8742 18.9931C15.7771 19.0454 16.5436 18.8049 17.1683 18.1201C17.5777 17.6287 18.0712 17.221 18.5069 16.761C19.1631 16.0814 19.1631 15.2659 18.5069 14.6124C17.7142 13.8231 16.9215 13.0337 16.1289 12.2444Z" fill="%2364748B" /></g></svg>');
}
.input-icon-email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' clip-path='url(%23clip0_4308_6443)'%3E%3Cpath d='M19.8254 3.97272L13.7598 9.99924L19.8254 16.0258C19.935 15.7966 20.0015 15.5432 20.0015 15.2727V4.7258C20.0015 4.45522 19.935 4.2019 19.8254 3.97272Z' fill='%2364748B' /%3E%3Cpath d='M18.2433 2.96875H1.75895C1.48836 2.96875 1.23504 3.03527 1.00586 3.14492L8.75832 10.8583C9.44379 11.5438 10.5585 11.5438 11.2439 10.8583L18.9964 3.14492C18.7672 3.03527 18.5139 2.96875 18.2433 2.96875Z' fill='%2364748B' /%3E%3Cpath d='M0.176172 3.97266C0.0665235 4.20184 0 4.45516 0 4.72574V15.2726C0 15.5432 0.0665235 15.7966 0.176172 16.0257L6.24176 9.99918L0.176172 3.97266Z' fill='%2364748B' /%3E%3Cpath d='M12.9308 10.8282L12.0725 11.6865C10.9303 12.8287 9.07187 12.8287 7.92973 11.6865L7.07144 10.8282L1.00586 16.8547C1.23504 16.9644 1.48836 17.0309 1.75895 17.0309H18.2433C18.5139 17.0309 18.7672 16.9644 18.9964 16.8547L12.9308 10.8282Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4308_6443'%3E%3Crect width='20' height='20' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.input-icon-text::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' clip-path='url(%23clip0_4342_6806)'%3E%3Cpath d='M12.8597 5.98572L4.74023 14.1052L6.64901 16.0104C6.84289 15.9458 7.0835 15.8909 7.21921 15.7551L14.974 8.00028L12.8597 5.98572Z' fill='%2364748B' /%3E%3Cpath d='M10.0008 3.02441L2.2461 10.7791C2.24589 10.7793 2.24568 10.7794 2.2455 10.7795C2.24515 10.7799 2.24508 10.7803 2.24473 10.7807C2.12126 10.9046 2.07742 11.0884 1.99023 11.3498L3.91275 13.276L12.0323 5.15657L10.0008 3.02441Z' fill='%2364748B' /%3E%3Cpath d='M17.4842 3.00331L14.9965 0.515795C14.309 -0.172107 13.1963 -0.171756 12.5088 0.515795L10.8359 2.18864L15.8114 7.16409L17.4842 5.49125C18.1719 4.80352 18.172 3.69104 17.4842 3.00331Z' fill='%2364748B' /%3E%3Cpath d='M1.57531 12.5927L0.0301231 17.2283C-0.0401191 17.4388 0.0146544 17.6711 0.171768 17.8282C0.328143 17.9848 0.560174 18.0404 0.771709 17.9699L5.40734 16.4247L1.57531 12.5927Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4342_6806'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.input-icon-datetime::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cmask id='c' width='17' height='17' x='0' y='-1' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M16.008 0h-16v16h16V0Z'/%3E%3C/mask%3E%3Cg fill='%2364748B' mask='url(%23c)'%3E%3Cpath d='M4.842 8.827c0-.2-.162-.363-.363-.363H3.212c-.2 0-.363.162-.363.363v1.267c0 .2.162.363.363.363h1.267c.2 0 .363-.163.363-.363V8.827ZM7.669 8.464H6.372c-.2 0-.363.162-.363.362v1.268c0 .2.162.363.363.363h.104c.363-.87.64-1.314 1.193-1.993ZM4.842 11.995c0-.201-.162-.363-.363-.363H3.212c-.2 0-.363.162-.363.363v1.267c0 .2.162.363.363.363h1.267c.2 0 .363-.163.363-.363v-1.267Z'/%3E%3Cpath d='M14.44 1.781v1.936c0 .875-.71 1.58-1.584 1.58h-1a1.589 1.589 0 0 1-1.593-1.58V1.774H5.758v1.943c0 .875-.72 1.58-1.594 1.58h-1a1.58 1.58 0 0 1-1.584-1.58V1.78A1.44 1.44 0 0 0 .187 3.214v11.343C.188 15.35.83 16 1.623 16h5.052s-.238-.537-.297-.717c-.058-.18-.222-.812-.222-.812l2.682-7.1S10.263 6.23 12.25 6.04c2.025-.216 3.583.557 3.583.557V3.214a1.44 1.44 0 0 0-1.393-1.433Zm-8.285 12.69H2.637a.62.62 0 0 1-.62-.62V7.99a.62.62 0 0 1 .62-.62h6.2l-2.682 7.1Z'/%3E%3Cpath d='M3.157 4.259h.988c.3 0 .544-.243.544-.543V.543c0-.3-.244-.543-.544-.543h-.988c-.3 0-.544.243-.544.543v3.173c0 .3.244.543.544.543ZM11.842 4.259h.989c.3 0 .543-.243.543-.543V.543c0-.3-.243-.543-.543-.543h-.989c-.3 0-.543.243-.543.543v3.173c0 .3.243.543.543.543Z'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='13' cy='13' r='6.333' stroke='%2364748B' stroke-width='1.333'/%3E%3Cpath stroke='%2364748B' stroke-linecap='round' stroke-miterlimit='16' stroke-width='1.333' d='M16.5 13.233h-3.361a.139.139 0 0 1-.139-.139V10.9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M-.001 0h16v16h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.input-icon-date::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='19' height='18' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M18.012 0h-18v18h18V0Z'/%3E%3C/mask%3E%3Cg fill='%2364748B' mask='url(%23b)'%3E%3Cpath d='M6.575 9.93a.408.408 0 0 0-.409-.408H4.74a.408.408 0 0 0-.408.408v1.425c0 .226.183.41.408.41h1.426a.408.408 0 0 0 .409-.41V9.93ZM10.127 9.93a.408.408 0 0 0-.408-.408H8.293a.408.408 0 0 0-.408.408v1.425c0 .226.183.41.408.41H9.72a.408.408 0 0 0 .408-.41V9.93ZM13.694 9.93a.408.408 0 0 0-.409-.408H11.86a.408.408 0 0 0-.409.408v1.425c0 .226.183.41.409.41h1.426a.408.408 0 0 0 .408-.41V9.93ZM6.575 13.494a.408.408 0 0 0-.409-.408H4.74a.408.408 0 0 0-.408.408v1.425c0 .226.183.409.408.409h1.426a.408.408 0 0 0 .409-.409v-1.425ZM10.127 13.494a.408.408 0 0 0-.408-.408H8.293a.408.408 0 0 0-.408.408v1.425c0 .226.183.409.408.409H9.72a.408.408 0 0 0 .408-.409v-1.425ZM13.694 13.494a.408.408 0 0 0-.408-.408H11.86a.408.408 0 0 0-.409.408v1.425c0 .226.183.409.409.409h1.426a.408.408 0 0 0 .408-.409v-1.425Z'/%3E%3Cpath d='M16.243 2.004v2.178c0 .984-.798 1.777-1.782 1.777h-1.125a1.788 1.788 0 0 1-1.793-1.777V1.996H6.475v2.186c0 .984-.808 1.777-1.792 1.777H3.558a1.778 1.778 0 0 1-1.782-1.777V2.004A1.62 1.62 0 0 0 .209 3.616v12.761C.209 17.268.931 18 1.822 18h14.374c.89 0 1.614-.733 1.614-1.623V3.617a1.62 1.62 0 0 0-1.567-1.613Zm-.522 13.578a.698.698 0 0 1-.697.698H2.963a.698.698 0 0 1-.697-.698V8.991c0-.385.312-.698.698-.698h12.059c.385 0 .697.313.697.698v6.591Z'/%3E%3Cpath d='M3.555 4.792h1.112a.611.611 0 0 0 .611-.611V.61A.611.611 0 0 0 4.667 0H3.555a.611.611 0 0 0-.612.611v3.57c0 .337.274.61.612.61ZM13.324 4.792h1.112a.61.61 0 0 0 .611-.611V.61a.61.61 0 0 0-.61-.611h-1.113a.611.611 0 0 0-.611.611v3.57c0 .337.274.61.611.61Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.input-icon-time::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%2364748B' stroke-width='2'/%3E%3Cpath stroke='%2364748B' stroke-linecap='round' stroke-miterlimit='16' stroke-width='2' d='M15 10.333h-4.792a.208.208 0 0 1-.208-.208V7'/%3E%3C/svg%3E");
}
.input-icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4310_6666)'%3E%3Cpath d='M11.9993 1.37297L7.93414 5.43805C7.92629 5.44586 7.92141 5.45535 7.91359 5.46324C8.91504 5.31738 9.94383 5.41738 10.8975 5.78926L13.6565 3.03027C14.5705 2.11625 16.057 2.11625 16.9711 3.03027C17.8851 3.94422 17.8851 5.43082 16.9711 6.34477C16.8152 6.5007 12.6709 10.645 12.906 10.4098C11.9847 11.3312 10.4733 11.2918 9.59141 10.4098C9.13465 9.95309 8.39098 9.95309 7.93414 10.4098L7.22266 11.1213C7.42 11.4566 7.64625 11.7793 7.93414 12.0672C9.67008 13.8031 12.6581 13.9418 14.5381 12.0877C14.5459 12.0799 14.5554 12.075 14.5633 12.0672L18.6284 8.00211C20.4589 6.17148 20.4589 3.20359 18.6284 1.37297C16.7977 -0.457656 13.8299 -0.457656 11.9993 1.37297Z' fill='%2364748B' /%3E%3Cpath d='M9.11267 14.2019L6.34478 16.9698C5.43083 17.8838 3.94423 17.8838 3.03028 16.9698C2.11626 16.0558 2.11626 14.5693 3.03028 13.6552C3.18614 13.4994 7.33927 9.34626 7.10423 9.5813C8.02548 8.66005 9.53688 8.69938 10.4188 9.5813C10.8756 10.0381 11.6193 10.0381 12.0761 9.5813L12.7875 8.86981C12.5902 8.5345 12.364 8.21184 12.0761 7.92403C10.3434 6.19134 7.35759 6.04391 5.47212 7.90345C5.46427 7.91126 5.45481 7.91618 5.44692 7.92403L1.37294 11.998C-0.457607 13.8286 -0.457685 16.7965 1.37294 18.6272C3.20356 20.4577 6.17153 20.4577 8.00208 18.6272L12.076 14.5531C12.0839 14.5453 12.0888 14.5359 12.0966 14.5279C11.0951 14.6738 10.0664 14.5738 9.11267 14.2019Z' fill='%2364748B' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4310_6666'%3E%3Crect width='20' height='20' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.input-icon-upload::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3429 4.54353L12.7678 5.94686L6.44969 12.3625C6.13266 12.6861 6.13266 13.2069 6.44969 13.5305C6.75054 13.8376 7.2531 13.8362 7.55074 13.5288L14.5021 6.46725C15.5169 5.43163 15.5169 3.76842 14.5021 2.7328C13.5339 1.74471 11.8207 1.76669 10.8718 2.73468L3.28452 10.4368C1.57153 12.1842 1.57153 14.9901 3.28452 16.7376C4.94791 18.4344 7.80538 18.4067 9.4428 16.736L18.2917 7.74881L19.7169 9.15201L10.8696 18.1375C8.45566 20.6006 4.31005 20.6407 1.85632 18.1376C-0.619057 15.6125 -0.619057 11.5618 1.85802 9.03499L9.44526 1.33288C11.1687 -0.425176 14.17 -0.463682 15.9306 1.33303C17.7074 3.14628 17.7074 6.05377 15.929 7.86865L8.9818 14.9259C7.90713 16.0358 6.1093 16.0409 5.0211 14.9302C3.94221 13.829 3.94221 12.0641 5.0229 10.9611L11.3429 4.54353Z' fill='%23EFB705' /%3E%3C/g%3E%3C/svg%3E");
}
.input-file-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

textarea {
  resize: none;
  width: 100%;
  height: 100%;
  scrollbar-width: none !important;
  line-height: 1.4;
}

input[type=date],
input[type=time],
input[type=datetime-local] {
  z-index: 2;
  cursor: text;
}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

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

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

.form-item {
  text-align: left;
  margin-bottom: 16rem;
  width: 100%;
}
@media (max-width: 800px) {
  .form-item {
    margin-bottom: 14rem;
  }
}
.form-item-spliter {
  display: flex;
  align-items: flex-start;
  gap: 20rem;
}
@media (max-width: 800px) {
  .form-item-spliter {
    gap: 18rem;
  }
}
.form-item-spliter .form-item {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .form-item-spliter {
    flex-direction: column;
  }
}

.form-submit-checkbox, .form-submit-checkbox > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  align-items: center;
}
.form-submit-checkbox {
  margin-top: 12rem;
}
@media (max-width: 800px) {
  .form-submit-checkbox {
    margin-top: 14rem;
    justify-content: center;
  }
}
.form-submit-checkbox-center {
  justify-content: center;
}
.form-submit-checkbox > label {
  margin-right: 14rem;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .form-submit-checkbox > label {
    margin-right: 14rem;
  }
}
.form-submit-checkbox > label input {
  position: absolute;
  left: 0;
  bottom: 100%;
  display: none;
}
.form-submit-checkbox > label.checked {
  background: #568783;
}
.form-submit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
@media (max-width: 800px) {
  .form-submit-wrapper {
    gap: 14rem;
  }
}
.form-submit-wrapper-horizont {
  gap: 29rem;
  align-items: center;
  flex-direction: row;
}
@media (max-width: 800px) {
  .form-submit-wrapper-horizont {
    flex-direction: column;
    align-items: unset;
    gap: 15rem;
  }
}
.form-submit-btn {
  flex-shrink: 0;
}
.form:has(input[name=agreement]:checked) .form-submit-btn,
.quiz-form:has(input[name=agreement]:checked) .form-submit-btn {
  opacity: 1;
  pointer-events: auto;
}

.form-submit-checkbox > div {
  justify-content: center;
}

.form-submit-checkbox > div img, .form-submit-checkbox > div svg {
  width: 8rem;
  height: 6rem;
  fill: #fff;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form-submit-checkbox > div.checked img, .form-submit-checkbox > div.checked svg {
  opacity: 1;
}

.form-submit-checkbox p {
  text-align: left;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-submit-checkbox p {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.form-submit-checkbox a {
  color: #568783;
  transition: 0.3s ease;
}
.form-submit-checkbox a:hover {
  color: #47706d;
}
.form-submit-checkbox:has(div) p {
  text-align: left;
}
.form-submit-checkbox:has(div) a {
  color: #568783;
}

.form-submit-btn {
  opacity: 0.7;
  pointer-events: none;
}

.btn.disabled {
  opacity: 0.7;
  pointer-events: none;
}

.form-login-links {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 16rem;
  color: #64748B;
  font-size: 12rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-login-links {
    margin-bottom: 11.5rem;
  }
}
.form-login-remember {
  transition: 0.3s ease;
}
@media (min-width: 801px) {
  .form-login-remember:hover {
    color: #568783;
  }
}
.form-login-forgot {
  line-height: 2;
  cursor: pointer;
  transition: 0.3s ease;
}
@media (max-width: 800px) {
  .form-login-forgot {
    font-size: 12rem;
  }
}
.form-login-forgot:hover {
  color: #568783;
}

.form-registration-text {
  width: 100%;
  font-size: 13rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .form-registration-text {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.form-registration-text a {
  color: #568783;
}

.search {
  position: relative;
}
.search-input {
  font-size: 14rem;
  padding-right: 96rem !important;
}
.search-input-wrapper {
  display: flex;
}
.search-input-icon {
  display: block;
  position: absolute;
  width: 72rem;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transition: 0.3s ease;
  border-radius: 0.2083vw;
  filter: invert(100%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cellipse cx='9.00027' cy='9.00002' rx='7.00027' ry='7.00002' stroke='%23FFFFFF' stroke-width='2.00004' /%3E%3Cpath d='M18.0001 18L15 15' stroke='%23FFFFFF' stroke-width='2.00004' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  background-size: 20rem;
}
.search.active_dark .search-input-icon {
  pointer-events: auto;
  cursor: pointer;
  filter: none;
  background-color: #568783;
  opacity: 1;
}
.search-list {
  position: absolute;
  width: 100%;
  top: 100%;
  background: #FFFFFF;
  overflow: hidden;
  border-radius: 8rem;
}
@media (min-width: 801px) {
  .search-list {
    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.08);
  }
}
.search-list-wrapper {
  overflow: auto;
  max-height: 540rem;
}
.search-list-wrapper > span {
  display: block;
  background: #FFFFFF;
  padding: 16rem 28rem;
  border-top: 1rem solid #D8D8DD;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.search-result {
  display: flex;
  align-items: center;
  gap: 16rem;
  transition: 0.3s ease;
  padding: 20rem 26rem;
  border-top: 1rem solid #D8D8DD;
}
.search-result-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24rem;
}
.search-result-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24rem;
  transition: 0.3s ease;
  padding: 17.5rem 26rem;
  border-top: 1rem solid #D8D8DD;
}
.search-result-category:nth-child(2) {
  border: none;
}
.search-result-category-name {
  transition: 0.3s ease;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.search-result-category-name-wrapper {
  display: flex;
  align-items: center;
  gap: 24rem;
}
.search-result-category-quantity {
  flex-shrink: 0;
  color: #939AAD;
  font-size: 13rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .search-result-category:hover {
    background: #F2F6FA;
  }
  .search-result-category:hover .search-result-category-name {
    color: #568783;
  }
}
@media (min-width: 801px) {
  .search-result:hover {
    background: #F2F6FA;
  }
}
.search-result-img {
  width: 64rem;
  height: 64rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8rem;
}
.search-result-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-result-title {
  margin-bottom: 6rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.search .product-card-price-wrapper {
  margin: 0;
}

@media (max-width: 800px) {
  .search-input {
    padding-right: 94rem !important;
  }
  .search-input-icon {
    border-radius: 4rem;
    width: 66rem;
    background-size: 18rem;
  }
  .search.active_dark .search-input-icon {
    pointer-events: auto;
    cursor: pointer;
    filter: none;
    background-color: #568783;
    opacity: 1;
  }
  .search-list {
    position: relative;
    top: auto;
    background: #FFFFFF;
    margin-top: 20rem;
    width: 95vw;
    padding-right: 5vw;
  }
  .search-list-wrapper {
    max-height: calc(100vh - 40vw);
    overflow: auto;
    padding-bottom: 50vw;
  }
  .search-list-wrapper > span {
    border: none;
    padding: 0;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .search-list-title {
    font-size: 20rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 5.333vw;
    padding-top: 5.333vw;
    margin-top: 5.333vw;
    border-top: 0.267vw solid #E5E5E5;
  }
  .search-list-title:first-of-type {
    border: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 3.2vw;
  }
  .search-result {
    gap: 4.267vw;
    padding: 0;
    border-top: none;
    margin-bottom: 4.267vw;
  }
  .search-result-info {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }
  .search-result-category {
    gap: 1.25vw;
    transition: 0.3s ease;
    padding: 2.133vw 0;
    border-top: none;
    margin-bottom: 1.6vw;
  }
  .search-result-category-name {
    transition: 0.3s ease;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .search-result-category-name-wrapper {
    display: flex;
    align-items: center;
    gap: 3vw;
    justify-content: space-between;
    width: 100%;
  }
  .search-result-category-name-wrapper::after {
    display: block;
    content: "";
    width: 3vw;
    height: 3vw;
    transform: rotate(-90deg);
    filter: grayscale(100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
  }
  .search-result-category-sub, .search-result-category-quantity {
    display: none;
  }
  .search-result-img {
    width: 17.067vw;
    height: 17.067vw;
  }
  .search-result-title {
    margin: 0;
    font-size: 13rem;
  }
  .search .product-card-state-wrapper {
    display: none;
  }
  .search .product-card-price-wrapper {
    margin: 0;
  }
  .search .product-card-price {
    margin-top: 1.6vw;
  }
  .search .product-card-price-old {
    font-size: 11rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.radio-item:has(input[type=radio]) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  width: fit-content;
  gap: 13rem;
}
.radio-item:has(input[type=radio]):has(.radio-item-text-sub) {
  align-items: flex-start;
}
.radio-item:has(input[type=radio]) input[type=radio] {
  display: none;
}
.radio-item:has(input[type=radio]) .radio-item-point {
  flex-shrink: 0;
  width: 24rem;
  height: 24rem;
  border: 1rem solid #D8D8DD;
  outline-offset: -0.3125vw;
  transition: 0.2s ease;
  background: #FFFFFF;
  border-radius: 1000rem;
}
.radio-item:has(input[type=radio]) .radio-item-text {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 16rem;
  font-weight: 440;
}
.radio-item:has(input[type=radio]:checked) {
  pointer-events: none;
  cursor: auto;
}
.radio-item:has(input[type=radio]:checked) .radio-item-point {
  outline: 0.3125vw solid #568783;
  border: 0.2604vw solid #568783;
}

@media (max-width: 800px) {
  .radio-item:has(input[type=radio]) {
    gap: 13rem;
  }
  .radio-item:has(input[type=radio]) .radio-item-point {
    outline-offset: -7rem;
  }
  .radio-item:has(input[type=radio]) .radio-item-text {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .radio-item:has(input[type=radio]:checked) .radio-item-point {
    outline: 1.867vw solid #568783;
    border: 0.267vw solid #568783;
  }
}
.checkbox-item:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  width: fit-content;
  gap: 14rem;
}
.checkbox-item:has(input[type=checkbox]):has(.checkbox-item-text-sub) {
  align-items: flex-start;
}
.checkbox-item:has(input[type=checkbox]) input[type=checkbox] {
  display: none;
}
.checkbox-item:has(input[type=checkbox]).disabled {
  pointer-events: none;
  opacity: 0.6;
}
.checkbox-item:has(input[type=checkbox]) .checkbox-item-point {
  position: relative;
  flex-shrink: 0;
  width: 20rem;
  height: 20rem;
  border: 1rem solid #D8D8DD;
  transition: 0.3s ease;
  border-radius: 2rem;
}
.checkbox-item:has(input[type=checkbox]) .checkbox-item-point::after {
  transition: 0.3s ease;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9rem;
  height: 9rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none' viewBox='0 0 9 9'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='m8.84 2.22-.793-.777a.54.54 0 0 0-.393-.157.54.54 0 0 0-.392.157L3.45 5.176 1.747 3.5a.54.54 0 0 0-.393-.157.54.54 0 0 0-.392.157l-.793.776A.5.5 0 0 0 0 4.661c0 .148.053.28.16.384l2.103 2.058.793.776c.107.105.241.157.393.157a.54.54 0 0 0 .392-.157l.793-.776L8.84 2.987A.52.52 0 0 0 9 2.603a.52.52 0 0 0-.16-.384'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h9v9H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  opacity: 0;
}
.checkbox-item:has(input[type=checkbox]:checked) .checkbox-item-point {
  background: #568783;
  border: 2rem solid #568783;
}
.checkbox-item:has(input[type=checkbox]:checked) .checkbox-item-point::after {
  opacity: 1;
}

@media (max-width: 800px) {
  .checkbox-item:has(input[type=checkbox]) {
    gap: 14rem;
  }
  .checkbox-item:has(input[type=checkbox]) .checkbox-item-point {
    width: 20rem;
    height: 20rem;
  }
  .checkbox-item:has(input[type=checkbox]) .checkbox-item-text {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .checkbox-item:has(input[type=checkbox]:checked) .checkbox-item-point::after {
    opacity: 1;
    width: 9rem;
    height: 9rem;
  }
}
.iti {
  width: 100%;
}
.iti__country-container {
  z-index: 8;
}
.iti__country-list {
  overflow-y: auto;
}
@media (min-width: 801px) {
  .iti__country-list {
    overflow-y: hidden;
  }
  .iti__country-list:hover {
    overflow-y: auto;
  }
}
.iti__dropdown-content {
  overflow: hidden;
  transition: 0.3s ease;
}
.iti__selected-country-primary {
  padding: 0;
  transition: 0.3s ease;
  border-radius: 100vw;
}
.iti__search-input {
  width: 100%;
}
.iti__tel-input {
  width: 100%;
}

.switcher_input {
  --sw-width: 40rem;
  --sw-height: 24rem;
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
@media (max-width: 800px) {
  .switcher_input {
    --sw-width: 36rem;
    --sw-height: 22rem;
  }
}
.switcher_input input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.switcher_input-item {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: var(--sw-width);
  height: var(--sw-height);
  background: #DDE5EE;
  vertical-align: middle;
  transition: 0.3s ease;
  border-radius: 1000rem;
}
.switcher_input-item::after {
  content: "";
  position: absolute;
  top: 4rem;
  left: 4rem;
  width: calc(var(--sw-height) - 8rem);
  height: calc(var(--sw-height) - 8rem);
  border-radius: 50%;
  background: #FFFFFF;
  transition: 0.3s ease;
  will-change: transform;
}
.switcher_input:has(input:checked) .switcher_input-item {
  background: #568783;
}
.switcher_input:has(input:checked) .switcher_input-item::after {
  transform: translateX(calc(var(--sw-width) - var(--sw-height)));
}
.switcher_input:has(input:disabled) {
  cursor: default;
}
.switcher_input:has(input:disabled) .switcher_input-item {
  opacity: 0.6;
  cursor: not-allowed;
}

@-webkit-keyframes opas {
  0% {
    opacity: 0.4;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes opas {
  0% {
    opacity: 0.4;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@-webkit-keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}
@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}
@-webkit-keyframes online {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes online {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes border-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes border-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(-10deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(10deg);
  }
}
@keyframes pulse_2_small {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.8;
  }
  to {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes Pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes Pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes Pulse2 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@keyframes Pulse2 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@-webkit-keyframes animPulse2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  33% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
  66% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.7);
  }
  100% {
    opacity: 0;
  }
}
@keyframes animPulse2 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  33% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.1);
  }
  66% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.7);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes loadingBg {
  0% {
    background-position: 2%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes loadingBg {
  0% {
    background-position: 2%;
  }
  100% {
    background-position: 100%;
  }
}
@-webkit-keyframes wave_1 {
  0%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.25;
  }
}
@keyframes wave_1 {
  0%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.25;
  }
}
@-webkit-keyframes wave_2 {
  0%, 50%, to {
    opacity: 0.75;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
}
@keyframes wave_2 {
  0%, 50%, to {
    opacity: 0.75;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
}
@-webkit-keyframes wave_3 {
  0%, to {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
}
@keyframes wave_3 {
  0%, to {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes wave_4 {
  0%, to {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
}
@keyframes wave_4 {
  0%, to {
    opacity: 0.5;
  }
  25%, 75% {
    opacity: 0.75;
  }
  50% {
    opacity: 1;
  }
}
@keyframes scrole-right {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(-10px, 0) rotate(0);
  }
  75% {
    transform: translate(10px, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes scrole-right {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(-10px, 0) rotate(0);
  }
  75% {
    transform: translate(10px, 0) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes rotate3 {
  0% {
    -webkit-transform: translateY(-50%, -50%) rotate(360deg) scale(1);
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    border-top: 0.12vw solid #568783;
    border-bottom: 0.12vw solid #FFFFFF;
  }
  50% {
    -webkit-transform: translateY(-50%, -50%) rotate(360deg) scale(1.1);
    transform: translate(-50%, -50%) rotate(180deg) scale(1.1);
    border-top: 0.12vw solid #FFFFFF;
    border-bottom: 0.12vw solid #568783;
  }
  100% {
    -webkit-transform: translateY(-50%, -50%) rotate(360deg) scale(1);
    transform: translate(-50%, -50%) rotate(360deg) scale(1);
    border-top: 0.12vw solid #568783;
    border-bottom: 0.12vw solid #FFFFFF;
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.online {
  position: relative;
  padding-left: 0.68vw;
}

.online::before {
  content: "";
  border-radius: 50%;
  width: 0.2604vw;
  height: 0.2604vw;
  background-color: #46d068;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -webkit-animation: online 2s infinite;
  animation: online 2s infinite;
}

@media (max-width: 800px) {
  .online {
    padding-left: 2vw;
  }
  .online::before {
    width: 1vw;
    height: 1vw;
    top: 1.4vw;
    flex-grow: 0;
  }
}
.online-manager {
  left: 3vw;
  bottom: 0.6vw;
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 0.5208vw;
  height: 0.5208vw;
  background-color: #46d068;
  -webkit-animation: online 2s infinite;
  animation: online 2s infinite;
}

.tooltip-horizontal-scroll-icon_hand {
  animation: tooltip-horizontal-scroll-icon_anim-scroll-hand 2s infinite;
}

.tooltip-horizontal-scroll-icon_card {
  animation: tooltip-horizontal-scroll-icon_anim-scroll-card 2s infinite;
}

@keyframes tooltip-horizontal-scroll-icon_anim-scroll-hand {
  0% {
    transform: translateX(80px) scale(1);
    opacity: 0;
  }
  10% {
    transform: translateX(80px) scale(1);
    opacity: 1;
  }
  20%, 60% {
    transform: translateX(175px) scale(0.6);
    opacity: 1;
  }
  80% {
    transform: translateX(5px) scale(0.6);
    opacity: 1;
  }
  to {
    transform: translateX(5px) scale(0.6);
    opacity: 0;
  }
}
@keyframes tooltip-horizontal-scroll-icon_anim-scroll-card {
  0%, 60% {
    transform: translateX(0);
  }
  80%, to {
    transform: translateX(-240px);
  }
}
.online {
  position: relative;
  padding-left: 0.68vw;
}

.online::before {
  content: "";
  border-radius: 50%;
  width: 0.2604vw;
  height: 0.2604vw;
  background-color: #46d068;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -webkit-animation: online 2s infinite;
  animation: online 2s infinite;
}

@media (max-width: 800px) {
  .online {
    padding-left: 2vw;
  }
  .online::before {
    width: 1vw;
    height: 1vw;
    top: 1.4vw;
    flex-grow: 0;
  }
}
@-webkit-keyframes progress_bar {
  0% {
    background-position: -52.0833333333vw center;
  }
  50% {
    background-position: 0 center;
  }
  to {
    background-position: 52.0833333333vw center;
  }
}
@keyframes progress_bar {
  0% {
    background-position: -52.0833333333vw center;
  }
  50% {
    background-position: 0 center;
  }
  to {
    background-position: 52.0833333333vw center;
  }
}
@-webkit-keyframes wave {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes wave {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes levitate {
  0%, 100% {
    transform: translateY(0rem);
  }
  50% {
    transform: translateY(20rem);
  }
}
@keyframes levitate {
  0%, 100% {
    transform: translateY(0rem);
  }
  50% {
    transform: translateY(20rem);
  }
}
@-webkit-keyframes main_o_companii_card {
  0%, 4% {
    transform: translate(0);
  }
  8.5%, 16.5% {
    transform: translate(140rem, -300rem);
  }
  21%, 29% {
    transform: translate(280rem, -600rem);
  }
  33.5%, 41.5% {
    transform: translate(420rem, -900rem);
  }
  51% {
    transform: translate(1560rem, -1200rem);
  }
  52% {
    transform: translate(1560rem, 1200rem);
  }
  58.5%, 66.5% {
    transform: translate(420rem, 900rem);
  }
  71%, 79% {
    transform: translate(280rem, 600rem);
  }
  83.5%, 91.5% {
    transform: translate(140rem, 300rem);
  }
  96%, 100% {
    transform: translate(0rem);
  }
}
@keyframes main_o_companii_card {
  0%, 4% {
    transform: translate(0);
  }
  8.5%, 16.5% {
    transform: translate(140rem, -300rem);
  }
  21%, 29% {
    transform: translate(280rem, -600rem);
  }
  33.5%, 41.5% {
    transform: translate(420rem, -900rem);
  }
  51% {
    transform: translate(1560rem, -1200rem);
  }
  52% {
    transform: translate(1560rem, 1200rem);
  }
  58.5%, 66.5% {
    transform: translate(420rem, 900rem);
  }
  71%, 79% {
    transform: translate(280rem, 600rem);
  }
  83.5%, 91.5% {
    transform: translate(140rem, 300rem);
  }
  96%, 100% {
    transform: translate(0rem);
  }
}
@-webkit-keyframes main_o_companii_card_mobi {
  0%, 4% {
    transform: translate(0);
  }
  8.5%, 16.5% {
    transform: translate(-325rem, 0rem);
  }
  21%, 29% {
    transform: translate(-325rem, -3000rem);
  }
  33.5%, 41.5% {
    transform: translate(650rem, -3000rem);
  }
  51% {
    transform: translate(650rem, -3000rem);
  }
  52% {
    transform: translate(650rem, -3000rem);
  }
  58.5%, 66.5% {
    transform: translate(650rem, -3000rem);
  }
  71%, 79% {
    transform: translate(650rem, 0rem);
  }
  83.5%, 91.5% {
    transform: translate(325rem, 0rem);
  }
  96%, 100% {
    transform: translate(0rem);
  }
}
@keyframes main_o_companii_card_mobi {
  0%, 4% {
    transform: translate(0);
  }
  8.5%, 16.5% {
    transform: translate(-325rem, 0rem);
  }
  21%, 29% {
    transform: translate(-325rem, -3000rem);
  }
  33.5%, 41.5% {
    transform: translate(650rem, -3000rem);
  }
  51% {
    transform: translate(650rem, -3000rem);
  }
  52% {
    transform: translate(650rem, -3000rem);
  }
  58.5%, 66.5% {
    transform: translate(650rem, -3000rem);
  }
  71%, 79% {
    transform: translate(650rem, 0rem);
  }
  83.5%, 91.5% {
    transform: translate(325rem, 0rem);
  }
  96%, 100% {
    transform: translate(0rem);
  }
}
@-webkit-keyframes rubberJump {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(0);
  }
  85% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rubberJump {
  0% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(0);
  }
  85% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes main-reviews-card {
  0%, 2% {
    transform: translate(0);
    opacity: 0.8;
  }
  4% {
    opacity: 0;
  }
  7%, 11% {
    transform: translate(140rem, -124rem);
    opacity: 0;
  }
  16%, 20% {
    transform: translate(-140rem, 496rem);
    opacity: 0;
  }
  25%, 29% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  34%, 38% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  43%, 47% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  52%, 56% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  61%, 65% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  71%, 75% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  80%, 84% {
    transform: translate(0rem, 248rem);
    opacity: 0.8;
  }
  89%, 93% {
    transform: translate(-140rem, 124rem);
    opacity: 1;
  }
  98%, 100% {
    transform: translate(0rem);
    opacity: 0.8;
  }
}
@keyframes main-reviews-card {
  0%, 2% {
    transform: translate(0);
    opacity: 0.8;
  }
  4% {
    opacity: 0;
  }
  7%, 11% {
    transform: translate(140rem, -124rem);
    opacity: 0;
  }
  16%, 20% {
    transform: translate(-140rem, 496rem);
    opacity: 0;
  }
  25%, 29% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  34%, 38% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  43%, 47% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  52%, 56% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  61%, 65% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  71%, 75% {
    transform: translate(280rem, 372rem);
    opacity: 0;
  }
  80%, 84% {
    transform: translate(0rem, 248rem);
    opacity: 0.8;
  }
  89%, 93% {
    transform: translate(-140rem, 124rem);
    opacity: 1;
  }
  98%, 100% {
    transform: translate(0rem);
    opacity: 0.8;
  }
}
@-webkit-keyframes main-reviews-card_mobi {
  0%, 2% {
    transform: translate(0);
    opacity: 0.8;
  }
  4% {
    opacity: 0;
  }
  7%, 11% {
    transform: translate(40rem, -100rem);
    opacity: 0;
  }
  16%, 20% {
    transform: translate(-40rem, 496rem);
    opacity: 0;
  }
  25%, 29% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  34%, 38% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  43%, 47% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  52%, 56% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  61%, 65% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  71%, 75% {
    transform: translate(80rem, 300rem);
    opacity: 0;
  }
  80%, 84% {
    transform: translate(0rem, 200rem);
    opacity: 0.8;
  }
  89%, 93% {
    transform: translate(-40rem, 100rem);
    opacity: 1;
  }
  98%, 100% {
    transform: translate(0rem);
    opacity: 0.8;
  }
}
@keyframes main-reviews-card_mobi {
  0%, 2% {
    transform: translate(0);
    opacity: 0.8;
  }
  4% {
    opacity: 0;
  }
  7%, 11% {
    transform: translate(40rem, -100rem);
    opacity: 0;
  }
  16%, 20% {
    transform: translate(-40rem, 496rem);
    opacity: 0;
  }
  25%, 29% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  34%, 38% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  43%, 47% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  52%, 56% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  61%, 65% {
    transform: translate(80rem, 252rem);
    opacity: 0;
  }
  71%, 75% {
    transform: translate(80rem, 300rem);
    opacity: 0;
  }
  80%, 84% {
    transform: translate(0rem, 200rem);
    opacity: 0.8;
  }
  89%, 93% {
    transform: translate(-40rem, 100rem);
    opacity: 1;
  }
  98%, 100% {
    transform: translate(0rem);
    opacity: 0.8;
  }
}
@media (min-width: 801px) {
  html.stop .button_up {
    transform: translate(calc(-50% - 10rem), -50%);
  }
}

.button_up {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 157rem;
  right: 37rem;
  transform: translate(-50%, -50%) scale(0.1);
  transition: 0.3s ease;
  z-index: 8;
  border-radius: 1000vw;
  opacity: 0;
  pointer-events: none;
}
.button_up.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
  cursor: pointer;
}
.button_up-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  width: 62rem;
  height: 62rem;
  flex-shrink: 0;
  z-index: 99;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 50%;
  cursor: pointer;
}
.button_up-icon::before {
  display: block;
  content: "";
  width: 30rem;
  height: 30rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 30'%3E%3Cpath fill='%23568783' d='M7.794 15.217A1.32 1.32 0 1 1 5.93 13.35l7.917-7.918.933-.933.933.933 7.918 7.918a1.32 1.32 0 0 1-1.866 1.865L16.1 9.551V24.18a1.32 1.32 0 0 1-2.64 0V9.552z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30rem;
}
.button_up::after {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 122.5%;
  height: 122.5%;
  transform: translate(-50%, -50%);
  background: #568783;
  opacity: 0.2;
  border-radius: 50%;
  z-index: -1;
}

@media (max-width: 1512px) {
  .button_up {
    right: 17rem;
    bottom: 140rem;
  }
}
@media (max-width: 800px) {
  .button_up {
    bottom: 130rem;
    right: 0;
    box-shadow: 0 0 8px rgba(173, 207, 224, 0.4784313725);
  }
  .button_up-icon {
    width: 50rem;
    height: 50rem;
  }
  .button_up-icon::before {
    background-size: 24rem;
  }
}
.select {
  display: flex;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
.select input[type=radio], .select input[type=chekbox] {
  display: none;
}
.select-selected {
  width: 100%;
  display: flex;
  align-items: center;
}
.select-selected p {
  display: flex;
  align-items: center;
}
.select-selected p::after {
  content: "";
  display: block;
  transition: 0.3s ease;
  width: 0.625vw;
  height: 0.625vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}
.select-options-wrapper {
  position: absolute;
  opacity: 0;
  flex-direction: column;
  overflow: auto;
  top: 100%;
  left: 0;
  width: 100%;
  pointer-events: none;
  transition: 0.3s ease;
}
.select-option {
  transition: 0.3s ease;
  display: flex;
  align-items: center;
}
.select.active {
  z-index: 6;
}
.select.active .select-selected p::after {
  transform: rotate(-180deg);
}
.select.active .select-options-wrapper {
  pointer-events: auto;
  opacity: 1;
}

.calendar {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  min-width: 340rem;
  background: #F2F6FA;
  padding: 1.5625vw;
  transition: 0.3s ease;
  border-radius: 12rem;
}
.calendar-wrapper {
  opacity: 0;
  transition: 0.3s ease;
  pointer-events: none;
  position: fixed;
  cursor: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(33, 51, 49, 0.6);
}
.calendar-wrapper.active {
  pointer-events: auto;
  opacity: 1;
  cursor: default;
}
.calendar-wrapper.active > .calendar {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.calendar-date {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0521vw solid #939AAD;
  margin-bottom: 1vw;
}
.calendar-date-main {
  position: relative;
  margin-bottom: 0.3042vw;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.calendar-date-main > span {
  cursor: pointer;
}
.calendar-date-main::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.475vw;
  width: 100%;
  height: 0.2604vw;
  background: #568783;
  border-radius: 12rem;
}
.calendar-nav {
  display: flex;
  align-items: center;
  background: transparent;
  cursor: pointer;
  display: block;
  width: 1vw;
  height: 1vw;
}
.calendar-nav::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.calendar-nav.calendar_next::before {
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}
.calendar-nav.calendar_prev::before {
  transform: rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}
.calendar .dates {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  flex-wrap: wrap;
  text-align: center;
  gap: 0.3646vw;
  margin-bottom: 1vw;
}
.calendar .dates li {
  padding: 0.7vw;
  position: relative;
  color: #000000;
  border: 0.0521vw solid #939AAD;
  transition: 0.3s ease;
  cursor: pointer;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 12rem;
}
.calendar .dates li.today {
  color: #568783;
  border: 0.0521vw solid #568783;
}
.calendar .dates li.past:not(.today) {
  opacity: 0.5;
  pointer-events: none;
}
.calendar .dates li.selected {
  color: #FFFFFF;
  background: #568783;
  border: 0.0521vw solid #568783;
}
@media (min-width: 801px) {
  .calendar .dates li.selected:hover {
    color: #000000;
  }
}
.calendar .dates li.inactive {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
  border: none;
  pointer-events: none;
}
@media (min-width: 801px) {
  .calendar .dates li:hover {
    color: #568783;
    border: 0.0521vw solid #568783;
    box-shadow: 0 0 6px #568783;
  }
}
.calendar-months-dropdown, .calendar-years-dropdown {
  overflow: auto;
  max-height: 19.8vw;
  padding-right: 0.5vw;
}
.calendar-months-dropdown li, .calendar-years-dropdown li {
  cursor: pointer;
  margin-bottom: 0.7292vw;
  transition: 0.3s ease;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.calendar-months-dropdown li:last-child, .calendar-years-dropdown li:last-child {
  margin-bottom: 0;
}
@media (min-width: 801px) {
  .calendar-months-dropdown li:hover, .calendar-years-dropdown li:hover {
    color: #568783;
  }
}
.calendar-months-dropdown-wrapper, .calendar-years-dropdown-wrapper {
  background: #F2F6FA;
  padding: 1vw 0.5vw 1vw 1vw;
  top: 2.2vw;
  z-index: 11;
  position: absolute;
  border: 0.0521vw solid #D8D8DD;
  display: none;
  transition: 0.3s ease;
  border-radius: 12rem;
}
.calendar-months-dropdown-wrapper:has(.calendar-years-dropdown), .calendar-months-dropdown-wrapper:has(.calendar-months-dropdown), .calendar-years-dropdown-wrapper:has(.calendar-years-dropdown), .calendar-years-dropdown-wrapper:has(.calendar-months-dropdown) {
  display: block;
}
.calendar-months-dropdown-wrapper {
  left: 50%;
  transform: translateX(-102%);
}
.calendar-years-dropdown-wrapper {
  right: 50%;
  transform: translateX(102%);
}
.calendar-time {
  margin-bottom: 1vw;
}
.calendar-time-title {
  text-align: center;
  margin-bottom: 0.1vw;
  color: #000000;
  margin-bottom: 0.3125vw;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.calendar-time-main {
  position: relative;
  font-weight: 400;
  display: flex;
  justify-content: space-around;
  padding: 1vw;
  border: 0.0521vw solid #939AAD;
  border-radius: 12rem;
}
.calendar-time-main > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.calendar-time-item {
  width: 2vw;
  text-align: center;
  transition: 0.3s ease;
  cursor: pointer;
  color: #000000;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .calendar-time-item:hover {
    color: #568783;
  }
}
.calendar-time-hours-dropdown, .calendar-time-minute-dropdown {
  overflow: auto;
  max-height: 13.2vw;
  padding-right: 1vw;
}
.calendar-time-hours-dropdown li, .calendar-time-minute-dropdown li {
  cursor: pointer;
  margin-bottom: 0.7292vw;
  transition: 0.3s ease;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.calendar-time-hours-dropdown li:last-child, .calendar-time-minute-dropdown li:last-child {
  margin-bottom: 0;
}
@media (min-width: 801px) {
  .calendar-time-hours-dropdown li:hover, .calendar-time-minute-dropdown li:hover {
    color: #568783;
  }
}
.calendar-time-hours-dropdown-wrapper, .calendar-time-minute-dropdown-wrapper {
  position: absolute;
  bottom: 3.6vw;
  background: #F2F6FA;
  padding: 1vw;
  z-index: 11;
  border: 0.0521vw solid #e1e1e1;
  display: none;
  transition: 0.3s ease;
  border-radius: 12rem;
}
.calendar-time-hours-dropdown-wrapper:has(.calendar-time-hours-dropdown), .calendar-time-hours-dropdown-wrapper:has(.calendar-time-minute-dropdown), .calendar-time-minute-dropdown-wrapper:has(.calendar-time-hours-dropdown), .calendar-time-minute-dropdown-wrapper:has(.calendar-time-minute-dropdown) {
  display: block;
}
.calendar-time-hours-dropdown-wrapper {
  left: 50%;
  transform: translateX(-102%);
}
.calendar-time-minute-dropdown-wrapper {
  right: 50%;
  transform: translateX(102%);
}
.calendar-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18rem;
}
.calendar-controls-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.6vw;
  flex: 1 1 40%;
  transition: 0.3s ease;
  border-radius: 12rem;
}
.calendar-today {
  background: #DDE5EE;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .calendar-today:hover {
    background: #F1F6F3;
  }
}
.calendar-accept {
  color: #FFFFFF;
  background: #568783;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .calendar-accept:hover {
    background: #47706d;
  }
}

@media (max-width: 800px) {
  .calendar {
    padding: 8vw 5vw;
    width: 90vw;
  }
  .calendar-date {
    border-bottom: 0.267vw solid #939AAD;
    margin-bottom: 3vw;
  }
  .calendar-date-main {
    margin-bottom: 3vw;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar-date-main::after {
    bottom: -3.375vw;
    height: 1vw;
  }
  .calendar-nav {
    width: 4vw;
    height: 4vw;
  }
  .calendar-nav.calendar_next::before {
    transform: translateY(2vw) rotate(-90deg);
  }
  .calendar-nav.calendar_prev::before {
    transform: translateY(2vw) rotate(90deg);
  }
  .calendar .dates {
    gap: 2vw;
    margin-bottom: 5vw;
  }
  .calendar .dates li {
    padding: 1vw;
    border: 0.267vw solid #939AAD;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar .dates li.today {
    border: 0.267vw solid #568783;
  }
  .calendar-months-dropdown, .calendar-years-dropdown {
    max-height: 50vw;
    padding-right: 3vw;
  }
  .calendar-months-dropdown li, .calendar-years-dropdown li {
    margin-bottom: 3vw;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar-months-dropdown-wrapper, .calendar-years-dropdown-wrapper {
    padding: 3vw;
    top: 8vw;
    border: 0.267vw solid #D8D8DD;
  }
  .calendar-months-dropdown {
    padding-right: 3vw;
  }
  .calendar-time {
    margin-bottom: 5vw;
  }
  .calendar-time-title {
    margin-bottom: 1vw;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar-time-main {
    padding: 3vw;
    border: 0.267vw solid #939AAD;
  }
  .calendar-time-item {
    width: 10vw;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar-time-hours-dropdown, .calendar-time-minute-dropdown {
    max-height: 48vw;
    padding-right: 3vw;
  }
  .calendar-time-hours-dropdown li, .calendar-time-minute-dropdown li {
    margin-bottom: 3vw;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .calendar-time-hours-dropdown-wrapper, .calendar-time-minute-dropdown-wrapper {
    bottom: 18vw;
    padding: 3vw;
    border: 0.267vw solid #E6F6EE;
  }
  .calendar-controls-item {
    height: 11.733vw;
    padding: 0.6vw;
    margin-right: 3vw;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.widget-menu {
  display: none;
}
.widget-contacts {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70rem;
}
.widget-contacts-close {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30rem;
  height: 30rem;
  border-radius: 2rem;
  margin-bottom: 7rem;
  cursor: pointer;
  transition: 0.3s ease;
  box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1);
}
.widget-contacts-close > img {
  transition: 0.6s ease;
  width: 18rem;
  height: 18rem;
  opacity: 0.6;
}
.widget-contacts-close:hover img {
  opacity: 1;
}
.widget-contacts.active .widget-contacts-close img {
  transform: rotate(135deg);
}
.widget-contacts-wrapper {
  box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.1);
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 4rem 0 0 4rem;
}
.widget-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  color: #FFFFFF;
  padding: 23rem;
  width: 100%;
  border-bottom: 1rem solid #D8D8DD;
  cursor: pointer;
}
.widget-contact:last-child {
  border: none;
}
.widget-contact:hover .widget-contact-icon > img {
  filter: grayscale(0%);
}
.widget-contact-icon {
  position: relative;
  flex-shrink: 0;
  width: 22rem;
  height: 22rem;
}
.widget-contact-icon > img {
  transition: 0.3s ease;
  filter: grayscale(100%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-contact-counter {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  background: #568783;
  transform: translate(55%, -60%);
  width: 18rem;
  height: 18rem;
  font-size: 10rem;
  font-weight: 700;
  border-radius: 1000rem;
}

@media (max-width: 800px) {
  .widget-contacts {
    display: none;
  }
  .widget-menu {
    z-index: 98;
    position: fixed;
    bottom: 0;
    display: block;
    background: #FFFFFF;
    width: 100vw;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.08);
  }
  .widget-menu-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .widget-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    flex-basis: 100%;
    padding: 11rem 0;
    font-size: 10rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .widget-menu-item-icon {
    position: relative;
    width: 20rem;
    height: 20rem;
    margin-bottom: 1.067vw;
  }
  .widget-menu-item-icon-counter {
    position: absolute;
    top: -6rem;
    right: -10rem;
    height: 16rem;
    width: 16rem;
    background-color: #568783;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 11rem;
    line-height: 1.8;
    letter-spacing: -0.03em;
    border-radius: 2rem;
  }
  .widget-menu-item-icon > img {
    filter: brightness(0);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
body:has(.page_not_found) .breadcrumbs-container {
  justify-content: center;
}

.page_not_found-wrapper {
  background: #F1F6F3;
  padding: 64rem;
  gap: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12rem;
}
.page_not_found-img {
  width: 312rem;
  height: 90rem;
  flex-shrink: 0;
}
.page_not_found-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_not_found-text {
  text-align: center;
  width: 550rem;
}
.page_not_found-title {
  margin-bottom: 14rem;
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.page_not_found-subtitle {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 36rem;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

@media (max-width: 800px) {
  .page_not_found-wrapper {
    padding: 40rem 20rem;
    gap: 24rem;
  }
  .page_not_found-img {
    width: 180rem;
    height: 52rem;
  }
  .page_not_found-text {
    width: auto;
  }
  .page_not_found-title {
    margin-bottom: 8rem;
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .page_not_found-subtitle {
    margin-bottom: 24rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .page_not_found .btn {
    width: fit-content;
  }
}
@media (min-width: 801px) {
  html.stop .speak-me {
    transform: translate(calc(-50% - 10rem), -50%);
  }
}

.speak-me {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 47rem;
  right: 37rem;
  width: 62rem;
  height: 62rem;
  transform: translate(-50%, -50%);
  z-index: 8;
  border-radius: 1000vw;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.185);
}
.speak-me-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #568783;
  width: 62rem;
  height: 62rem;
  flex-shrink: 0;
  z-index: 99;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 50%;
  cursor: pointer;
}
.speak-me-icon > img {
  position: absolute;
  width: 24rem;
  height: 24rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: none;
  object-fit: cover;
}
.speak-me-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  border-radius: 50%;
  border: 1rem solid #568783;
  -webkit-animation: animPulse2 2s linear infinite;
  animation: animPulse2 2s linear infinite;
  z-index: -1;
}
.speak-me-icon::after {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 122.5%;
  height: 122.5%;
  transform: translate(-50%, -50%);
  background: #568783;
  opacity: 0.2;
  border-radius: 50%;
  z-index: -1;
}
.speak-me-items {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16rem;
  left: 50%;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translate(-50%, 10rem);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 17rem 12rem;
  border-radius: 100vw;
  padding-bottom: 83rem;
}
.speak-me-item {
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
  width: 52rem;
  height: 52rem;
  cursor: pointer;
}
.speak-me-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 801px) {
  .speak-me-item:hover {
    transform: scale(1.1);
  }
}
.speak-me.active {
  z-index: 100;
}
.speak-me.active img {
  transform: rotate(360deg);
}
.speak-me.active img:first-child {
  opacity: 0;
}
.speak-me.active img:last-child {
  opacity: 1;
}
.speak-me.active .speak-me-items {
  opacity: 1;
  pointer-events: auto;
}
.speak-me.active .speak-me-icon {
  width: 52rem;
  height: 52rem;
}
.speak-me.active .speak-me-icon::before {
  display: none;
}
.speak-me.active .speak-me-icon::after {
  animation: none;
  opacity: 0;
}

@media (max-width: 1512px) {
  .speak-me {
    bottom: 27rem;
    right: 17rem;
  }
}
@media (max-width: 800px) {
  .speak-me {
    bottom: 60rem;
    right: 0;
    width: 50rem;
    height: 50rem;
  }
  .speak-me-icon {
    width: 14vw;
    height: 14vw;
  }
  .speak-me-icon > img {
    width: 5vw;
    height: 5vw;
  }
  .speak-me-icon::before {
    border: 0.267vw solid #568783;
  }
  .speak-me-items {
    gap: 3vw;
    transform: translate(-50%, 3vw);
    pointer-events: none;
    padding: 4vw 2.5vw;
    padding-bottom: 19vw;
  }
  .speak-me-item {
    width: 14vw;
    height: 14vw;
  }
  .speak-me.active .speak-me-icon {
    width: 14vw;
    height: 14vw;
  }
}
.map {
  width: 100%;
  height: 100%;
}
.map:nth-child(1) [class*=copyrights-pane] {
  display: none !important;
}
.map:nth-child(1) [class*=ground-pane] {
  filter: grayscale(100%);
}

[class*=balloon]:not([class*=balloon_close-button]) {
  background-color: #a9a9a9;
}
[class*=balloon]:not([class*=balloon_close-button])::after {
  background-color: #a9a9a9;
}

[class*=balloon__close-button] {
  background-color: transparent !important;
  filter: invert(100%) !important;
}

.modal {
  position: absolute;
  left: 50%;
  transition: all 0.3s ease;
  z-index: 77;
  top: 50%;
  padding-bottom: 0vw;
  width: auto;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-bottom: 0;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12rem;
}
.modal .form-submit-checkbox {
  margin-top: 0;
}
.modal::-webkit-scrollbar {
  width: 0;
}
.modal-scroll {
  top: 60rem;
  transform: translate(-50%, 0%);
  padding-bottom: 60rem;
  opacity: 0;
}
.modal-overlay {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background: rgba(33, 51, 49, 0.6);
}
.modal-overlay.active {
  overflow-y: scroll;
}
.modal-overlay.active .modal {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.modal-overlay.active .modal-scroll {
  transform: translate(-50%, 0%);
  opacity: 1;
}
.modal-close {
  position: absolute;
  top: 16rem;
  right: 16rem;
  width: 16rem;
  height: 16rem;
  cursor: pointer;
  z-index: 99;
}
.modal-close::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.4s ease;
  filter: brightness(0) invert(0.5);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00055 9.41396L2.35055 15.064L0.935547 13.651L6.58555 7.99996L0.936547 2.34996L2.35055 0.93396L8.00055 6.58496L13.6505 0.93496L15.0655 2.34896L9.41555 7.99996L15.0655 13.65L13.6515 15.065L8.00055 9.41496V9.41396Z' fill='%23568783 ' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.modal-close > svg {
  width: 100%;
  height: 100%;
  transition: 0.4s ease;
  filter: brightness(0) invert(0.5);
}
.modal-close:has(svg) {
  width: 20rem;
  height: 20rem;
}
.modal-close:has(svg)::after {
  display: none;
}
@media (min-width: 801px) {
  .modal-close:hover > svg {
    filter: brightness(1) invert(0);
  }
  .modal-close:hover::after {
    filter: brightness(1) invert(0);
  }
}
.modal-container {
  background: #FFFFFF;
  flex-shrink: 0;
  width: 540rem;
  padding: 44rem 46rem 50rem;
  border-radius: 12rem;
}
.modal-container-delivery {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.modal-container .form-item {
  width: 100%;
}
.modal-subtitle {
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  margin-top: 10rem;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.modal-subtitle .mdn {
  display: inline !important;
}
.modal-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.modal-title-wrapper {
  margin-bottom: 28rem;
}
.modal-btn {
  width: 100%;
}
.modal-checkbox {
  margin-top: 20rem;
}
.modal-thank .modal-container, .modal-recovery .modal-container, .modal-success .modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-thank .modal-subtitle, .modal-recovery .modal-subtitle, .modal-success .modal-subtitle {
  margin-top: 8rem;
}
.modal-icon {
  flex-shrink: 0;
  width: 40rem;
  height: 40rem;
  margin-bottom: 14rem;
  border-radius: 1000rem;
  background-color: #568783;
}
.modal-icon::after {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' d='m16.715 26.85-5.195-5.194 1.936-1.937 3.259 3.257 9.827-9.826 1.936 1.935z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 800px) {
  .modal-scroll {
    top: 30rem;
    padding-bottom: 30rem;
  }
  .modal-close {
    top: 15rem;
    right: 15rem;
  }
  .modal-close:has(svg) {
    width: 18rem;
    height: 18rem;
  }
  .modal-container {
    width: 92vw;
    padding: 34rem 24rem;
    border-radius: 12rem;
  }
  .modal-container-buy_one_click {
    width: 90vw;
  }
  .modal-container-delivery {
    align-items: stretch;
  }
  .modal-container-delivery .modal-radio-items {
    flex-direction: column;
    gap: 3vw;
    margin-bottom: 5vw;
    width: 100%;
  }
  .modal-container-delivery .radio-item {
    padding: 4vw 5.333vw;
    width: 100% !important;
  }
  .modal-success .modal-container {
    padding: 44rem 0;
  }
  .modal-icon {
    width: 36rem;
    height: 36rem;
    margin-bottom: 20rem;
  }
  .modal-subtitle {
    width: 100%;
    margin-top: 8rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .modal-subtitle .mdn {
    display: none !important;
  }
  .modal-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .modal-title-wrapper {
    margin-bottom: 20rem;
  }
  .modal-title-wrapper:has(.modal-subtitle) .modal-title {
    margin-bottom: 8rem;
  }
  .modal-input {
    height: 14.933vw;
    padding: 0 16vw 0 6.4vw;
    font-size: 2.933vw;
    border-radius: 0;
    border: none;
  }
  .modal-input-item {
    margin-bottom: 3.733vw;
  }
  .modal-input-sup {
    margin-bottom: 1.25vw;
    margin-left: 6.4vw;
    font-size: 2.933vw;
  }
  .modal-input-rules {
    margin-top: 1.5vw;
    margin-left: 5vw;
    font-size: 3.467vw;
  }
  .modal-input-wrapper {
    overflow: hidden;
  }
  .modal-btn {
    height: 14.933vw;
  }
  .modal-btn > span {
    font-size: 3.733vw;
  }
  .modal-checkbox {
    margin-top: 3vw;
  }
  .modal-img {
    height: 36vw;
    padding: 0 10vw;
    border: 0.267vw solid #E5E5E5;
    margin-bottom: 5vw;
  }
  .modal-form-error {
    gap: 3vw;
    height: 13.867vw;
    border: 0.267vw solid #F7BCBC;
    margin-bottom: 3vw;
    font-size: 3.2vw;
  }
  .modal-form-error::before {
    width: 4.6vw;
    height: 4.6vw;
  }
  .modal-buy_one_click {
    display: flex;
    flex-direction: column;
    top: 10vw;
    padding-bottom: 10vw;
  }
  .modal-buy_one_click-card {
    display: none;
  }
  .modal-buy_one_click .modal-container {
    border-radius: 12rem;
  }
  .modal-big {
    top: 10vw;
    padding-bottom: 10vw;
  }
  .modal-chips {
    gap: 12rem;
    margin-top: 8rem;
    margin-bottom: 20rem;
  }
  .modal-chip {
    padding: 14rem 16rem;
    font-size: 12rem;
  }
  .modal-chip b, .modal-chip span {
    font-size: 16rem;
  }
  .modal .form-submit-text {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.breadcrumbs {
  position: absolute;
  top: 100rem;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 24rem 0;
}
.breadcrumbs-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 5rem;
}
.breadcrumbs.left .breadcrumbs-container {
  justify-content: start;
}
.breadcrumbs-item {
  flex-shrink: 0;
  cursor: pointer;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.breadcrumbs-item:first-child {
  display: flex;
  align-items: center;
}
.breadcrumbs-item:first-child::before {
  transition: 0.3s ease;
  filter: brightness(0) invert(1);
  display: block;
  content: "";
  margin-right: 12rem;
  width: 12rem;
  height: 12rem;
  flex-shrink: 0;
  opacity: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23568783' d='M11.798 5.099 6.414.163a.61.61 0 0 0-.83 0L.202 5.099a.62.62 0 0 0 .415 1.078h.86v4.945c0 .196.157.356.354.356h2.95a.355.355 0 0 0 .355-.356V8.12h1.734v3.002c0 .196.157.356.354.356h2.949a.355.355 0 0 0 .353-.356V6.177h.86c.256 0 .481-.156.575-.397a.625.625 0 0 0-.162-.681'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.breadcrumbs-item a {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  transition: 0.3s ease;
}
.breadcrumbs-item a::after {
  flex-shrink: 0;
  display: block;
  content: "";
  margin-left: 5rem;
  opacity: 1;
  width: 16rem;
  height: 16rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='1.333' d='m6 4 4 4-4 4'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 801px) {
  .breadcrumbs-item:hover:first-child::before {
    filter: brightness(1) invert(0);
  }
  .breadcrumbs-item:hover > a {
    color: #568783;
  }
}
.breadcrumbs-item.active {
  color: #FFFFFF;
  opacity: 0.7;
  pointer-events: none;
}
.breadcrumbs.dark .breadcrumbs-item:first-child::before {
  filter: brightness(0.3);
}
.breadcrumbs.dark .breadcrumbs-item > a {
  color: rgba(0, 0, 0, 0.7);
}
.breadcrumbs.dark .breadcrumbs-item > a::after {
  display: block;
  content: "";
  margin-left: 5rem;
  opacity: 1;
  width: 16rem;
  height: 16rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23465272' stroke-width='1.333' d='m6 4 4 4-4 4'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 801px) {
  .breadcrumbs.dark .breadcrumbs-item:hover:first-child::before {
    filter: brightness(1);
  }
  .breadcrumbs.dark .breadcrumbs-item:hover > a {
    color: #568783;
  }
}
.breadcrumbs.dark .breadcrumbs-item.active {
  color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 800px) {
  .breadcrumbs {
    top: 71rem;
    padding: 0;
  }
  .breadcrumbs > .container {
    display: flex;
    justify-content: center;
  }
  .breadcrumbs.left .container {
    justify-content: start;
  }
  .breadcrumbs-container {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 14rem 0 7rem;
    margin-bottom: 7rem;
    gap: 5rem;
    width: fit-content;
    margin-right: -5vw;
    padding-right: 5vw;
  }
  .breadcrumbs-item {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .breadcrumbs-item a::after {
    margin-left: 5rem;
    width: 14rem;
    height: 14rem;
  }
  .breadcrumbs-item a::before {
    width: 11rem;
    height: 11rem;
  }
  .breadcrumbs-item:first-child {
    display: flex;
    align-items: center;
  }
  .breadcrumbs-container::-webkit-scrollbar {
    height: 4rem;
  }
}
.page-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 44px;
}
.page-pagination.start {
  justify-content: start;
}
.page-pagination.cube li {
  border-radius: 8rem;
}
.page-numbers {
  display: flex;
  gap: 14rem;
}
.page-numbers li {
  transition: 0.3s ease;
  width: 40rem;
  height: 40rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F1F6F3;
  border-radius: 1000rem;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.page-numbers li:has(.dots) {
  background-color: transparent;
  pointer-events: none;
  width: fit-content;
  margin: 0 2rem;
}
.page-numbers li:has(.current) {
  background-color: #568783;
  pointer-events: none;
}
@media (min-width: 801px) {
  .page-numbers li:hover {
    background-color: #47706d;
  }
}
.page-numbers li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.page-numbers li .next::after, .page-numbers li .prev::after {
  display: block;
  content: "";
  width: 17rem;
  height: 17rem;
  transform: translateX(1rem);
  filter: brightness(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23465272' stroke-width='1.333' d='m6 4 4 4-4 4'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-numbers li .prev::after {
  transform: translateX(-1rem) scaleX(-1);
}

@media (max-width: 800px) {
  .page-numbers li {
    width: 36rem;
    height: 36rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .page-numbers li .next::after, .page-numbers li .prev::after {
    width: 14rem;
    height: 14rem;
  }
}
.tabs_content {
  display: none !important;
}
.tabs_content.active {
  display: flex !important;
}
.tabs_btn {
  cursor: pointer;
}
.tabs_btn.active {
  pointer-events: none;
}

.tabs_wrapper.style .tabs_btns {
  display: flex;
  border-bottom: 1rem solid #E3F5EA;
  margin-bottom: 34rem;
  gap: 50rem;
  overflow: auto;
}
.tabs_wrapper.style .tabs_btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  text-align: center;
  position: relative;
  height: 76rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  transition: 0.3s ease;
  border-bottom: 2rem solid transparent;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .tabs_wrapper.style .tabs_btn:hover {
    color: #568783;
  }
}
.tabs_wrapper.style .tabs_btn.active {
  color: #568783;
  pointer-events: none;
  border-color: #568783;
}

@media (max-width: 800px) {
  .tabs_wrapper.style .tabs_btns {
    gap: 36rem;
    margin-bottom: 20rem;
  }
  .tabs_wrapper.style .tabs_btn {
    height: 57rem;
    font-size: 16rem;
    line-height: 1.4;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.news_card {
  display: block;
  width: 486.67rem;
}
.news_card-img {
  width: 100%;
  height: 270rem;
  overflow: hidden;
  margin-bottom: 16rem;
  border-radius: 12rem;
}
.news_card-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_card-info {
  display: flex;
  align-items: center;
  margin-bottom: 14rem;
  color: rgba(0, 0, 0, 0.7);
  gap: 12rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.news_card-info-author {
  display: flex;
  align-items: center;
  gap: 14rem;
}
.news_card-info-author-photo {
  width: 26rem;
  height: 26rem;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.news_card-info-author-photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_card-info-date {
  display: flex;
  gap: 12rem;
  align-items: center;
}
.news_card-info-date::before {
  display: block;
  content: "";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #939AAD;
}
.news_card-main {
  transition: 0.3s ease;
  margin-bottom: 5rem;
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.6;
}
.news_card-sub {
  color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 17rem;
}
@media (min-width: 801px) {
  .news_card:hover {
    color: #568783;
  }
}

@media (max-width: 800px) {
  .news_card {
    width: 90vw;
  }
  .news_card-img {
    height: 186rem;
    margin-bottom: 15rem;
  }
  .news_card-info {
    margin-bottom: 10rem;
    gap: 10rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .news_card-info-author {
    gap: 10rem;
  }
  .news_card-info-author-photo {
    width: 22rem;
    height: 22rem;
  }
  .news_card-info-date {
    gap: 10rem;
  }
  .news_card-info-date::before {
    width: 3rem;
    height: 3rem;
  }
  .news_card-main {
    margin-bottom: 7rem;
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.6;
  }
  .news_card-sub {
    -webkit-line-clamp: 3;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.review-star {
  display: block;
  flex-shrink: 0;
  width: 28rem;
  height: 28rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23E6E9ED' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.review-star input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.review-star:has(input[type=radio]:checked) {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23FFD147' /%3E%3C/svg%3E");
}
.review-stars {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.review-stars:has(.review-star-2 input[type=radio]:checked) .review-star:nth-child(-n+2) {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23FFD147' /%3E%3C/svg%3E");
}
.review-stars:has(.review-star-3 input[type=radio]:checked) .review-star:nth-child(-n+3) {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23FFD147' /%3E%3C/svg%3E");
}
.review-stars:has(.review-star-4 input[type=radio]:checked) .review-star:nth-child(-n+4) {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23FFD147' /%3E%3C/svg%3E");
}
.review-stars:has(.review-star-5 input[type=radio]:checked) .review-star:nth-child(-n+5) {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7483 1.75692C10.4683 0.895806 9.25056 0.895806 8.97056 1.75692L7.33611 6.78803H2.04722C1.14056 6.78803 0.763891 7.94692 1.49611 8.47914L5.77611 11.588L4.14167 16.6191C3.86167 17.4803 4.84722 18.1969 5.58056 17.6636L9.85833 14.5547L14.1372 17.6636C14.8706 18.1969 15.8561 17.4803 15.5761 16.6191L13.9428 11.588L18.2206 8.47914C18.9539 7.94581 18.5772 6.78803 17.6717 6.78803H12.3828L10.7483 1.75692Z' fill='%23FFD147' /%3E%3C/svg%3E");
}
.review-stars-line {
  color: rgba(0, 0, 0, 0.7);
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.review-stars-text {
  display: none;
  color: rgba(0, 0, 0, 0.7);
  width: 103rem;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.review-stars-text:first-child {
  display: block;
}
.review-stars-text::after {
  content: attr(data-text);
}
.review-stars-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14rem;
}
.review-stars-wrapper:has(.review-star-0 input[type=radio]:checked) .review-stars-text:nth-child(1) {
  display: block;
}
.review-stars-wrapper:has(.review-star-0 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}
.review-stars-wrapper:has(.review-star-1 input[type=radio]:checked) .review-stars-text:nth-child(2) {
  display: block;
}
.review-stars-wrapper:has(.review-star-1 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}
.review-stars-wrapper:has(.review-star-2 input[type=radio]:checked) .review-stars-text:nth-child(3) {
  display: block;
}
.review-stars-wrapper:has(.review-star-2 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}
.review-stars-wrapper:has(.review-star-3 input[type=radio]:checked) .review-stars-text:nth-child(4) {
  display: block;
}
.review-stars-wrapper:has(.review-star-3 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}
.review-stars-wrapper:has(.review-star-4 input[type=radio]:checked) .review-stars-text:nth-child(5) {
  display: block;
}
.review-stars-wrapper:has(.review-star-4 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}
.review-stars-wrapper:has(.review-star-5 input[type=radio]:checked) .review-stars-text:nth-child(6) {
  display: block;
}
.review-stars-wrapper:has(.review-star-5 input[type=radio]:checked) .review-stars-text:first-child {
  display: none !important;
}

.form-item:has(.review-stars-wrapper) .input-clear {
  display: none;
}

@media (max-width: 600px) {
  .review-star {
    width: 20rem;
    height: 20rem;
  }
  .review-stars {
    gap: 5rem;
  }
  .review-stars-line {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .review-stars-text {
    width: 85rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .review-stars-wrapper {
    gap: 11rem;
  }
}
.rating_stars {
  display: block;
  position: relative;
  width: 88rem;
  flex-shrink: 0;
  flex-grow: 0;
  height: 16rem;
  background: #cfcfcf;
}
.rating_stars_bg {
  position: absolute;
  top: -1rem;
  left: -1rem;
  height: calc(100% + 2rem);
  width: calc(100% + 2rem);
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 90 18'%3E%3Cpath fill='%23F7F7F7' d='M90 18H0V0h90v18ZM7.128 6.753l-4.793.406 3.64 3.154-1.094 4.686L9 12.513l4.12 2.486-1.093-4.687 3.64-3.153-4.793-.406-1.874-4.42-1.873 4.42Zm17.999 0-4.794.406 3.64 3.154-1.093 4.686L27 12.513l4.12 2.486-1.094-4.687 3.641-3.153-4.794-.406L27 2.333l-1.873 4.42Zm18 0-4.794.406 3.64 3.154-1.093 4.686L45 12.513l4.12 2.486-1.094-4.687 3.641-3.153-4.794-.406L45 2.333l-1.873 4.42Zm18 0-4.794.406 3.64 3.154-1.093 4.686L63 12.513l4.12 2.486-1.094-4.687 3.641-3.153-4.794-.406L63 2.333l-1.873 4.42Zm18 0-4.794.406 3.64 3.154-1.093 4.686L81 12.513l4.12 2.486-1.094-4.687 3.641-3.153-4.794-.406L81 2.333l-1.873 4.42Z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.rating_stars_main {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  background: #FEBE51;
}

.ccbg-inner:has(.ccbg-details-wrapper.is-open) {
  pointer-events: none;
}
.ccbg-banner {
  position: fixed;
  z-index: 103;
}
.ccbg-banner-background::before {
  content: "";
  z-index: 103;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(33, 51, 49, 0.6);
  opacity: 0;
  pointer-events: none;
  transition-delay: 0.2s;
}
.ccbg-banner-background:has(.ccbg-banner.is-open)::before {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
.ccbg-banner-background:has(.size-l .ccbg-details-wrapper.is-open)::before {
  opacity: 1;
  pointer-events: auto;
}
.ccbg-banner-background:has(.ccbg-details-wrapper.is-open)::before {
  pointer-events: none;
  opacity: 0;
}
.ccbg-banner:has(.ccbg-details-wrapper.is-open) {
  z-index: 104;
}
.ccbg-banner:has(.ccbg-details-wrapper.is-open) .ccbg-row {
  position: relative;
  z-index: -1;
}
.ccbg-banner a {
  color: #568783;
}
.ccbg-banner.theme-light.size-s .ccbg-row, .ccbg-banner.theme-light.size-m .ccbg-row {
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15);
}
.ccbg-banner.theme-light.size-l {
  background: #FFFFFF;
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15);
}
.ccbg-banner.theme-light.size-l .ccbg-cat-header {
  background: #F1F6F3;
}
.ccbg-banner.theme-light .ccbg {
  background: #FFFFFF;
}
.ccbg-banner.theme-light .ccbg-row {
  background: #FFFFFF;
}
.ccbg-banner.theme-light .ccbg-details {
  background: #FFFFFF;
}
.ccbg-banner.theme-light .ccbg-details-content::-webkit-scrollbar-thumb {
  background: #E6EFEA;
}
.ccbg-banner.theme-light .ccbg-details-content::-webkit-scrollbar-track {
  background: #F1F6F3;
}
.ccbg-banner.theme-gray.size-l {
  background: #F1F6F3;
}
.ccbg-banner.theme-gray.size-l .ccbg-cat-header {
  background: #FFFFFF;
}
.ccbg-banner.theme-gray .ccbg-row {
  background: #F1F6F3;
}
.ccbg-banner.theme-gray .ccbg-details {
  background: #F1F6F3;
}
.ccbg-banner.theme-gray .ccbg-details-content::-webkit-scrollbar-thumb {
  background: #E6EFEA;
}
.ccbg-banner.theme-gray .ccbg-details-content::-webkit-scrollbar-track {
  background: #FFFFFF;
}
@media (min-width: 801px) {
  .ccbg-banner.theme-gray.size-xl .btn-gray-border:hover, .ccbg-banner.theme-gray.size-xl .ccbg-settings-xl:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
  }
}
.ccbg-banner.theme-dark.size-s .ccbg-row, .ccbg-banner.theme-dark.size-m .ccbg-row {
  box-shadow: 0 4px 50px 0 rgba(255, 255, 255, 0.08);
}
.ccbg-banner.theme-dark.size-l {
  background: #222222;
  box-shadow: 0 4px 50px 0 rgba(255, 255, 255, 0.08);
}
.ccbg-banner.theme-dark.size-l .ccbg-cat-header {
  background: #000000;
}
.ccbg-banner.theme-dark.size-xl .btn-gray-border, .ccbg-banner.theme-dark.size-xl .ccbg-settings-xl {
  color: #FFFFFF;
}
.ccbg-banner.theme-dark.size-xl .btn-gray-border svg, .ccbg-banner.theme-dark.size-xl .ccbg-settings-xl svg {
  stroke: #FFFFFF;
}
@media (min-width: 801px) {
  .ccbg-banner.theme-dark.size-xl .btn-gray-border:hover, .ccbg-banner.theme-dark.size-xl .ccbg-settings-xl:hover {
    background: none;
  }
}
.ccbg-banner.theme-dark .ccbg-col path {
  fill: #FFFFFF;
}
.ccbg-banner.theme-dark .ccbg-desc {
  color: rgba(255, 255, 255, 0.8);
}
.ccbg-banner.theme-dark .ccbg-desc a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}
.ccbg-banner.theme-dark .ccbg-desc b {
  color: #FFFFFF;
}
.ccbg-banner.theme-dark .ccbg-row {
  color: #FFFFFF;
  background: #222222;
}
.ccbg-banner.theme-dark .ccbg-details {
  background: #222222;
}
.ccbg-banner.theme-dark .ccbg-details-content::-webkit-scrollbar-thumb {
  background: #000000;
}
.ccbg-banner.theme-dark .ccbg-details-content::-webkit-scrollbar-track {
  background: #333333;
}
.ccbg-banner.theme-dark .ccbg-details-title {
  color: #FFFFFF;
}
.ccbg-banner.theme-dark .ccbg-details-text {
  color: rgba(255, 255, 255, 0.8);
}
.ccbg-banner.theme-dark .ccbg-details-text a {
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 3rem;
}
.ccbg-banner.theme-dark .ccbg-details-close {
  filter: brightness(0) invert(100%);
}
.ccbg-banner.theme-dark .ccbg-settings-s {
  border-color: #FFFFFF !important;
  background: unset !important;
}
.ccbg-banner.theme-dark .ccbg-settings-s > svg {
  fill: #FFFFFF !important;
}
.ccbg-banner.theme-dark .ccbg-settings-m .ccbg-settings {
  color: #FFFFFF !important;
  text-decoration: underline;
  text-underline-offset: 3rem;
}
.ccbg-banner.theme-dark .ccbg-settings-l {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}
.ccbg-banner.theme-dark .ccbg-settings-back {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}
.ccbg-banner.theme-dark .ccbg-cat-header {
  color: #FFFFFF;
}
.ccbg-banner.theme-dark .ccbg-cat-desc {
  color: rgba(255, 255, 255, 0.8);
}
.ccbg-banner.theme-dark .btn-main {
  color: rgba(0, 0, 0, 0.7);
  background: #FFFFFF;
  font-weight: 700;
}
.ccbg-banner.theme-dark .btn-main-border {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background: unset !important;
}
.ccbg-banner.theme-dark .switcher_input-item {
  background: #333333;
}
.ccbg-banner.theme-dark .switcher_input-item::after {
  background: #000000;
}
.ccbg-banner.theme-dark .switcher_input:has(input:checked) .switcher_input-item::after {
  background: #FFFFFF;
}
.ccbg-banner.size-s .ccbg-title-wrapper {
  flex-direction: column;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 15rem;
  line-height: 1.4;
}
.ccbg-banner.size-s .ccbg-title-icon {
  display: block;
}
.ccbg-banner.size-s .ccbg-row {
  position: relative;
  padding: 16rem 30rem;
  display: flex;
  align-items: center;
  gap: 26rem;
  border-radius: 1000rem;
}
.ccbg-banner.size-s .ccbg-actions {
  gap: 12rem;
}
.ccbg-banner.size-s .ccbg-settings-s {
  width: 52rem;
  height: 52rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2rem solid #568783;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 1000rem;
}
.ccbg-banner.size-s .ccbg-settings-s > svg {
  transition: 0.3s ease;
  width: 15rem;
  height: 15rem;
  flex-shrink: 0;
  fill: #568783;
}
@media (min-width: 801px) {
  .ccbg-banner.size-s .ccbg-settings-s:hover {
    background: #568783;
  }
  .ccbg-banner.size-s .ccbg-settings-s:hover > svg {
    fill: #FFFFFF;
  }
}
.ccbg-banner.size-m .ccbg-title {
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.ccbg-banner.size-m .ccbg-title-wrapper {
  flex-direction: column;
  gap: 5rem;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 15rem;
  line-height: 1.4;
}
.ccbg-banner.size-m .ccbg-title-icon {
  display: block;
}
.ccbg-banner.size-m .ccbg-row {
  position: relative;
  padding: 30rem 34rem;
  display: flex;
  align-items: center;
  gap: 40rem;
  border-radius: 12rem;
}
.ccbg-banner.size-m .ccbg-actions {
  flex-direction: column;
  align-items: flex-start;
  gap: 8rem;
}
.ccbg-banner.size-m .ccbg-settings-m {
  display: block;
  cursor: pointer;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 14rem;
}
.ccbg-banner.size-m .ccbg-settings-m .ccbg-settings {
  color: #568783;
}
.ccbg-banner.size-l {
  width: 500rem;
  padding: 24rem 32rem 28rem;
  border-radius: 12rem;
}
.ccbg-banner.size-l:has(.ccbg-details-wrapper.is-open).align-center {
  transform: translateX(-50%);
}
.ccbg-banner.size-l:has(.ccbg-details-wrapper.is-open) .ccbg-actions {
  display: none;
}
.ccbg-banner.size-l .ccbg-inner:has(.ccbg-details-wrapper.is-open) {
  pointer-events: auto !important;
}
.ccbg-banner.size-l .ccbg-title {
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ccbg-banner.size-l .ccbg-title-wrapper {
  flex-direction: column;
  gap: 5rem;
  margin-bottom: 24rem;
}
.ccbg-banner.size-l .ccbg-desc {
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
  line-height: 1.6;
}
.ccbg-banner.size-l .ccbg-row {
  display: flex;
  flex-direction: column;
  opacity: 1 !important;
  z-index: 1 !important;
}
.ccbg-banner.size-l .ccbg-details {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  position: static;
  transform: none;
  padding: 0;
  width: auto;
  overflow: unset;
}
.ccbg-banner.size-l .ccbg-details-close {
  display: none;
}
.ccbg-banner.size-l .ccbg-details-content {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  max-height: 55vh;
  padding: 0 15rem 0 0;
  margin-right: -15rem;
}
.ccbg-banner.size-l .ccbg-details-content::-webkit-scrollbar-thumb {
  border-radius: 12rem;
}
.ccbg-banner.size-l .ccbg-details-content::-webkit-scrollbar-track {
  border-radius: 12rem;
}
.ccbg-banner.size-l .ccbg-details-title {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.ccbg-banner.size-l .ccbg-details-wrapper.is-open {
  position: static;
  background: unset;
}
.ccbg-banner.size-l .ccbg-actions-row {
  padding: 0;
}
.ccbg-banner.size-l .ccbg-actions-row .ccbg-save {
  width: fit-content;
  height: 52rem;
  padding: 0 26rem;
  font-size: 13.5rem;
  border-radius: 8rem;
  gap: 10rem;
}
.ccbg-banner.size-l .ccbg-actions-row .ccbg-save .btn-icon {
  width: 15rem;
  height: 15rem;
}
.ccbg-banner.size-l .ccbg-actions-row .ccbg-save.btn-load > span {
  gap: 10rem;
}
.ccbg-banner.size-l .ccbg-actions-row .ccbg-save.btn-load > span::after {
  width: 15rem;
  height: 15rem;
}
.ccbg-banner.size-l .ccbg-actions-row .ccbg-back {
  display: flex;
}
.ccbg-banner.size-l .ccbg-settings-l {
  display: flex;
  align-items: center;
  gap: 5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
  stroke: rgba(0, 0, 0, 0.7);
  transition: 0.3s ease;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 13.5rem;
  line-height: 1.6;
  cursor: pointer;
}
.ccbg-banner.size-l .ccbg-settings-icon {
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}
@media (min-width: 801px) {
  .ccbg-banner.size-l .ccbg-settings:hover {
    color: #568783;
    stroke: #568783;
  }
}
.ccbg-banner.size-l .ccbg-settings-back {
  display: flex;
  align-items: center;
  gap: 5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
  stroke: rgba(0, 0, 0, 0.7);
  transition: 0.3s ease;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 13.5rem;
  line-height: 1.6;
  cursor: pointer;
}
.ccbg-banner.size-l .ccbg-settings-back-icon {
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}
@media (min-width: 801px) {
  .ccbg-banner.size-l .ccbg-settings-back:hover {
    color: #568783;
    stroke: #568783;
  }
}
.ccbg-banner.size-l .ccbg-cats {
  gap: 20rem;
}
.ccbg-banner.size-l .ccbg-cat {
  gap: 8rem;
}
.ccbg-banner.size-l .ccbg-cat-header {
  padding: 14rem 24rem;
  border-radius: 1000rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ccbg-banner.size-l .ccbg-cat-header-main {
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
}
.ccbg-banner.size-l .ccbg-cat-desc {
  padding: 0 20rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ccbg-banner.size-xl .ccbg-title {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ccbg-banner.size-xl .ccbg-title-wrapper {
  flex-direction: column;
  gap: 4rem;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 16rem;
  line-height: 1.6;
}
.ccbg-banner.size-xl .ccbg-row {
  padding: 32rem 34rem;
  display: flex;
  flex-direction: column;
  gap: 26rem;
  border-radius: 12rem;
}
.ccbg-banner.size-xl .ccbg-details-wrapper.is-open {
  z-index: 105;
}
.ccbg-banner.size-xl .ccbg-actions {
  justify-content: start;
  gap: 12rem;
}
.ccbg-banner.size-xl .ccbg-settings-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52rem;
  transition: 0.3s ease;
  padding: 0 36rem;
  border: 1rem solid #E5E5E5;
  cursor: pointer;
  border-radius: 1000rem;
}
.ccbg-banner.size-xl .ccbg-settings-icon {
  width: 18rem;
  height: 18rem;
  flex-shrink: 0;
  stroke: #000000;
}
@media (min-width: 801px) {
  .ccbg-banner.size-xl .ccbg-settings:hover {
    background: #F2F6FA;
    border-color: #F2F6FA;
  }
}
.ccbg-banner.size-xl .btn-main {
  min-width: 140rem;
}
.ccbg-banner.size-xl .btn-gray-border {
  min-width: 150rem;
}
.ccbg-banner.align-left {
  left: 30rem;
}
.ccbg-banner.align-center {
  left: 50%;
  transform: translateX(-50%);
}
.ccbg-banner.align-center:has(.ccbg-details-wrapper.is-open) {
  transform: unset;
}
.ccbg-banner.align-center:has(.ccbg-details-wrapper.is-open) .ccbg-row {
  opacity: 0;
}
.ccbg-banner.align-center.pos-center {
  transform: translate(-50%, -50%) !important;
}
.ccbg-banner.align-center.pos-center:has(.ccbg-details-wrapper.is-open) {
  transform: unset !important;
}
.ccbg-banner.align-center.pos-center:has(.ccbg-details-wrapper.is-open) .ccbg-row {
  opacity: 0;
}
.ccbg-banner.align-right {
  right: 30rem;
}
.ccbg-banner.pos-bottom {
  bottom: 30rem;
}
.ccbg-banner.pos-top {
  top: 30rem;
}
.ccbg-banner.pos-center {
  top: 50%;
  transform: translateY(-50%);
}
.ccbg-banner.pos-center:has(.ccbg-details-wrapper.is-open) {
  transform: unset;
}
.ccbg-banner.pos-center:has(.ccbg-details-wrapper.is-open) .ccbg-row {
  opacity: 0;
}
.ccbg-col {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.ccbg-col path {
  fill: #568783;
}
.ccbg-title-wrapper {
  display: flex;
}
.ccbg-title-icon {
  display: none;
  width: 34rem;
  height: 34rem;
  flex-shrink: 0;
}
.ccbg-title-icon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ccbg-desc {
  color: rgba(0, 0, 0, 0.7);
}
.ccbg-desc b {
  color: #000000;
}
.ccbg-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ccbg-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ccbg-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rem 50rem 40rem;
}
.ccbg-actions-row .ccbg-save {
  width: 100%;
}
.ccbg-actions-row .ccbg-back {
  display: none;
}
.ccbg-main-btns {
  display: flex;
  gap: 12rem;
  align-items: center;
}
.ccbg-details {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 50rem;
  border-radius: 12rem;
  z-index: 1;
  width: 820rem;
}
.ccbg-details-content {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  padding: 0 50rem;
  overflow: auto;
  max-height: 63vh;
}
.ccbg-details-close {
  filter: brightness(0.2);
  stroke: #568783;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ccbg-details-wrapper {
  display: none;
}
.ccbg-details-wrapper.is-open {
  display: block;
  position: fixed;
  content: "";
  z-index: 104;
  pointer-events: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(33, 51, 49, 0.6);
}
.ccbg-details-title {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.ccbg-details-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.ccbg-details-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
.ccbg-settings-l, .ccbg-settings-m, .ccbg-settings-s {
  display: none;
}
.ccbg-cats {
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
.ccbg-cat {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.ccbg-cat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16rem;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ccbg-cat-header-main {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
  gap: 14rem;
}
.ccbg-cat-desc {
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

@media (max-width: 800px) {
  .ccbg-banner.theme-light.size-s .ccbg-row:has(.ccbg-decline) .ccbg-col-main, .ccbg-banner.theme-light.size-s .ccbg-row:has(.ccbg-decline) .ccbg-actions {
    background: #FFFFFF;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.15);
  }
  .ccbg-banner.theme-gray.size-s .ccbg-row:has(.ccbg-decline) .ccbg-col-main, .ccbg-banner.theme-gray.size-s .ccbg-row:has(.ccbg-decline) .ccbg-actions {
    background: #F1F6F3;
  }
  .ccbg-banner.theme-dark.size-s .ccbg-row:has(.ccbg-decline) .ccbg-col-main, .ccbg-banner.theme-dark.size-s .ccbg-row:has(.ccbg-decline) .ccbg-actions {
    background: #222222;
    box-shadow: 0 4px 50px 0 rgba(255, 255, 255, 0.08);
  }
  .ccbg-banner.theme-dark .ccbg-col path {
    fill: #FFFFFF;
  }
  .ccbg-banner.theme-dark .ccbg-desc {
    color: rgba(255, 255, 255, 0.8);
  }
  .ccbg-banner.theme-dark .ccbg-desc a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
  }
  .ccbg-banner.theme-dark .ccbg-desc b {
    color: #FFFFFF;
  }
  .ccbg-banner.theme-dark .ccbg-row {
    color: #FFFFFF;
    background: #222222;
  }
  .ccbg-banner.theme-dark .ccbg-details {
    background: #222222;
  }
  .ccbg-banner.theme-dark .ccbg-details-content::-webkit-scrollbar-thumb {
    background: #000000;
  }
  .ccbg-banner.theme-dark .ccbg-details-content::-webkit-scrollbar-track {
    background: #333333;
  }
  .ccbg-banner.theme-dark .ccbg-details-title {
    color: #FFFFFF;
  }
  .ccbg-banner.theme-dark .ccbg-details-text {
    color: rgba(255, 255, 255, 0.8);
  }
  .ccbg-banner.theme-dark .ccbg-details-close {
    filter: brightness(0) invert(100%);
  }
  .ccbg-banner.theme-dark .ccbg-settings-s {
    border-color: #FFFFFF !important;
    background: unset !important;
  }
  .ccbg-banner.theme-dark .ccbg-settings-s > svg {
    fill: #FFFFFF !important;
  }
  .ccbg-banner.theme-dark .ccbg-settings-m .ccbg-settings {
    color: #FFFFFF !important;
    text-decoration: underline;
    text-underline-offset: 3rem;
  }
  .ccbg-banner.theme-dark .ccbg-settings-l {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }
  .ccbg-banner.theme-dark .ccbg-settings-back {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
  }
  .ccbg-banner.theme-dark .ccbg-cat-header {
    color: #FFFFFF;
  }
  .ccbg-banner.theme-dark .ccbg-cat-desc {
    color: rgba(255, 255, 255, 0.8);
  }
  .ccbg-banner.theme-dark .btn-main {
    color: rgba(0, 0, 0, 0.7);
    background: #FFFFFF;
    font-weight: 700;
  }
  .ccbg-banner.theme-dark .btn-main-border {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background: unset !important;
  }
  .ccbg-banner.theme-dark .switcher_input-item {
    background: #333333;
  }
  .ccbg-banner.theme-dark .switcher_input-item::after {
    background: #000000;
  }
  .ccbg-banner.theme-dark .switcher_input:has(input:checked) .switcher_input-item::after {
    background: #FFFFFF;
  }
  .ccbg-banner.size-s {
    margin: 5vw;
    width: 90vw;
  }
  .ccbg-banner.size-s .ccbg-title-wrapper {
    font-size: 13rem;
  }
  .ccbg-banner.size-s .ccbg-row {
    padding: 16rem 20rem;
    gap: 16rem;
    justify-content: space-between;
  }
  .ccbg-banner.size-s .ccbg-row .btn-xs {
    height: 46rem;
    padding: 0 22rem;
    padding: 0 10rem;
    font-size: 12rem;
    border-radius: 8rem;
    gap: 10rem;
    font-weight: 500;
  }
  .ccbg-banner.size-s .ccbg-row .btn-xs .btn-icon {
    width: 15rem;
    height: 15rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) {
    flex-direction: column;
    box-shadow: none;
    background: unset;
    padding: 0;
    gap: 6rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-col {
    gap: 8rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-col-main {
    padding: 12rem 22rem;
    border-radius: 1000rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-title-wrapper {
    display: inline;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-title-icon {
    width: 20rem;
    height: 20rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-actions {
    width: 100%;
    padding: 16rem;
    border-radius: 1000rem;
  }
  .ccbg-banner.size-s .ccbg-row:has(.ccbg-decline) .ccbg-main-btns {
    flex-grow: 1;
    gap: 10rem;
  }
  .ccbg-banner.size-s .ccbg-actions {
    gap: 10rem;
  }
  .ccbg-banner.size-s .ccbg-settings-s {
    width: 46rem;
    height: 46rem;
  }
  .ccbg-banner.size-m .ccbg-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .ccbg-banner.size-m .ccbg-title-wrapper {
    flex-direction: column;
    font-size: 13rem;
    line-height: 1.8;
    gap: 3rem;
  }
  .ccbg-banner.size-m .ccbg-title-wrapper br {
    display: none;
  }
  .ccbg-banner.size-m .ccbg-title-icon {
    display: none;
  }
  .ccbg-banner.size-m .ccbg-row {
    text-align: center;
    padding: 30rem 34rem 34rem;
    flex-direction: column;
    gap: 20rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ccbg-banner.size-m .ccbg-actions {
    width: 100%;
    align-items: center;
    gap: 16rem;
  }
  .ccbg-banner.size-m .ccbg-settings-m {
    font-size: 13rem;
    line-height: 1.8;
  }
  .ccbg-banner.size-m .ccbg-main-btns {
    width: 100%;
  }
  .ccbg-banner.size-m .ccbg-main-btns .btn-xs {
    height: 46rem;
    padding: 0 22rem;
    padding: 0 10rem;
    font-size: 12rem;
    border-radius: 8rem;
    gap: 10rem;
    font-weight: 500;
    font-weight: 700;
  }
  .ccbg-banner.size-m .ccbg-main-btns .btn-xs .btn-icon {
    width: 15rem;
    height: 15rem;
  }
  .ccbg-banner.size-l {
    margin: 5vw;
    width: auto;
    padding: 24rem 30rem 28rem;
  }
  .ccbg-banner.size-l:has(.ccbg-details-wrapper.is-open).align-center {
    transform: unset;
  }
  .ccbg-banner.size-l .ccbg-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .ccbg-banner.size-l .ccbg-title-wrapper {
    text-align: center;
    align-items: center;
    gap: 8rem;
    margin-bottom: 24rem;
  }
  .ccbg-banner.size-l .ccbg-desc {
    font-size: 13rem;
    line-height: 1.6;
  }
  .ccbg-banner.size-l .ccbg-details-content {
    max-height: 39vh;
    padding: 0 9rem 0 0;
  }
  .ccbg-banner.size-l .ccbg-details-title {
    font-size: 18rem;
  }
  .ccbg-banner.size-l .ccbg-actions {
    flex-direction: column;
    gap: 18rem;
  }
  .ccbg-banner.size-l .ccbg-actions-row {
    padding: 0;
    flex-direction: column;
    gap: 18rem;
  }
  .ccbg-banner.size-l .ccbg-actions-row .ccbg-save {
    width: 100%;
    height: 46rem;
    padding: 0 22rem;
    font-size: 12rem;
    border-radius: 8rem;
    gap: 10rem;
  }
  .ccbg-banner.size-l .ccbg-actions-row .ccbg-save .btn-icon {
    width: 15rem;
    height: 15rem;
  }
  .ccbg-banner.size-l .ccbg-settings-l {
    font-size: 12rem;
  }
  .ccbg-banner.size-l .ccbg-settings-icon {
    width: 16rem;
    height: 16rem;
  }
  .ccbg-banner.size-l .ccbg-settings-back {
    font-size: 12rem;
  }
  .ccbg-banner.size-l .ccbg-settings-back-icon {
    width: 16rem;
    height: 16rem;
  }
  .ccbg-banner.size-l .ccbg-cats {
    gap: 20rem;
  }
  .ccbg-banner.size-l .ccbg-cat {
    gap: 8rem;
  }
  .ccbg-banner.size-l .ccbg-cat-header {
    padding: 14rem 22rem;
    border-radius: 31rem;
    font-size: 12rem;
    line-height: 1.4;
  }
  .ccbg-banner.size-l .ccbg-cat-desc {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .ccbg-banner.size-l .ccbg-main-btns {
    width: 100%;
  }
  .ccbg-banner.size-l .ccbg-main-btns .btn-xs {
    height: 46rem;
    padding: 0 22rem;
    padding: 0 10rem;
    font-size: 12rem;
    border-radius: 8rem;
    gap: 10rem;
    font-weight: 500;
    font-weight: 700;
  }
  .ccbg-banner.size-l .ccbg-main-btns .btn-xs .btn-icon {
    width: 15rem;
    height: 15rem;
  }
  .ccbg-banner.size-xl {
    margin: 5vw;
    width: 90vw;
  }
  .ccbg-banner.size-xl .ccbg-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .ccbg-banner.size-xl .ccbg-title-wrapper {
    text-align: center;
    gap: 6rem;
    font-size: 18rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    font-size: 13rem;
  }
  .ccbg-banner.size-xl .ccbg-row {
    padding: 24rem 30rem 28rem;
    gap: 24rem;
  }
  .ccbg-banner.size-xl .ccbg-actions {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12rem;
  }
  .ccbg-banner.size-xl .ccbg-actions > * {
    flex: 1 1 40%;
  }
  .ccbg-banner.size-xl .ccbg-settings-xl {
    height: 46rem;
    padding: 0 36rem;
  }
  .ccbg-banner.size-xl .ccbg-settings-icon {
    width: 16rem;
    height: 16rem;
  }
  .ccbg-banner.size-xl .btn-main {
    min-width: 100%;
    height: 46rem;
    font-size: 12rem;
  }
  .ccbg-banner.size-xl .btn-gray-border {
    height: 46rem;
    min-width: unset;
    font-size: 12rem;
  }
  .ccbg-banner.align-left {
    left: 0;
  }
  .ccbg-banner.align-center {
    left: 0;
    transform: unset;
  }
  .ccbg-banner.align-center:has(.ccbg-details-wrapper.is-open) {
    transform: unset;
  }
  .ccbg-banner.align-center:has(.ccbg-details-wrapper.is-open) .ccbg-row {
    opacity: 1;
  }
  .ccbg-banner.align-center.pos-center {
    transform: unset !important;
  }
  .ccbg-banner.align-center.pos-center:has(.ccbg-details-wrapper.is-open) {
    transform: unset !important;
  }
  .ccbg-banner.align-center.pos-center:has(.ccbg-details-wrapper.is-open) .ccbg-row {
    opacity: 1;
  }
  .ccbg-banner.align-right {
    right: 0;
  }
  .ccbg-banner.pos-bottom {
    bottom: 0;
  }
  .ccbg-banner.pos-top {
    top: auto;
    bottom: 0;
  }
  .ccbg-banner.pos-center {
    top: auto;
    bottom: 0;
    transform: unset;
  }
  .ccbg-col {
    gap: 9rem;
  }
  .ccbg-title-icon {
    width: 32rem;
    height: 32rem;
  }
  .ccbg-actions-row {
    padding: 20rem 30rem;
  }
  .ccbg-actions-row .ccbg-save {
    width: 100%;
  }
  .ccbg-actions-row .ccbg-back {
    display: none;
  }
  .ccbg-main-btns {
    display: flex;
    gap: 12rem;
    align-items: center;
  }
  .ccbg-details {
    position: fixed;
    top: auto;
    left: 0;
    bottom: 0;
    transform: unset;
    padding-top: 40rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100vw;
  }
  .ccbg-details-content {
    gap: 24rem;
    padding: 0 30rem;
    max-height: 63vh;
  }
  .ccbg-details-title {
    font-size: 18rem;
  }
  .ccbg-details-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8rem;
  }
  .ccbg-details-text {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .ccbg-cats {
    gap: 20rem;
  }
  .ccbg-cat {
    gap: 6rem;
  }
  .ccbg-cat-header {
    gap: 12rem;
    font-size: 14rem;
    line-height: 1.4;
  }
  .ccbg-cat-header-main {
    gap: 12rem;
  }
  .ccbg-cat-desc {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.notification {
  position: relative;
  display: none;
  padding-bottom: 12rem;
}
.notification-link {
  display: flex;
  align-items: center;
  padding: 15rem 24rem;
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 rgba(40, 40, 40, 0.12);
  width: 364rem;
  border-radius: 12rem;
}
.notification.cloned {
  display: block;
}
.notification-close {
  position: absolute;
  cursor: pointer;
  top: 7.5rem;
  right: 7.5rem;
  width: 30rem;
  height: 30rem;
  filter: grayscale(100%);
  transition: 0.3s ease;
  opacity: 0.5;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00055 9.41396L2.35055 15.064L0.935547 13.651L6.58555 7.99996L0.936547 2.34996L2.35055 0.93396L8.00055 6.58496L13.6505 0.93496L15.0655 2.34896L9.41555 7.99996L15.0655 13.65L13.6515 15.065L8.00055 9.41496V9.41396Z' fill='%23568783 ' /%3E%3C/svg%3E");
  background-size: 15rem;
}
.notification-close:hover {
  opacity: 1;
  filter: grayscale(0%);
}
.notification-wrapper {
  position: fixed;
  top: 1.5vw;
  right: 1.5vw;
  z-index: 300;
  display: flex;
  flex-direction: column;
}
.notification-img {
  flex-shrink: 0;
  margin-right: 16rem;
  width: 60rem;
  height: 60rem;
  overflow: hidden;
  border-radius: 8rem;
}
.notification-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.notification-name {
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notification-text {
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.notification.like-add .notification-compare {
  display: none;
}
.notification.like-add .notification-basket {
  display: none;
}
.notification.like-add .notification-favorite-add {
  display: none;
}
.notification.like-remove .notification-compare {
  display: none;
}
.notification.like-remove .notification-basket {
  display: none;
}
.notification.like-remove .notification-favorite-remove {
  display: none;
}
.notification.compare-add .notification-favorite {
  display: none;
}
.notification.compare-add .notification-basket {
  display: none;
}
.notification.compare-add .notification-compare-add {
  display: none;
}
.notification.compare-remove .notification-favorite {
  display: none;
}
.notification.compare-remove .notification-basket {
  display: none;
}
.notification.compare-remove .notification-compare-remove {
  display: none;
}
.notification.basket-add .notification-favorite {
  display: none;
}
.notification.basket-add .notification-compare {
  display: none;
}
.notification.basket-add .notification-basket-remove {
  display: none;
}
.notification.basket-remove .notification-favorite {
  display: none;
}
.notification.basket-remove .notification-compare {
  display: none;
}
.notification.basket-remove .notification-basket-add {
  display: none;
}

@media (max-width: 600px) {
  .notification {
    padding-bottom: 3vw;
  }
  .notification-link {
    padding: 3vw 5vw;
    width: 90vw;
  }
  .notification-close {
    top: 1vw;
    right: 1vw;
    width: 10vw;
    height: 10vw;
    background-size: 3.5vw;
  }
  .notification-wrapper {
    top: 5vw;
    right: 5vw;
  }
  .notification-img {
    margin-right: 4vw;
    width: 12vw;
    height: 12vw;
  }
  .notification-name {
    font-size: 11rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .notification-text {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.quiz {
  color: #000000;
}
.quiz-slide-wrapper {
  position: relative;
}
.quiz-slide-wrapper.active {
  display: block;
}
.quiz-progress {
  border-top: 1rem solid #E3F5EA;
  padding: 30rem 80rem 40rem 80rem;
  display: flex;
  align-items: center;
}
.quiz-progress-wrapper {
  flex-grow: 1;
  margin-right: 40rem;
}
.quiz-progress-text, .quiz-progress-text-result {
  margin-bottom: 10rem;
  display: flex;
  align-items: center;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-progress-text > p, .quiz-progress-text-result > p {
  margin-right: 5rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-progress-text-result {
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-progress-text-result span {
  margin-left: 5rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-progress-bar {
  width: 100%;
  height: 8rem;
  background: #E6EFEA;
  border-radius: 8rem;
}
.quiz-progress-bar-result {
  width: 100%;
  height: 10rem;
  background: #F1F6F3;
  position: relative;
}
.quiz-progress-bar-result::before {
  content: "95%";
  font-size: 15rem;
  font-weight: 600;
  position: absolute;
  right: 28.8rem;
  bottom: 10rem;
  width: 32rem;
  height: 36rem;
  color: #568783;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23568783' d='M20 24H6l7 11 7-11Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23568783' d='M0 0h32v36H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.quiz-progress-bar-thank {
  width: 100%;
  height: 10rem;
  background: #F1F6F3;
  position: relative;
}
.quiz-progress-bar-thank::before {
  content: "100%";
  font-size: 15rem;
  font-weight: 600;
  position: absolute;
  right: -23rem;
  bottom: 10rem;
  width: 39rem;
  height: 42rem;
  color: #568783;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23568783' d='M20 24H6l7 11 7-11Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23568783' d='M0 0h32v36H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.quiz-progress-bar-wrapper {
  border-radius: 12rem;
}
.quiz-progress-bar__bg, .quiz-progress-bar__bg-result {
  position: relative;
  height: 100%;
  background: linear-gradient(90deg, #568783, #47706d);
  transition: 0.3s ease;
  overflow: hidden;
  border-radius: 12rem;
  box-shadow: 0 2px 10px 0 rgba(86, 135, 131, 0.3);
}
.quiz-progress-bar__bg::after, .quiz-progress-bar__bg-result::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url(../img/quiz/progress-bar.svg);
  background-position: center left;
  background-size: contain;
  background-repeat: repeat-x;
  z-index: 2;
  -webkit-animation: progress_bar 50s linear infinite;
  animation: progress_bar 50s linear infinite;
}
.quiz-progress-btns {
  display: flex;
  align-items: center;
}
.quiz-progress-btn-text {
  margin-right: 10rem;
}
.quiz-progress-btn-icone {
  display: block;
}
.quiz-questions-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.quiz-question {
  display: none;
}
.quiz-question-wrapper {
  width: 100%;
  margin: 40rem 0;
  max-height: 542rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 40rem 0 80rem;
}
.quiz-question-wrapper-cover {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 680rem;
  border: 1rem solid #E3F5EA;
  border-right: none;
  overflow: hidden;
  border-radius: 12rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.quiz-question input[type=radio], .quiz-question input[type=checkbox] {
  display: none;
  pointer-events: none;
}
.quiz-question input[type=text]:not(.form-input):-ms-input-placeholder, .quiz-question input[type=date]:not(.form-input):-ms-input-placeholder, .quiz-question input[type=tel]:not(.form-input):-ms-input-placeholder {
  color: #64748B;
}
.quiz-question input[type=text]:not(.form-input)::-moz-placeholder, .quiz-question input[type=date]:not(.form-input)::-moz-placeholder, .quiz-question input[type=tel]:not(.form-input)::-moz-placeholder {
  color: #64748B;
}
.quiz-question input[type=text]:not(.form-input)::-webkit-placeholder, .quiz-question input[type=date]:not(.form-input)::-webkit-placeholder, .quiz-question input[type=tel]:not(.form-input)::-webkit-placeholder {
  color: #64748B;
}
.quiz-question input[type=text]:not(.form-input)::placeholder, .quiz-question input[type=date]:not(.form-input)::placeholder, .quiz-question input[type=tel]:not(.form-input)::placeholder {
  color: #64748B;
}
.quiz-question input[type=text]:not(.form-input):-webkit-autofill, .quiz-question input[type=text]:not(.form-input):-webkit-autofill:focus, .quiz-question input[type=text]:not(.form-input):-webkit-autofill:hover, .quiz-question input[type=date]:not(.form-input):-webkit-autofill, .quiz-question input[type=date]:not(.form-input):-webkit-autofill:focus, .quiz-question input[type=date]:not(.form-input):-webkit-autofill:hover, .quiz-question input[type=tel]:not(.form-input):-webkit-autofill, .quiz-question input[type=tel]:not(.form-input):-webkit-autofill:focus, .quiz-question input[type=tel]:not(.form-input):-webkit-autofill:hover {
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #F1F6F3 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.quiz-question input[type=text]:not(.form-input):-moz-autofill, .quiz-question input[type=text]:not(.form-input):-moz-autofill:focus, .quiz-question input[type=text]:not(.form-input):-moz-autofill:hover, .quiz-question input[type=date]:not(.form-input):-moz-autofill, .quiz-question input[type=date]:not(.form-input):-moz-autofill:focus, .quiz-question input[type=date]:not(.form-input):-moz-autofill:hover, .quiz-question input[type=tel]:not(.form-input):-moz-autofill, .quiz-question input[type=tel]:not(.form-input):-moz-autofill:focus, .quiz-question input[type=tel]:not(.form-input):-moz-autofill:hover {
  -moz-text-fill-color: #000000;
  -moz-box-shadow: 0 0 0px 1000px #F1F6F3 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.quiz-question input[type=text]:not(.form-input):-ms-autofill, .quiz-question input[type=text]:not(.form-input):-ms-autofill:focus, .quiz-question input[type=text]:not(.form-input):-ms-autofill:hover, .quiz-question input[type=date]:not(.form-input):-ms-autofill, .quiz-question input[type=date]:not(.form-input):-ms-autofill:focus, .quiz-question input[type=date]:not(.form-input):-ms-autofill:hover, .quiz-question input[type=tel]:not(.form-input):-ms-autofill, .quiz-question input[type=tel]:not(.form-input):-ms-autofill:focus, .quiz-question input[type=tel]:not(.form-input):-ms-autofill:hover {
  -ms-text-fill-color: #000000;
  -ms-box-shadow: 0 0 0px 1000px #F1F6F3 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.quiz-question .input-light {
  background-color: transparent !important;
  border: 1rem solid #E3F5EA;
}
.quiz-question .form-input-upload.input-icon-upload {
  padding-right: 76.8rem;
}
.quiz-question .form-input-upload.input-icon-upload::before {
  right: 38.4rem;
  top: 50%;
  transform: translateY(-50%);
  filter: grayscale(100%);
  width: 20rem;
  height: 20rem;
}
.quiz-question .form-input-upload:not(.form-input), .quiz-question input[type=text]:not(.form-input), .quiz-question input[type=tel]:not(.form-input) {
  display: flex;
  margin-bottom: 0;
  padding: 29rem 36rem;
  width: 100%;
  background-color: #E6EFEA;
  color: #000000;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question .form-input-upload:not(.form-input), .quiz-question input[type=text]:not(.form-input), .quiz-question input[type=tel]:not(.form-input) {
    font-size: 13rem;
  }
}
.quiz-question .form-input-upload:not(.form-input), .quiz-question input[type=text]:not(.form-input), .quiz-question input[type=tel]:not(.form-input) {
  border-radius: 12rem;
}
.quiz-question .form-input-upload:not(.form-input).iti__search-input, .quiz-question input[type=text]:not(.form-input).iti__search-input, .quiz-question input[type=tel]:not(.form-input).iti__search-input {
  background: unset;
  border: none;
  border-radius: 0;
  border-bottom: 1rem solid #E3F5EA;
}
.quiz-question input[type=number] {
  display: flex;
  padding: 31rem 36rem;
  width: 180rem;
  background-color: #F1F6F3;
  color: #000000;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question input[type=number] {
    font-size: 13rem;
  }
}
.quiz-question input[type=number] {
  border-radius: 12rem;
}
.quiz-question input[type=date] {
  padding: 28rem 34rem;
  position: relative;
  height: 100%;
  width: fit-content;
  background-color: #F1F6F3;
  color: #000000;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question input[type=date] {
    font-size: 13rem;
  }
}
.quiz-question input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.quiz-question input[type=datetime-local] {
  padding: 34rem;
  position: relative;
  height: 100%;
  width: fit-content;
  background-color: #F1F6F3;
  color: #000000;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question input[type=datetime-local] {
    font-size: 13rem;
  }
}
.quiz-question input[type=time] {
  padding: 34rem;
  position: relative;
  height: 100%;
  width: fit-content;
  background-color: #F1F6F3;
  color: #000000;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question input[type=time] {
    font-size: 13rem;
  }
}
.quiz-question.active {
  display: flex;
  flex-grow: 1;
}
.quiz-question-title {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .quiz-question-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
}
.quiz-question-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14rem;
  padding-right: 40rem;
  margin-bottom: 34rem;
}
.quiz-question-title-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.quiz-question-title-info-item {
  display: flex;
  align-items: center;
  background: #E6F6EE;
  text-transform: lowercase;
  color: #568783;
  padding: 5.5rem 16rem;
  margin-right: 20rem;
  pointer-events: none;
  border-radius: 8rem;
  font-size: 13rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-question-title-info-item:last-child {
  margin-right: 0;
}
.quiz-question-title-info-item-icone {
  width: 16rem;
  height: 16rem;
  flex-shrink: 0;
  margin-right: 10rem;
  overflow: hidden;
  border-radius: 1rem;
}
.quiz-question-title-info-item-icone > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-question-title-info-item.skip {
  color: #000000;
  background: #F2F6FA;
  border: none;
}
.quiz-question-content {
  padding-right: 38rem;
  padding-bottom: 5rem;
  display: grid;
  overflow: auto;
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question-content {
    font-size: 13rem;
  }
}
.quiz-question-content label.error {
  margin-top: 14rem;
  color: #E62222;
  margin-left: 36rem;
}
.quiz-question-content.radio, .quiz-question-content.checkbox {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: min-content;
  gap: 24rem;
}
.quiz-question-content.radio input[type=text], .quiz-question-content.checkbox input[type=text] {
  height: 100%;
  padding: 0 1.3542vw 0 1.0417vw;
  margin-bottom: 0;
  border-radius: 0;
}
.quiz-question-content-sup {
  margin-bottom: 10rem;
  font-size: 15rem;
  line-height: 1.4;
}
.quiz-question-content-item {
  display: flex;
  align-items: center;
  border: 1rem solid #FFFFFF;
  transition: 0.3s ease;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12rem;
}
.quiz-question-content-item-label {
  background: #F1F6F3;
  padding: 26rem 28rem;
  overflow: hidden;
  flex-grow: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 12rem;
  border-radius: 8rem;
}
.quiz-question-content-item-text {
  width: 100%;
  padding: 0;
}
.quiz-question-content-item.skip {
  width: fit-content;
  margin-top: 16rem;
  padding: 0;
  background: transparent;
  border: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: unset !important;
  font-size: 13rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .quiz-question-content-item.skip:hover {
    border: none;
  }
}
.quiz-question-content-item.skip .quiz-question-content-item-checkbox {
  width: 20rem;
  height: 20rem;
  margin-right: 10rem;
  border: 1rem solid #E3F5EA;
  background: transparent;
}
.quiz-question-content-item.skip.active {
  border: none;
}
.quiz-question-content-item.skip.active .quiz-question-content-item-checkbox {
  border: 1rem solid #568783;
  background: #568783;
  box-shadow: none;
}
.quiz-question-content-item.skip.active .quiz-question-content-item-checkbox::before {
  width: 9rem;
  height: 7rem;
}
.quiz-question-content-item-other-counter {
  position: absolute;
  right: 30rem;
  bottom: 5rem;
  color: #64748B;
  font-size: 12rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) {
  .quiz-question-content-item-other-counter {
    font-size: 10rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.quiz-question-content-item-radio, .quiz-question-content-item-checkbox {
  display: block;
  margin-right: 16rem;
  position: relative;
  width: 26rem;
  height: 26rem;
  background: #FFFFFF;
  border: 13.5rem solid #FFFFFF;
  transition: 0.3s ease;
  flex-shrink: 0;
}
.quiz-question-content-item-radio {
  border-radius: 50%;
}
.quiz-question-content-item-checkbox {
  border-radius: 2rem;
}
.quiz-question-content-item.other {
  padding: 0;
}
.quiz-question-content-item.other .quiz-question-content-item-label {
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-shrink: 0;
}
.quiz-question-content-item.other .quiz-question-content-item-radio, .quiz-question-content-item.other .quiz-question-content-item-checkbox {
  margin: 26rem 16rem 26rem 28rem;
}
@media (min-width: 801px) {
  .quiz-question-content-item:hover {
    border: 1rem solid rgba(86, 135, 131, 0.7);
  }
}
.quiz-question-content-item.active {
  border: 1rem solid rgba(86, 135, 131, 0.7);
}
.quiz-question-content-item.active .quiz-question-content-item-radio {
  border: 7.5rem solid #FFFFFF;
  background: #568783;
  box-shadow: 0 2px 10px 0 rgba(86, 135, 131, 0.3);
}
.quiz-question-content-item.active .quiz-question-content-item-checkbox {
  border: 0rem solid #FFFFFF;
  background: #568783;
  box-shadow: 0 2px 10px 0 rgba(86, 135, 131, 0.3);
}
.quiz-question-content-item.active .quiz-question-content-item-checkbox::before {
  position: absolute;
  content: "";
  width: 12rem;
  height: 12rem;
  top: 50%;
  left: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none' viewBox='0 0 8 8'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='m7.253 1.82-.65-.636a.45.45 0 0 0-.322-.129.45.45 0 0 0-.322.129l-3.13 3.063-1.396-1.374a.45.45 0 0 0-.322-.13.45.45 0 0 0-.321.13l-.651.636A.4.4 0 0 0 0 3.825c0 .122.044.23.132.315l1.725 1.689.65.637a.45.45 0 0 0 .323.129.45.45 0 0 0 .321-.13l.651-.636L7.253 2.45a.43.43 0 0 0 .132-.314.43.43 0 0 0-.132-.315'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h7.385v7.385H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(calc(-50% + 1rem), -50%);
}
.quiz-question-content.img {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30rem;
}
.quiz-question-content.img .quiz-question-content-item {
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #F1F6F3;
  border: 1rem solid transparent;
  overflow: visible;
  border-radius: 12rem;
}
.quiz-question-content.img .quiz-question-content-item-label {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%;
  flex-shrink: 0;
  background: transparent;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.quiz-question-content.img .quiz-question-content-item-img {
  height: 200rem;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  width: 100%;
  overflow: hidden;
  transition: 0.3s ease;
}
.quiz-question-content.img .quiz-question-content-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-question-content.img .quiz-question-content-item-radio, .quiz-question-content.img .quiz-question-content-item-checkbox {
  position: absolute;
  margin-right: 0;
  top: 16rem;
  right: 16rem;
  opacity: 0;
}
.quiz-question-content.img .quiz-question-content-item-text {
  width: 100%;
  display: block;
  text-align: left;
  flex-grow: 1;
  padding-top: 18rem;
  padding: 22rem 20rem;
  border-radius: 12rem;
}
.quiz-question-content.img .quiz-question-content-item.other {
  padding: 0;
}
.quiz-question-content.img .quiz-question-content-item.other .quiz-question-content-item-radio, .quiz-question-content.img .quiz-question-content-item.other .quiz-question-content-item-checkbox {
  margin: 0;
}
.quiz-question-content.img .quiz-question-content-item.other > input {
  height: 100%;
  background-color: transparent;
  background-color: #F1F6F3;
  border-radius: 12rem;
}
@media (min-width: 801px) {
  .quiz-question-content.img .quiz-question-content-item:hover {
    border-color: #568783;
  }
}
.quiz-question-content.img .quiz-question-content-item.active {
  border-color: #568783;
}
.quiz-question-content.img .quiz-question-content-item.active .quiz-question-content-item-radio, .quiz-question-content.img .quiz-question-content-item.active .quiz-question-content-item-checkbox {
  opacity: 1;
}
.quiz-question-content.img-mini .quiz-question-content-item {
  display: flex;
  padding: 0;
  border-radius: 12rem;
}
.quiz-question-content.img-mini .quiz-question-content-item-label {
  padding: 0;
  flex-grow: 1;
}
.quiz-question-content.img-mini .quiz-question-content-item-img {
  height: 72rem;
  width: 72rem;
  margin: 14rem;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  border-radius: 12rem;
}
.quiz-question-content.img-mini .quiz-question-content-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-question-content.img-mini .quiz-question-content-item-radio, .quiz-question-content.img-mini .quiz-question-content-item-checkbox {
  position: absolute;
  margin: 0;
  top: 16rem;
  right: 20rem;
  background: transparent;
  border-color: transparent;
}
.quiz-question-content.img-mini .quiz-question-content-item > p {
  width: 100%;
  display: block;
  padding: 24rem 20rem;
}
.quiz-question-content.img-mini .quiz-question-content-item.other {
  padding: 0;
}
.quiz-question-content.img-mini .quiz-question-content-item.other .quiz-question-content-item-radio, .quiz-question-content.img-mini .quiz-question-content-item.other .quiz-question-content-item-checkbox {
  margin: 0;
}
.quiz-question-content.img-mini .quiz-question-content-item.active .quiz-question-content-item-radio, .quiz-question-content.img-mini .quiz-question-content-item.active .quiz-question-content-item-checkbox {
  background: #568783;
  border-color: #FFFFFF;
}
.quiz-question-content.img-mini .quiz-question-content-item-other-counter {
  right: 19rem;
}
.quiz-question-content-date {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
  border-radius: 12rem;
}
.quiz-question-content-date-spliter {
  display: flex;
  gap: 40rem;
}
.quiz-question-content-date-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.quiz-question-content-date-sub {
  display: flex;
  align-items: center;
  background: #E6EFEA;
  height: 100%;
  padding: 0 22rem;
}
.quiz-question-content-date-sub-text {
  font-size: 16rem;
  line-height: 1.4;
  font-weight: 440;
  font-weight: 440;
}
@media (max-width: 800px) {
  .quiz-question-content-date-sub-text {
    font-size: 13rem;
  }
}
.quiz-question-content-date-sub-icone {
  width: 20rem;
  height: 20rem;
  margin-right: 10rem;
  filter: invert(100%);
}
.quiz-question-content-date-sub-icone > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-question-content-date input {
  pointer-events: none;
}
.quiz-question-content-range .range-slider, .quiz-question-content-range .range-picker {
  width: 922rem;
  margin: 0 16rem;
}
.quiz-question-content-range .range-slider-wrapper, .quiz-question-content-range .range-picker-wrapper {
  display: block;
  width: 922rem;
  position: relative;
}
.quiz-question-content-range .range-slider-wrapper-before, .quiz-question-content-range .range-picker-wrapper-before {
  position: absolute;
  left: 0;
  opacity: 0.5;
  top: 6rem;
}
.quiz-question-content-range .range-slider-wrapper-after, .quiz-question-content-range .range-picker-wrapper-after {
  top: 6rem;
  opacity: 0.5;
  position: absolute;
  width: 32rem;
  left: 950rem;
  text-align: right;
}
.quiz ::-webkit-scrollbar {
  width: 6rem;
}
.quiz ::-webkit-scrollbar-thumb {
  background: #568783;
  overflow: hidden;
  border-radius: 12rem;
}
.quiz ::-webkit-scrollbar-track {
  background: #DDE5EE;
  overflow: hidden;
  border-radius: 12rem;
}
.quiz-result-progress-wrapper {
  margin-bottom: 34rem;
}
.quiz-result-wrapper {
  position: relative;
  display: block;
  max-height: unset;
}
.quiz-result-text {
  margin-bottom: 40rem;
}
.quiz-result-text-main {
  margin-bottom: 8rem;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.quiz-result-text-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-result-media {
  width: 650rem;
}
.quiz-result-media .form-submit-wrapper {
  gap: 10rem;
}
.quiz-result-media .form-submit-text br {
  display: none;
}
.quiz-result-media .form-item-mail {
  display: none;
}
.quiz-result-media:has(input[name=social][value=email]:checked) .form-item-tel {
  display: none;
}
.quiz-result-media:has(input[name=social][value=email]:checked) .form-item-mail {
  display: block;
}
.quiz-result-media-arrow {
  position: absolute;
  bottom: 67rem;
  right: 58rem;
  width: 288rem;
  display: none;
}
.quiz-result-media-btn {
  width: 100%;
  margin-bottom: 14rem;
}
.quiz-result-media-sub {
  margin-bottom: 10rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-result-media-choice-input {
  position: relative;
}
.quiz-result-media-choice-input-tel {
  display: none;
}
.quiz-result-media-choice-input > input[type=text], .quiz-result-media-choice-input > input[type=tel] {
  height: 70rem;
  padding: 0rem 60rem 0 32rem;
  background-color: #F1F6F3;
  font-size: 14rem;
  margin-bottom: 16rem;
}
.quiz-result-media-choice-input > label.error {
  display: block;
  color: #E62222;
  margin-top: -10rem;
  margin-bottom: 14rem;
}
.quiz-result-media-choice-input::after {
  position: absolute;
  content: "";
  display: block;
  right: 32rem;
  top: 26rem;
  width: 20rem;
  height: 20rem;
  z-index: 5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.6;
}
.quiz-result-media-choice-input.whatsapp-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 0C4.47935 0 0 4.47935 0 10C0 12.2106 0.715532 14.2467 1.92554 15.9046L0.651542 19.6742L4.62478 18.4351C6.17801 19.4241 8.02211 20 10 20C15.5207 20 20 15.5207 20 10C20 4.47935 15.5207 0 10 0ZM14.5782 15.3636C12.7632 16.0907 10.5992 15.3869 8.23153 13.5893C5.86387 11.7917 4.30483 9.2612 4.20012 7.3822C4.0954 5.5032 5.62536 4.55497 6.45724 4.56079C7.28912 4.56661 8.20244 7.22513 8.21408 7.63234C8.22571 8.04537 7.19604 8.77836 7.15532 9.1274C7.1146 9.47644 8.5573 11.1984 9.16812 11.6638C9.77312 12.1233 11.0239 13.0076 11.6696 12.9261C12.3095 12.8389 12.7341 11.5532 13.1414 11.4718C13.5486 11.3903 15.7708 12.4956 15.9919 12.7807C16.2129 13.0716 16.1896 14.7237 14.5782 15.3636Z' fill='%2385868C' /%3e%3c/svg%3e");
}
.quiz-result-media-choice-input.telegram-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.40559 12.4316C8.04841 12.7324 7.8272 13.1642 7.79176 13.6298L7.5948 16.2174C7.5518 16.7823 8.02768 17.2307 8.441 16.8432L9.64188 15.7668C10.2394 15.2312 11.1257 15.174 11.7871 15.6282L15.2582 18.0117C16.1021 18.4512 16.6959 18.2205 16.9225 17.2827L19.9424 4.01921C20.2119 2.8544 19.4931 2.39653 18.6727 2.6859L0.928373 9.05576C-0.28271 9.49532 -0.263176 10.129 0.721317 10.4147L4.53695 11.5271C4.99653 11.6611 5.49103 11.5997 5.90391 11.3574L15.7934 5.55399C16.2896 5.2463 16.7389 5.4148 16.3677 5.72615L8.40559 12.4316Z' fill='%2385868C' /%3e%3c/svg%3e");
}
.quiz-result-media-choice-input.viber-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.8624 0H7.91082C4.08551 0 1 3.124 1 7.0016V10.0023C1 12.7107 2.53373 15.1724 4.95162 16.3234V19.6757C4.95162 19.8447 5.10499 20 5.29897 20C5.37565 20 5.46587 19.968 5.52903 19.9087L8.38448 16.9993H11.8624C15.6923 16.9993 18.7778 13.8753 18.7778 9.99772V6.99703C18.7778 3.124 15.6923 0 11.8624 0ZM14.4608 13.1217L13.4729 14.1219C12.4083 15.1678 9.67462 13.9667 7.25673 11.4775C4.83885 8.98835 3.76523 6.17036 4.78471 5.12446L5.77262 4.12423C6.16959 3.75428 6.7921 3.77255 7.18456 4.1562L8.61454 5.66339C8.97993 6.06531 8.97993 6.66362 8.58296 7.06554C8.4747 7.17515 8.3529 7.23453 8.21757 7.29847C7.71685 7.45376 7.45973 7.94245 7.58152 8.45399C7.82512 9.56383 9.20548 10.9477 10.2565 11.2217C10.7437 11.3451 11.2444 11.0665 11.4113 10.5915C11.5783 10.0982 12.1241 9.82416 12.6428 9.99315C12.7962 10.0388 12.918 10.1484 13.0398 10.2398L14.4698 11.747C14.8262 12.1078 14.8262 12.7244 14.4608 13.1217ZM10.7708 4.75451C10.6625 4.75451 10.5723 4.75451 10.4821 4.78648C10.3152 4.81845 10.1347 4.67687 10.1167 4.48048C10.0987 4.28408 10.225 4.1288 10.4054 4.11053C10.5272 4.07856 10.649 4.07856 10.7708 4.07856C12.5932 4.07856 14.0548 5.58575 14.0818 7.40352C14.0818 7.52683 14.0818 7.65015 14.0503 7.77346C14.0187 7.94245 13.8834 8.09774 13.6849 8.06577C13.4864 8.0338 13.3646 7.89678 13.3962 7.69582C13.3962 7.58621 13.4278 7.49486 13.4278 7.40352C13.4142 5.9557 12.2278 4.75451 10.7708 4.75451ZM12.7466 7.43092C12.715 7.59991 12.5797 7.7552 12.3812 7.72323C12.2278 7.69125 12.0925 7.56794 12.0925 7.43092C12.0925 6.70929 11.5016 6.10642 10.7843 6.10642C10.6174 6.13839 10.437 5.9831 10.4189 5.80041C10.3874 5.63142 10.5407 5.44873 10.7076 5.43046H10.7527C11.894 5.43046 12.7466 6.32108 12.7466 7.43092ZM15.2682 8.49052C15.2367 8.65951 15.0698 8.78283 14.9028 8.76913C14.7359 8.75542 14.6141 8.56817 14.6277 8.39918C14.6277 8.36721 14.6277 8.36721 14.6277 8.35351C14.7044 8.0612 14.7359 7.7552 14.7359 7.43092C14.7359 5.2295 12.9586 3.43001 10.7843 3.43001C10.6761 3.43001 10.5858 3.43001 10.4956 3.43001C10.3287 3.46198 10.1483 3.30669 10.1483 3.124C10.1167 2.95501 10.2701 2.77232 10.437 2.77232C10.5588 2.77232 10.6806 2.74035 10.7843 2.74035C13.324 2.74035 15.4036 4.83215 15.4036 7.41722C15.39 7.7689 15.3449 8.15255 15.2682 8.49052Z' fill='%2385868C' /%3e%3c/svg%3e");
}
.quiz-result-media-choice-input.email-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%2385868C' fill-rule='evenodd' d='M13 5.001h2v4.932a5.097 5.097 0 0 1 0 .132c.003 2.416.196 2.936 1 2.936 1.304 0 2-.617 2-3 0-5.29-2.653-8-8-8a8 8 0 1 0 4.692 14.48l1.173 1.62A10 10 0 1 1 10 .001c6.46 0 10 3.616 10 10 0 3.545-1.642 5-4 5-1.344 0-2.113-.433-2.536-1.395A5 5 0 1 1 13 6v-.999Zm0 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.quiz-result-media-choice-btns {
  display: flex;
  gap: 10rem;
  margin-bottom: 10rem;
}
.quiz-result-media-choice-btns > label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 10rem 28rem;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.4s ease;
  border: 1rem solid #E3F5EA;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 12rem;
}
.quiz-result-media-choice-btns > label:has(input:checked) {
  color: #FFFFFF;
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > label:hover {
    color: #FFFFFF;
  }
}
.quiz-result-media-choice-btns > .whatsapp-btn {
  color: #01D363;
}
.quiz-result-media-choice-btns > .whatsapp-btn:has(input:checked) {
  background: #01D363;
}
.quiz-result-media-choice-btns > .whatsapp-btn:has(input:checked) span {
  filter: brightness(0) invert(100%);
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > .whatsapp-btn:hover {
    background: #01D363;
  }
  .quiz-result-media-choice-btns > .whatsapp-btn:hover span {
    filter: brightness(0) invert(100%);
  }
}
.quiz-result-media-choice-btns > .telegram-btn {
  color: #05A0EB;
}
.quiz-result-media-choice-btns > .telegram-btn:has(input:checked) {
  background: #05A0EB;
}
.quiz-result-media-choice-btns > .telegram-btn:has(input:checked) span {
  filter: brightness(0) invert(100%);
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > .telegram-btn:hover {
    background: #05A0EB;
  }
  .quiz-result-media-choice-btns > .telegram-btn:hover span {
    filter: brightness(0) invert(100%);
  }
}
.quiz-result-media-choice-btns > .viber-btn {
  color: #665CAC;
}
.quiz-result-media-choice-btns > .viber-btn:has(input:checked) {
  background: #665CAC;
}
.quiz-result-media-choice-btns > .viber-btn:has(input:checked) span {
  filter: brightness(0) invert(100%);
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > .viber-btn:hover {
    background: #665CAC;
  }
  .quiz-result-media-choice-btns > .viber-btn:hover span {
    filter: brightness(0) invert(100%);
  }
}
.quiz-result-media-choice-btns > .max-btn {
  position: relative;
  overflow: hidden;
}
.quiz-result-media-choice-btns > .max-btn > * {
  position: relative;
  z-index: 1;
}
.quiz-result-media-choice-btns > .max-btn::before {
  transition: 0.4s ease;
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(76deg, #44CCFF 0%, #5533EE 66%, #9933DD 100%);
  opacity: 0;
}
.quiz-result-media-choice-btns > .max-btn p {
  transition: 0.4s ease;
  background-image: linear-gradient(76deg, #44CCFF 0%, #5533EE 66%, #9933DD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.quiz-result-media-choice-btns > .max-btn:has(input:checked) {
  background: linear-gradient(76deg, #44CCFF 0%, #5533EE 66%, #9933DD 100%);
}
.quiz-result-media-choice-btns > .max-btn:has(input:checked) p {
  background-image: none;
  -webkit-text-fill-color: #FFFFFF;
}
.quiz-result-media-choice-btns > .max-btn:has(input:checked) span {
  filter: brightness(0) invert(100%);
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > .max-btn:hover::before {
    opacity: 1;
  }
  .quiz-result-media-choice-btns > .max-btn:hover p {
    background-image: none;
    -webkit-text-fill-color: #FFFFFF;
  }
  .quiz-result-media-choice-btns > .max-btn:hover span {
    filter: brightness(0) invert(100%);
  }
}
.quiz-result-media-choice-btns > .email-btn {
  color: #568783;
}
.quiz-result-media-choice-btns > .email-btn:has(input:checked) {
  background: #568783;
}
.quiz-result-media-choice-btns > .email-btn:has(input:checked) span {
  filter: brightness(0) invert(100%);
}
@media (min-width: 801px) {
  .quiz-result-media-choice-btns > .email-btn:hover {
    background: #568783;
  }
  .quiz-result-media-choice-btns > .email-btn:hover span {
    filter: brightness(0) invert(100%);
  }
}
.quiz-result-media-choice:has(.email-btn.active) .quiz-result-media-choice-input-tel {
  display: block;
}
.quiz-result-media-choice-btn {
  width: 20rem;
  height: 20rem;
  margin-right: 10rem;
  flex-shrink: 0;
  transition: 0.3s;
}
.quiz-result-media-choice-btn > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-result .quiz-question-wrapper-cover {
  overflow: unset;
}
.quiz-thank-text {
  display: flex;
  align-items: center;
  margin-bottom: 30rem;
}
.quiz-thank-text-icon {
  width: 42rem;
  height: 42rem;
  margin-right: 24rem;
  flex-shrink: 0;
  background: #568783;
  border-radius: 50%;
}
.quiz-thank-text-icon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-thank-text-main {
  margin-bottom: 8rem;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-thank-text-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-thank-content-title {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 30rem;
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-thank-content-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14rem;
}
.quiz-thank-content-link {
  border: 1rem solid #E3F5EA;
  transition: 0.3s ease;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .quiz-thank-content-link:hover {
    border: 1rem solid #568783;
    background: #568783;
    color: #FFFFFF;
  }
}

.btn-quiz {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  cursor: pointer;
  z-index: 6;
  height: 70rem;
  border-radius: 12rem;
}
@media (max-width: 800px) {
  .btn-quiz {
    height: 60rem;
  }
}
.btn-quiz.sub {
  width: 70rem;
  border: 2rem solid #568783;
  height: 70rem;
  border-radius: 12rem;
}
@media (max-width: 800px) {
  .btn-quiz.sub {
    height: 60rem;
  }
}
@media (max-width: 800px) {
  .btn-quiz.sub {
    width: 60rem;
  }
}
@media (min-width: 801px) {
  .btn-quiz.sub:not([disabled]):hover {
    box-shadow: inset 0 0px 10px 0 rgba(47, 41, 68, 0.2470588235);
  }
}
.btn-quiz.main {
  background: #568783;
  color: #FFFFFF !important;
  padding: 0 36rem;
  height: 70rem;
  border-radius: 12rem;
}
@media (max-width: 800px) {
  .btn-quiz.main {
    height: 60rem;
  }
}
@media (max-width: 800px) {
  .btn-quiz.main {
    padding: 0 30rem;
  }
}
.btn-quiz.main {
  margin-bottom: 0;
}
@media (min-width: 801px) {
  .btn-quiz.main:not([disabled]):hover {
    background: #47706d;
  }
}
.btn-quiz > span {
  font-size: 15rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}
@media (max-width: 800px) {
  .btn-quiz > span {
    font-size: 14rem;
  }
}
.btn-quiz:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

@media (max-width: 800px) {
  .quiz-progress {
    border-top: 2rem solid #F1F6F3;
    padding: 20rem;
  }
  .quiz-progress-text, .quiz-progress-text-result {
    margin-bottom: 6rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-progress-text > p, .quiz-progress-text-result > p {
    margin-right: 6rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-progress-text-result {
    margin-bottom: 12rem;
    gap: 4rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-progress-text-result span {
    margin-right: 6rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-progress-bar {
    height: 6rem;
  }
  .quiz-progress-bar__bg::after, .quiz-progress-bar__bg-result::after {
    -webkit-animation: progress_bar 20s linear infinite;
    animation: progress_bar 20s linear infinite;
  }
  .quiz-progress-bar-result {
    height: 7.5rem;
  }
  .quiz-progress-bar-result::before {
    width: 25rem;
    height: 26rem;
    font-size: 11rem;
    bottom: 11rem;
    line-height: 19rem;
    right: 5rem;
  }
  .quiz-progress-bar-thank {
    height: 7.5rem;
  }
  .quiz-progress-bar-thank::before {
    font-size: 11rem;
    right: -15rem;
    bottom: 11rem;
    width: 30rem;
    height: 31.875rem;
  }
  .quiz-progress-btn-text {
    margin-right: 11rem;
  }
  .quiz-question-wrapper {
    width: 100%;
    margin: 22.5rem 0;
    max-height: none;
    flex-grow: 1;
    padding: 0 3vw 0px 5vw;
  }
  .quiz-question-wrapper-cover {
    border-radius: 0;
    min-height: auto;
  }
  .quiz-question .form-input-upload.input-icon-upload {
    padding: 21rem 26rem;
    padding-right: 76.8rem;
    height: auto;
    min-height: 60rem;
  }
  .quiz-question .form-input-upload.input-icon-upload::before {
    right: 38.4rem;
    top: 50%;
    transform: translateY(-50%);
    filter: grayscale(100%);
    width: 16rem;
    height: 16rem;
  }
  .quiz-question .form-input-upload, .quiz-question input[type=text], .quiz-question input[type=tel] {
    padding: 0 26rem;
    height: 60rem;
  }
  .quiz-question input[type=number] {
    padding: 15rem;
    width: 52rem;
  }
  .quiz-question input[type=date] {
    padding: 19rem;
  }
  .quiz-question input[type=datetime-local] {
    padding: 19rem;
  }
  .quiz-question input[type=time] {
    padding: 19rem;
  }
  .quiz-question.active {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .quiz-question-title {
    text-align: center;
  }
  .quiz-question-title-wrapper {
    gap: 12rem;
    padding-right: 9rem;
    margin-bottom: 24rem;
  }
  .quiz-question-title-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .quiz-question-title-info-item {
    padding: 7rem 8rem;
    margin-right: 0;
    margin-bottom: 11rem;
    text-align: center;
    justify-content: center;
    width: 100%;
    font-size: 11rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-question-title-info-item:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .quiz-question-title-info-item-icone {
    width: 16rem;
    height: 16rem;
    margin-right: 10rem;
    border-radius: 2rem;
  }
  .quiz-question-content {
    padding-right: 2vw;
    padding-bottom: 1rem;
    max-height: 370rem;
    grid-auto-rows: min-content;
  }
  .quiz-question-content.radio, .quiz-question-content.checkbox {
    grid-template-columns: 1fr;
    gap: 8rem;
  }
  .quiz-question-content.radio input[type=text], .quiz-question-content.checkbox input[type=text] {
    height: 100%;
    padding: 0 11rem;
  }
  .quiz-question-content-sup {
    font-size: 14rem;
  }
  .quiz-question-content-item {
    border: 1rem solid transparent;
    flex-shrink: 0;
  }
  .quiz-question-content-item-label {
    padding: 16rem 19rem;
  }
  .quiz-question-content-item.skip {
    margin-top: 16rem;
  }
  .quiz-question-content-item.skip .quiz-question-content-item-checkbox {
    width: 18rem;
    height: 18rem;
  }
  .quiz-question-content-item.skip.active {
    border: none;
  }
  .quiz-question-content-item.skip.active .quiz-question-content-item-checkbox {
    border: 1rem solid #568783;
  }
  .quiz-question-content-item.skip.active .quiz-question-content-item-checkbox::before {
    width: 9rem;
    height: 7rem;
  }
  .quiz-question-content-item-other-counter {
    right: 20rem;
    bottom: 0rem;
  }
  .quiz-question-content-item-radio, .quiz-question-content-item-checkbox {
    margin-right: 14rem;
    width: 20rem;
    height: 20rem;
    border: 2.5rem solid #FFFFFF;
  }
  .quiz-question-content-item.other {
    padding: 0;
  }
  .quiz-question-content-item.other .quiz-question-content-item-radio, .quiz-question-content-item.other .quiz-question-content-item-checkbox {
    margin: 15rem 11rem 15rem 19rem;
  }
  .quiz-question-content-item.active {
    border: 1rem solid rgba(86, 135, 131, 0.3);
  }
  .quiz-question-content-item.active .quiz-question-content-item-radio {
    border: 5.5rem solid #FFFFFF;
  }
  .quiz-question-content-item.active .quiz-question-content-item-checkbox::before {
    width: 8rem;
    height: 6rem;
  }
  .quiz-question-content.img {
    grid-template-columns: 1fr 1fr;
    gap: 14rem;
  }
  .quiz-question-content.img .quiz-question-content-item {
    border: 1rem solid transparent;
  }
  .quiz-question-content.img .quiz-question-content-item-img {
    height: 106rem;
  }
  .quiz-question-content.img .quiz-question-content-item-radio, .quiz-question-content.img .quiz-question-content-item-checkbox {
    top: 11rem;
    right: 11rem;
  }
  .quiz-question-content.img .quiz-question-content-item-text {
    padding: 8rem 0 0;
    padding: 16rem 14rem;
  }
  .quiz-question-content.img .quiz-question-content-item.active {
    border: 1rem solid rgba(86, 135, 131, 0.3);
  }
  .quiz-question-content.img-mini .quiz-question-content-item-img {
    height: 44rem;
    width: 44rem;
    margin: 10rem;
  }
  .quiz-question-content.img-mini .quiz-question-content-item-radio, .quiz-question-content.img-mini .quiz-question-content-item-checkbox {
    top: 10rem;
    right: 10rem;
  }
  .quiz-question-content.img-mini .quiz-question-content-item > p {
    padding: 15rem 11rem;
  }
  .quiz-question-content.img-mini .quiz-question-content-item-other-counter {
    right: 20rem;
  }
  .quiz-question-content-date-spliter {
    flex-direction: column;
    gap: 12rem;
  }
  .quiz-question-content-date-sub {
    padding: 0 19rem;
  }
  .quiz-question-content-date-sub-icone {
    width: 15rem;
    height: 15rem;
    margin-right: 7.5rem;
  }
  .quiz-question-content-range .range-slider, .quiz-question-content-range .range-picker {
    width: 277.5rem;
    margin: 0 15rem 0 7.5rem;
  }
  .quiz-question-content-range .range-slider-wrapper, .quiz-question-content-range .range-picker-wrapper {
    width: 277.5rem;
  }
  .quiz-question-content-range .range-slider-wrapper-after, .quiz-question-content-range .range-picker-wrapper-after {
    left: 270rem;
  }
  .quiz-question-content-range .range-slider-wrapper-after, .quiz-question-content-range .range-slider-wrapper-before, .quiz-question-content-range .range-picker-wrapper-after, .quiz-question-content-range .range-picker-wrapper-before {
    width: 30rem;
  }
  .quiz ::-webkit-scrollbar {
    width: 3rem;
  }
  .quiz-result-media {
    width: auto;
  }
  .quiz-result-media .form-submit-text br {
    display: block;
  }
  .quiz-result-media-arrow {
    display: none;
  }
  .quiz-result-media-sub {
    text-align: center;
    margin-bottom: 12rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-result-media-btn {
    height: 52rem;
    margin-bottom: 11rem;
  }
  .quiz-result-media-choice-btns {
    gap: 12rem;
    margin-bottom: 12rem;
    flex-wrap: wrap;
  }
  .quiz-result-media-choice-btns > label {
    height: 52rem;
    padding: 0 19rem;
    flex-shrink: 1 1 40%;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-result-media-choice-btn {
    width: 16rem;
    height: 16rem;
    margin-right: 8rem;
  }
  .quiz-result-media-choice-input > label.error {
    margin-bottom: 11rem;
    margin-top: -11rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-result-media-choice-input::after {
    right: 19rem;
    top: 19rem;
    width: 15rem;
    height: 15rem;
  }
  .quiz-result-wrapper {
    padding-right: 19rem;
    max-height: none;
  }
  .quiz-result-progress-wrapper {
    margin-bottom: 24rem;
  }
  .quiz-result-text {
    text-align: center;
    margin-bottom: 24rem;
  }
  .quiz-result-text-main {
    margin-bottom: 8rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .quiz-result-text-sub {
    width: auto;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-thank-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 16rem;
  }
  .quiz-thank-text-icon {
    width: 36rem;
    height: 36rem;
    margin-right: 0;
    margin-bottom: 16rem;
  }
  .quiz-thank-text-main {
    margin-bottom: 16rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .quiz-thank-text-sub {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .quiz-thank-content-title {
    text-align: center;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    margin-bottom: 24rem;
  }
  .quiz-thank-content-links {
    gap: 14rem;
    justify-content: center;
  }
  .quiz-thank-content-link {
    height: 44rem;
    width: fit-content;
    flex: unset;
    padding: 0 18rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.quiz {
  border-radius: 12rem;
}
.quiz-thank-slide {
  position: relative;
  padding: 96rem;
}
.quiz-thank-slide-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.quiz-thank-slide-bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-thank-slide-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 58rem;
  color: #FFFFFF;
}
.quiz-slide {
  width: 100%;
  min-height: 680rem;
  display: flex;
}
.quiz-slide-wrapper {
  width: 100%;
}
.quiz-sidebar {
  position: relative;
  background: #F1F6F3;
  overflow: hidden;
  width: 440rem;
  padding: 40rem 40rem 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.quiz-sidebar-logo-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 30rem;
}
.quiz-sidebar-logo-img {
  background: #FFFFFF;
  position: relative;
  width: 90rem;
  height: 90rem;
  margin-right: 24rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000rem;
}
.quiz-sidebar-logo-img > img {
  width: 56rem;
  height: 56rem;
  object-fit: cover;
}
.quiz-sidebar-logo-text-main {
  color: #000000;
  display: block;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-sidebar-logo-text-sub {
  margin-top: 2rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-sidebar-description {
  position: relative;
}
.quiz-sidebar-description-text {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  padding: 24rem 26rem;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  -webkit-box-shadow: 0px -10rem 26rem 0 rgba(255, 255, 255, 0.03);
  -moz-box-shadow: 0px -10rem 26rem 0 rgba(255, 255, 255, 0.03);
  box-shadow: 0px -10rem 26rem 0 rgba(255, 255, 255, 0.03);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
  border-radius: 12rem;
}
.quiz-sidebar-description::before {
  position: absolute;
  content: "";
  border: 16rem solid transparent;
  border-right: 16rem solid #FFFFFF;
  border-bottom: 16rem solid #FFFFFF;
  top: -17.3rem;
  left: 40rem;
}
.quiz-sidebar-middle-title {
  display: block;
  text-align: center;
  color: #000000;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.quiz-sidebar-middle-text {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 8px;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
.quiz-sidebar-img {
  width: 100%;
  pointer-events: none;
}
.quiz-sidebar-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-progress-wrapper {
  margin-right: 40rem;
}
.quiz-progress-btn.sub {
  margin-right: 14rem;
}
.quiz-progress-btn.sub path {
  fill: #FFFFFF;
}
.quiz-progress-btn-icone {
  width: 20rem;
  height: 20rem;
}
.quiz-progress-btn-icone > svg, .quiz-progress-btn-icone > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-progress-btn-icone > svg > path:first-child, .quiz-progress-btn-icone > img > path:first-child {
  -webkit-animation: wave_1 2s linear infinite;
  animation: wave 1.5s linear infinite;
  animation-delay: -2s;
}
.quiz-progress-btn-icone > svg > path:nth-child(2), .quiz-progress-btn-icone > img > path:nth-child(2) {
  -webkit-animation: wave_2 2s linear infinite;
  animation: wave 1.5s linear infinite;
  animation-delay: -1s;
}
.quiz-progress-btn-icone > svg > path:last-child, .quiz-progress-btn-icone > img > path:last-child {
  -webkit-animation: wave_3 2s linear infinite;
  animation: wave 1.5s linear infinite;
  animation-delay: 0s;
}
.quiz-form label.error {
  display: block;
  line-height: 1.4;
  color: #E62222;
  padding-left: 16rem;
}
.quiz .form-item {
  margin-bottom: 10rem;
}
.quiz .form-light .form-submit-text {
  color: #000000;
}

@media (max-width: 800px) {
  .quiz {
    margin-left: -5vw;
    width: 100vw;
  }
  .quiz-slide {
    min-height: auto;
  }
  .quiz-sidebar {
    display: none;
  }
  .quiz-progress-wrapper {
    margin-right: 10rem;
  }
  .quiz-progress-btn-text {
    margin-right: 10rem;
  }
  .quiz-progress-btn.sub {
    margin-right: 10rem;
    flex-shrink: 0;
  }
  .quiz-progress-btn-icone {
    width: 18rem;
    height: 18rem;
  }
  .quiz .quiz-form .form-submit-checkbox .link {
    display: block;
  }
}
.range-wrapper {
  margin-bottom: 1.5625vw;
}
.range-count {
  display: flex;
  align-items: center;
}
.range-count-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 3.125vw;
}
.range-count-separate {
  margin: 0 20rem;
  width: 20rem;
  height: 1rem;
  background: #000000;
}
.range-count-input {
  pointer-events: none;
}
.range-slider {
  height: 0.625vw;
  width: 100%;
  position: relative;
  background: #DDE5EE;
  border-radius: 12rem;
}
.range-slider-progress {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  background: #568783;
  overflow: hidden;
  border-radius: 12rem;
}
.range-picker {
  position: absolute;
  width: 100%;
  height: 0.65vw;
  top: -0.65vw;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.range-picker-wrapper {
  position: relative;
}

/* WebKit-based browsers like Chrome, Safari, and newer versions of Edge */
input[type=range]::-webkit-slider-thumb {
  height: 1.4583vw;
  width: 1.4583vw;
  border-radius: 50%;
  border: 0.3646vw solid #F2F6FA;
  outline: 0.1042vw solid #F2F6FA;
  outline-offset: -0.1042vw;
  background: #568783;
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
}

/* Firefox */
input[type=range]::-moz-range-thumb {
  height: 0.8vw;
  width: 0.8vw;
  border-radius: 50%;
  border: 0.3646vw solid #F2F6FA;
  outline: 0.1042vw solid #F2F6FA;
  outline-offset: -0.1042vw;
  background: #568783;
  pointer-events: auto;
  cursor: pointer;
}

/* Microsoft Edge prior to the Chromium switch and Internet Explorer */
input[type=range]::-ms-thumb {
  height: 1.4583vw;
  width: 1.4583vw;
  border-radius: 50%;
  border: 0.3646vw solid #F2F6FA;
  outline: 0.1042vw solid #F2F6FA;
  outline-offset: -0.1042vw;
  background: #568783;
  pointer-events: auto;
  cursor: pointer;
}

/* For the focus state in Firefox */
input[type=range]::-moz-focus-outer {
  border: 0;
}

input[type=range]:focus {
  outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

@media (max-width: 800px) {
  .range-wrapper {
    margin-bottom: 3vw;
  }
  .range-count-wrapper {
    margin-bottom: 7vw;
  }
  .range-count-separate {
    margin: 0 3vw;
    width: 3vw;
    height: 0.267vw;
  }
  .range-slider {
    height: 3.2vw;
  }
  .range-picker {
    position: absolute;
    width: 100%;
    height: 3vw;
    top: -3vw;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .range-picker-wrapper {
    position: relative;
  }
  /* WebKit-based browsers like Chrome, Safari, and newer versions of Edge */
  input[type=range]::-webkit-slider-thumb {
    height: 6vw;
    width: 6vw;
    border: 1.3646vw solid #F2F6FA;
    outline: 0.2083vw solid #F2F6FA;
    outline-offset: -0.2083vw;
  }
  /* Firefox */
  input[type=range]::-moz-range-thumb {
    height: 3vw;
    width: 3vw;
    border: 1.3646vw solid #F2F6FA;
    outline: 0.2083vw solid #F2F6FA;
    outline-offset: -0.2083vw;
  }
  /* Microsoft Edge prior to the Chromium switch and Internet Explorer */
  input[type=range]::-ms-thumb {
    height: 6vw;
    width: 6vw;
    border: 1.3646vw solid #F2F6FA;
    outline: 0.2083vw solid #F2F6FA;
    outline-offset: -0.2083vw;
  }
}
.advantages-items {
  padding-top: 16rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40rem 44rem;
}
.advantages-item {
  background-color: #F1F6F3;
  width: 490rem;
  padding: 42rem 40rem 40rem;
  position: relative;
  border-radius: 12rem;
}
.advantages-item-title {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.advantages-item-text {
  margin-top: 10rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.advantages-item-numb {
  display: flex;
  align-items: center;
  padding: 0 14rem;
  height: 32rem;
  background-color: #568783;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 12.5rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 12rem;
}

@media (max-width: 800px) {
  .advantages .title-wrapper {
    margin-bottom: 36rem;
  }
  .advantages-items {
    padding-top: 13rem;
    width: 100%;
    flex-direction: column;
    gap: 35rem;
  }
  .advantages-item {
    width: 100%;
    padding: 32rem 24rem 30rem;
  }
  .advantages-item-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
  .advantages-item-text {
    margin-top: 5rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .advantages-item-numb {
    padding: 0 12rem;
    height: 26rem;
    font-size: 10rem;
    line-height: 1.6;
    letter-spacing: -0.02em;
    font-weight: 700;
  }
}
.about_company.simple {
  background-color: #F1F6F3;
}
.about_company.simple .container {
  display: flex;
  justify-content: space-between;
  gap: 100rem;
}
.about_company.simple .about_company-info-text {
  max-width: fit-content;
}
.about_company.simple .about_company-info-text-exclamation {
  margin-top: 40rem;
}
.about_company.simple .about_company-info-text-title {
  font-size: 48rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.about_company.simple .about_company-info-text-subtitle {
  margin-top: 14rem;
}
.about_company.simple .about_company-info-text-title, .about_company.simple .about_company-info-text-subtitle {
  padding-right: 70rem;
}
.about_company.simple .about_company-numbers {
  flex-shrink: 0;
  width: 370rem;
  flex-direction: column;
  gap: 26rem;
  padding: 40rem 50rem;
  margin-top: 0;
}
.about_company.simple .about_company-numbers-bg {
  width: 831rem;
  transform: translateX(-50%);
}
.about_company-info {
  padding: 60rem 80rem 140rem;
  background-color: #F1F6F3;
  position: relative;
  overflow: hidden;
  border-radius: 12rem;
}
.about_company-info-text {
  position: relative;
  z-index: 2;
  max-width: 939rem;
}
.about_company-info-text-title {
  font-size: 36rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.02em;
}
.about_company-info-text-subtitle {
  margin-top: 20rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 2;
}
.about_company-info-text-exclamation {
  margin-top: 30rem;
  padding: 26rem 28rem;
  display: flex;
  align-items: center;
  gap: 22rem;
  background-color: #FFFFFF;
  border-radius: 12rem;
}
.about_company-info-text-exclamation::before {
  flex-shrink: 0;
  width: 24rem;
  height: 24rem;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23568783' d='M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12'/%3E%3Cpath fill='%23fff' d='M10.668 10.222h1.907c.263 0 .476.228.476.508v5.08H14v1.523h-3.333V15.81h.954v-4.064h-.954zM11.177 8.544h1.84V6.667h-1.84z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.about_company-info-text-exclamation > span {
  color: rgba(0, 0, 0, 0.7);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.about_company-info-img {
  position: absolute;
  top: 112rem;
  right: -163.5rem;
  z-index: 1;
  width: 831rem;
  height: 554rem;
}
.about_company-info-img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.about_company-numbers {
  z-index: 2;
  background-color: #304a47;
  display: flex;
  align-items: center;
  margin-top: -100rem;
  padding: 34rem 80rem;
  gap: 50rem;
  position: relative;
  overflow: hidden;
  border-radius: 12rem;
}
.about_company-numbers .btn {
  flex-shrink: 0;
  width: fit-content;
  margin-left: 10rem;
}
.about_company-numbers-bg {
  left: 0;
  top: 0;
  width: 1816rem;
  height: auto;
  position: absolute;
  z-index: -1;
}
.about_company-numbers-bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_company-number {
  position: relative;
  z-index: 2;
  flex: 1 1 25%;
}
.about_company-number-main {
  color: #FFFFFF;
  padding-left: 22rem;
  position: relative;
  font-size: 48rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  font-size: 52rem;
  letter-spacing: -0.02em;
  line-height: 1.4;
}
.about_company-number-main > span {
  color: rgba(255, 255, 255, 0.8);
  transform: translateY(10%);
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.about_company-number-main::before {
  content: "";
  display: inline-block;
  width: 10rem;
  height: 10rem;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 1000rem;
}
.about_company-number-sub {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

@media (max-width: 800px) {
  .about_company.simple .container {
    width: 90vw;
    flex-direction: column;
    gap: 26rem;
  }
  .about_company.simple .about_company-info-text {
    max-width: fit-content;
  }
  .about_company.simple .about_company-info-text-exclamation {
    margin-top: 26rem;
  }
  .about_company.simple .about_company-info-text-title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .about_company.simple .about_company-info-text-subtitle {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
    margin-top: 10rem;
  }
  .about_company.simple .about_company-info-text-title, .about_company.simple .about_company-info-text-subtitle {
    padding-right: 0;
  }
  .about_company.simple .about_company-numbers {
    flex-shrink: 0;
    width: 100%;
    gap: 20rem;
    padding: 36rem 30rem;
  }
  .about_company.simple .about_company-numbers-bg {
    width: 777rem;
    transform: translateX(0);
  }
  .about_company > .container {
    width: 100%;
  }
  .about_company-info {
    width: 100%;
    padding: 72rem 20rem;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 36rem;
    border-radius: 0;
  }
  .about_company-info::before {
    display: none;
  }
  .about_company-info-text-title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .about_company-info-text-subtitle {
    margin-top: 14rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .about_company-info-text-exclamation {
    margin-top: 36rem;
    padding: 20rem;
    gap: 18rem;
  }
  .about_company-info-text-exclamation::before {
    width: 20rem;
    height: 20rem;
  }
  .about_company-info-text-exclamation > span {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .about_company-numbers {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20rem;
    margin-top: -36rem;
    padding: 36rem 30rem;
  }
  .about_company-numbers .btn {
    margin-top: 14rem;
    flex-shrink: 1;
    width: 100%;
  }
  .about_company-numbers-bg {
    width: 777rem;
  }
  .about_company-number {
    flex: auto;
  }
  .about_company-number-main {
    padding-left: 22rem;
    font-size: 36rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
  .about_company-number-main > span {
    font-size: 30rem;
  }
  .about_company-number-main::before {
    width: 8rem;
    height: 8rem;
  }
  .about_company-number-sub {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
}
.basket .title-wrapper {
  margin-bottom: 20rem;
}
.basket-wrapper {
  display: flex;
  gap: 40rem;
}
.basket-right {
  width: 340rem;
  flex-shrink: 0;
}
.basket-empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 44rem;
  background-color: #F1F6F3;
  border-radius: 12rem;
}
.basket-empty.in_categories {
  margin-top: 25rem;
}
.basket-empty-icon {
  width: 100rem;
  height: 100rem;
  flex-shrink: 0;
  margin-bottom: 10rem;
}
.basket-empty-icon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basket-empty-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.basket-empty-subtitle {
  margin-top: 6rem;
  margin-bottom: 24rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.basket-items {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  width: 100%;
}
@media (min-width: 801px) {
  .basket-item:hover .product-card {
    border-color: transparent;
    -webkit-box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
    -moz-box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
    box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
  }
  .basket-item:hover .product-card-name {
    color: #568783;
  }
}
.basket-item .product-card {
  transition: 0.4s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 30rem 40rem;
  justify-content: space-between;
  gap: 87rem;
  border: 1px solid #E3F5EA;
  border-radius: 12rem;
}
.basket-item .product-card-img {
  width: 100rem;
  height: 100rem;
}
.basket-item .product-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basket-item .product-card-info {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 320rem;
  margin-left: -53rem;
}
.basket-item .product-card-info-container {
  display: flex;
  align-items: center;
  gap: 87rem;
}
.basket-item .product-card-name {
  transition: 0.4s ease;
  margin-bottom: 4rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.basket-item .product-card-articul {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.basket-item .product-card-price-old {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 4rem;
  text-decoration: line-through;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.03em;
}
.basket-item .product-card-price-main {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.basket-item .product-card-price-wrapper {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  margin: 0;
  flex-shrink: 0;
  margin-left: -53rem;
}
.basket-card-total {
  width: 140rem;
}
.basket-card-total.tar {
  text-align: right;
}
.basket-card-total-price {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.basket-card-item-title {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 4rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.basket-card-item .card-right-counter {
  width: 106rem;
  background-color: #F2F6FA;
}
.basket-card-item .card-right-buy-btn, .basket-card-item .card-right-buy-count {
  background-color: #F2F6FA;
}
.basket-card-trash {
  padding: 12rem;
  filter: brightness(0) invert(60%);
  cursor: pointer;
  transition: 0.3s ease;
  margin-right: -12rem;
}
.basket-card-trash span {
  display: block;
  width: 20rem;
  height: 20rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12625_90522)'%3E%3Cpath d='M2.5 4.4446H18.0555M16.9444 4.4446V16.6668C16.9444 17.2562 16.7103 17.8214 16.2936 18.2382C15.8769 18.6549 15.3116 18.8891 14.7222 18.8891H5.83333C5.24396 18.8891 4.67873 18.6549 4.26198 18.2382C3.84523 17.8214 3.61111 17.2562 3.61111 16.6668V4.4446M13.6111 0.833496H6.94444M8.05556 8.88908V14.4446M12.5 8.88908V14.4446' stroke='%23568783 ' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12625_90522'%3E%3Crect width='20' height='20' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .basket-card-trash:hover {
    filter: none;
  }
}
.basket-right {
  padding: 30rem;
  height: fit-content;
  position: sticky;
  top: 130rem;
  background-color: #F1F6F3;
  border-radius: 12rem;
}
.basket-right-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18rem;
  margin-bottom: 24rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.basket-right-btn {
  margin-bottom: 10rem;
  width: 100%;
}
.basket-right.load {
  overflow: hidden;
}
.basket-right.load::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.basket-right.load::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30rem;
  height: 30rem;
  display: block;
  content: "";
  border: 2rem solid #568783;
  border-color: #F2F6FA #568783 #568783 #F2F6FA;
  border-radius: 50%;
  z-index: 3;
  -webkit-animation: load 1s infinite linear;
  animation: load 1s infinite linear;
}

@media (max-width: 800px) {
  .basket {
    padding-bottom: 0;
  }
  .basket .title-wrapper {
    margin-bottom: 30rem;
  }
  .basket-wrapper {
    flex-direction: column;
    gap: 24rem;
  }
  .basket-empty {
    padding: 34rem 24rem;
  }
  .basket-empty .btn {
    height: 52rem;
    padding: 0 26rem;
    width: fit-content;
    font-size: 13.5rem;
    border-radius: 8rem;
  }
  .basket-icon {
    width: 72rem;
    height: 72rem;
    flex-shrink: 0;
    margin-bottom: 12rem;
  }
  .basket-icon-title {
    text-align: center;
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .basket-icon-subtitle {
    margin-top: 4rem;
    margin-bottom: 20rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .basket-item .product-card {
    position: relative;
    display: grid;
    align-items: start;
    grid-template-columns: 90rem 1fr;
    grid-template-rows: 90rem 1fr;
    padding: 22rem 18rem;
    gap: 12rem 16rem;
  }
  .basket-item .product-card .product-card-info-container {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .basket-item .product-card-img {
    width: 90rem;
    height: 90rem;
  }
  .basket-item .product-card-img-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0vw 18rem;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .basket-item .product-card-info {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    padding-right: 20rem;
    margin-left: 0;
  }
  .basket-item .product-card-info-container {
    flex-direction: column;
    align-items: start;
    gap: 12rem;
  }
  .basket-item .product-card-name {
    display: block;
    width: 100%;
    margin-bottom: 6rem;
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .basket-item .product-card-articul {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .basket-item .product-card-price-old {
    margin-bottom: 2rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .basket-item .product-card-price-main {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .basket-item .product-card-price-wrapper {
    margin-left: 0;
    width: 100%;
    padding-right: 20rem;
  }
  .basket-card-item {
    position: absolute;
    top: 132rem;
    left: 24rem;
  }
  .basket-card-item .card-right-counter {
    width: 90rem;
  }
  .basket-card-total {
    width: 100%;
    padding-right: 20rem;
  }
  .basket-card-total.tar {
    text-align: left;
  }
  .basket-card-total.tar .basket-card-item-title {
    margin-bottom: 2rem;
  }
  .basket-card-total-price {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .basket-card-trash {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18rem;
    margin-right: 0;
  }
  .basket-card-trash span {
    width: 4.8vw;
    height: 4.8vw;
  }
  .basket-right {
    padding: 30rem 26rem;
    width: 100%;
    position: static;
    top: auto;
    border-radius: 14rem;
  }
  .basket-right-btn {
    display: flex;
    margin-bottom: 3.2vw;
  }
  .basket-right-title-wrapper {
    font-size: 18rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .basket-right-btn {
    margin-bottom: 10rem;
  }
  .basket-right.load::before {
    display: none;
  }
  .basket-right.load::after {
    display: none;
    width: 25rem;
    height: 25rem;
  }
}
.consultation-wrapper {
  background-color: #F1F6F3;
  padding: 54rem 80rem 54rem 560rem;
  position: relative;
  border-radius: 12rem;
}
.consultation-logo {
  width: 520rem;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -40rem;
}
.consultation-logo::before {
  margin-top: -50rem;
  content: "";
  display: block;
  width: 520rem;
  height: 520rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consultation-text-title {
  font-size: 36rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.02em;
}
.consultation-text-subtitle {
  margin-top: 14rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.consultation .form {
  margin-top: 44rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.consultation .form-item {
  flex-grow: 1;
}
.consultation .form-item-spliter {
  width: 100%;
  gap: 20rem;
}
.consultation .form-submit-btn {
  width: fit-content;
}
.consultation-img {
  height: 440rem;
  width: 520rem;
  position: absolute;
  top: -59rem;
  left: 0;
}

@media (max-width: 800px) {
  .consultation-wrapper {
    padding: 36rem 30rem 200rem;
    overflow: hidden;
  }
  .consultation-logo {
    width: 275rem;
    height: 275rem;
    overflow: auto;
    top: auto;
    bottom: -77rem;
    left: 21rem;
  }
  .consultation-logo::before {
    margin-top: 0;
    width: 100%;
    height: 100%;
  }
  .consultation-text {
    width: 100%;
    text-align: center;
  }
  .consultation-text-title {
    font-size: 20rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .consultation-text-subtitle {
    margin-top: 10rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .consultation .form {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 30rem;
  }
  .consultation .form-item {
    width: 100%;
  }
  .consultation .form-item-spliter {
    gap: 18rem;
  }
  .consultation .form-submit-btn {
    width: 100%;
  }
  .consultation-img {
    height: 233rem;
    width: 275rem;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: -31rem;
  }
}
.category:has(.swiper) .swiper-container {
  margin: -20rem;
}
.category:has(.swiper) .swiper-slide {
  padding: 20rem;
}
.category:has(.swiper) .category-product {
  width: 497rem;
  margin-right: -6rem;
}
.category-types {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12rem;
}
.category-types-item {
  padding: 12.5rem 20rem;
  background-color: #F1F6F3;
  border-radius: 8rem;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  transition: 0.4s ease;
}
@media (min-width: 769px) {
  .category-types-item:hover {
    color: #568783;
  }
}
.category-types-item.active {
  background-color: #568783;
  color: #FFFFFF;
}
.category-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34rem;
  margin-top: 34rem;
}
.category-product {
  padding: 30rem 30rem 34rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14rem;
  border: 1rem solid #E3F5EA;
  border-radius: 12rem;
  -webkit-box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
  -moz-box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
  box-shadow: 0 0 20rem 0 rgba(40, 40, 40, 0.12);
}
.category-product-img {
  display: block;
  width: 100%;
  height: 300rem;
  position: relative;
}
@media (min-width: 801px) {
  .category-product-img:hover img {
    transform: scale(1.05);
  }
}
.category-product-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}
.category-product-marks {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  z-index: 3;
}
.category-product-mark {
  flex-shrink: 0;
  padding: 5rem 12rem;
  display: flex;
  border-radius: 4rem;
  background-color: #F1F6F3;
  color: #568783;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.category-product-info {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.category-product-info-sub {
  display: flex;
  justify-content: space-between;
  gap: 20rem;
  align-items: center;
}
.category-product-info-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24rem;
}
.category-product-available {
  color: green;
  display: flex;
  align-items: center;
  gap: 8rem;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.category-product-available::before {
  content: "";
  display: block;
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23099951' fill-rule='evenodd' d='M1.04 10a8.958 8.958 0 1 0 17.916 0 8.958 8.958 0 0 0-17.917 0m12.854-3.114c.34.31.362.838.051 1.177l-4.583 5a.834.834 0 0 1-1.204.026l-2.083-2.083a.833.833 0 0 1 1.178-1.179l1.468 1.468 3.995-4.358a.833.833 0 0 1 1.178-.051' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.category-product-sku {
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.7);
}
.category-product-name {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.5;
  transition: 0.4s ease;
}
@media (min-width: 801px) {
  .category-product-name:hover {
    color: #568783;
  }
}
.category-product-feature {
  margin-top: 6rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.5;
}
.category-product-basket {
  cursor: pointer;
  flex-shrink: 0;
  background-color: #568783;
  height: 60rem;
  width: 60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1rem solid #568783;
  border-radius: 6rem;
  transition: 0.4s ease;
}
.category-product-basket::after {
  content: "";
  display: block;
  width: 22rem;
  height: 22rem;
  filter: brightness(0) invert(1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23568783' d='M1.904 2.7q0-.36.217-.614.216-.252.65-.253h1.156q.65 0 1.156.398.505.397.65 1.047l.505 2.167h12.786q.432 0 .83.217.398.216.65.614.253.396.29.83.035.434-.11.867l-2.527 5.418a1.7 1.7 0 0 1-.686.794 1.84 1.84 0 0 1-.976.29H7.972a1.83 1.83 0 0 1-1.084-.362 1.97 1.97 0 0 1-.722-1.011l-1.59-6.574-.65-2.889H2.772a.96.96 0 0 1-.65-.253.79.79 0 0 1-.289-.614zm4.479 15.386q0-.723.541-1.264.543-.542 1.265-.542t1.264.542q.54.54.541 1.264 0 .722-.541 1.264-.543.542-1.264.542-.723 0-1.265-.542-.54-.542-.541-1.264m11.774 0q0 .722-.542 1.264a1.77 1.77 0 0 1-1.3.542q-.76 0-1.3-.542-.543-.542-.506-1.264.036-.723.542-1.264a1.66 1.66 0 0 1 1.264-.542q.758 0 1.3.542.542.54.542 1.264'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s ease;
}
@media (min-width: 801px) {
  .category-product-basket:hover {
    background-color: #FFFFFF;
  }
  .category-product-basket:hover::after {
    filter: brightness(1);
  }
}

@media (max-width: 800px) {
  .category:has(.swiper) .swiper:has(.swiper-slide:nth-child(4)) .btn_get-all {
    margin-top: 24rem;
  }
  .category:has(.swiper) .swiper-container {
    margin: -14rem;
  }
  .category:has(.swiper) .swiper-slide {
    box-sizing: border-box;
    padding: 14rem;
  }
  .category:has(.swiper) .swiper-slide:nth-child(n+4) {
    padding: 0;
  }
  .category:has(.swiper) .swiper-slide:nth-child(n+4) .category-product {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .category:has(.swiper) .category-product {
    width: 100%;
    margin-right: 0;
    margin-bottom: -4rem;
  }
  .category-types-item {
    padding: 8.5rem 18rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .category-products {
    margin-top: 30rem;
    gap: 24rem;
    grid-template-columns: 1fr;
  }
  .category-product {
    padding: 22rem;
    gap: 9rem;
    -webkit-box-shadow: 0 0 13.47rem 0 rgba(40, 40, 40, 0.12);
    -moz-box-shadow: 0 0 13.47rem 0 rgba(40, 40, 40, 0.12);
    box-shadow: 0 0 13.47rem 0 rgba(40, 40, 40, 0.12);
  }
  .category-product-img {
    height: 202rem;
  }
  .category-product-mark {
    padding: 5rem 10rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .category-product-info {
    gap: 9.5rem;
  }
  .category-product-info-wrapper {
    gap: 16rem;
  }
  .category-product-available {
    gap: 5rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.8;
  }
  .category-product-available::before {
    width: 13.5rem;
    height: 13.5rem;
  }
  .category-product-sku {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
  .category-product-name {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
  .category-product-feature {
    margin-top: 4rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
  .category-product-basket {
    width: 44rem;
    height: 44rem;
    border-radius: 8rem;
  }
  .category-product-basket::after {
    width: 16rem;
    height: 16rem;
  }
}
.contacts .title {
  margin-bottom: 50rem;
  font-size: 48rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34rem;
  gap: 25rem;
}
.contacts-top-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 54rem;
}
.contacts-top-info-item {
  display: flex;
  align-items: center;
  gap: 22rem;
}
@media (min-width: 801px) {
  .contacts-top-info-item.tel:hover .contacts-top-info-item-main {
    color: #568783;
  }
}
.contacts-top-info-item.tel .contacts-top-info-item-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23568783' d='M15.617 12.12c-.567-.588-1.304-.588-1.895 0l-1.327 1.322c-.123.122-.222.146-.369.075-.27-.17-.59-.291-.86-.465-1.28-.81-2.362-1.84-3.321-3.012-.468-.588-.884-1.2-1.181-1.91-.047-.146-.047-.22.075-.343.468-.419.884-.856 1.328-1.299.614-.611.614-1.322 0-1.933L7.009 3.5c-.369-.367-.714-.734-1.082-1.078-.567-.564-1.304-.564-1.895 0L2.705 3.745c-.42.42-.638.908-.69 1.468-.076.908.146 1.788.468 2.644.666 1.788 1.672 3.331 2.877 4.776 1.649 1.962 3.614 3.505 5.905 4.606 1.035.489 2.093.88 3.223.955.812.047 1.502-.17 2.064-.786.369-.442.813-.81 1.205-1.223.59-.612.59-1.346 0-1.934z'/%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .contacts-top-info-item.mail:hover .contacts-top-info-item-main {
    color: #568783;
  }
}
.contacts-top-info-item.mail .contacts-top-info-item-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23568783' clip-path='url(%23a)'%3E%3Cpath d='M20.002 16.436V4.022l-6.896 6.207zM10.002 13.023l-1.97-1.772-6.895 6.207h17.73l-6.896-6.207zM18.867 3H1.137l8.865 7.979zM0 4.022v12.414l6.896-6.207z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.contacts-top-info-item.time .contacts-top-info-item-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C4.58862 1.5 1 5.08862 1 9.5C1 13.9114 4.58862 17.5 9 17.5C13.4114 17.5 17 13.9114 17 9.5C17 5.08862 13.4114 1.5 9 1.5ZM12.8047 13.6379C12.6747 13.7679 12.504 13.8334 12.3334 13.8334C12.1627 13.8334 11.9919 13.7679 11.8621 13.6379L8.52869 10.3047C8.40332 10.1801 8.33337 10.0106 8.33337 9.83337V5.5C8.33337 5.13135 8.63196 4.83337 9 4.83337C9.36804 4.83337 9.66663 5.13135 9.66663 5.5V9.55737L12.8047 12.6953C13.0653 12.9561 13.0653 13.3773 12.8047 13.6379Z' fill='%23568783 ' /%3E%3C/svg%3E");
}
.contacts-top-info-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  height: 64rem;
  flex-shrink: 0;
  background: #568783;
  border-radius: 1000rem;
}
.contacts-top-info-item-icon::before {
  display: block;
  content: "";
  width: 22rem;
  height: 22rem;
  filter: brightness(0) invert(1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.contacts-top-info-item-main {
  display: block;
  transition: 0.5s ease;
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-top-info-item-sub {
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
.contacts-top-info-item.time {
  pointer-events: none;
}
.contacts-map {
  height: 550rem;
  width: 100%;
  background: #F2F6FA;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contacts-map .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.contacts-details-title {
  margin-bottom: 20rem;
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-wrapper {
  display: flex;
  gap: 60rem;
}
.contacts-details-items {
  display: flex;
  flex-direction: column;
  width: 1100rem;
  flex-shrink: 0;
}
.contacts-details-item {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20rem;
  padding: 18rem 0;
  width: fit-content;
}
.contacts-details-item-wrapper {
  border-bottom: 1rem solid #E3F5EA;
}
.contacts-details-item-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-item-main {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s ease;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-item-main::after {
  display: inline-block;
  content: "";
  flex-shrink: 0;
  width: 14rem;
  height: 14rem;
  margin-left: 10rem;
  opacity: 0;
  transition: 0.3s ease;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12626_43152)'%3E%3Cpath d='M3.68638 0.500732C3.32344 0.500732 3.03125 0.792919 3.03125 1.15586V11.6379C3.03125 12.0008 3.32344 12.293 3.68638 12.293H12.6398C13.0027 12.293 13.2949 12.0008 13.2949 11.6379V4.86825H8.9274C8.56446 4.86825 8.27227 4.57606 8.27227 4.21312V0.500732H3.68638Z' fill='%23568783' /%3E%3Cpath d='M1.36607 2.7085C1.00312 2.7085 0.710938 3.00068 0.710938 3.36362V13.8457C0.710938 14.2086 1.00312 14.5008 1.36607 14.5008H10.3195C10.6824 14.5008 10.9746 14.2086 10.9746 13.8457V13.0814H3.00388C2.64094 13.0814 2.34876 12.7892 2.34876 12.4262V2.7085H1.36607Z' fill='%23568783' /%3E%3Cpath d='M8.71094 0.500732V3.77637C8.71094 4.13931 9.00312 4.4315 9.36607 4.4315H13.2968L8.71094 0.500732Z' fill='%23568783' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12626_43152'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 801px) {
  .contacts-details-item-main:hover {
    color: #568783;
  }
  .contacts-details-item-main:hover::after {
    opacity: 1;
    pointer-events: auto;
  }
}
.contacts-details-item-notification {
  display: flex;
  position: absolute;
  align-items: center;
  white-space: nowrap;
  word-wrap: normal;
  overflow-wrap: normal;
  gap: 8rem;
  top: -22rem;
  right: 24rem;
  padding: 5rem 14rem;
  color: #FFFFFF;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8rem;
  font-size: 12rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-item-notification::before {
  flex-shrink: 0;
  display: block;
  content: "";
  width: 16rem;
  height: 16rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23099951' /%3E%3Cpath d='M6.67962 10.7396L4.60156 8.66208L5.37627 7.88736L6.67962 9.19022L10.6106 5.25977L11.3848 6.03399L6.67962 10.7396Z' fill='white' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.contacts-details-right {
  top: 140rem;
  position: sticky;
  display: flex;
  flex-direction: column;
  gap: 16rem;
}
.contacts-details-right-card {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #F1F6F3;
  border: 1rem solid #E3F5EA;
  border-radius: 8rem;
  padding: 20rem 34rem;
}
.contacts-details-right-download {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18rem;
  transition: 0.3s ease;
}
@media (min-width: 801px) {
  .contacts-details-right-download:hover {
    background-color: rgba(86, 135, 131, 0.7);
  }
  .contacts-details-right-download:hover::before {
    filter: brightness(0) invert(1);
  }
  .contacts-details-right-download:hover .contacts-details-right-pdf {
    color: rgba(255, 255, 255, 0.8);
  }
  .contacts-details-right-download:hover .contacts-details-right-main {
    color: #FFFFFF;
  }
}
.contacts-details-right-download::before {
  transition: 0.3s ease;
  content: "";
  display: block;
  width: 24rem;
  height: 24rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23568783' fill-rule='evenodd' d='M8.25 17a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M11.47 13.53a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06l-2.22 2.22V6a.75.75 0 0 0-1.5 0v5.19L9.03 8.97a.75.75 0 0 0-1.06 1.06z' clip-rule='evenodd'/%3E%3Cpath fill='%23568783' fill-rule='evenodd' d='M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.contacts-details-right-sup {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 4rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-right-pdf {
  transition: 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-right-main {
  transition: 0.3s ease;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-right-sub {
  color: #568783;
  transition: 0.3s ease;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .contacts-details-right-sub:hover {
    color: #47706d;
  }
}
.contacts-details-right-item-req {
  background: #F1F6F3;
  padding: 18rem 34rem;
  gap: 18rem;
  display: flex;
  align-items: center;
  border-radius: 12rem;
}
@media (min-width: 801px) {
  .contacts-details-right-item-req:hover .contacts-details-right-item-req-main {
    color: #568783;
  }
}
.contacts-details-right-item-req-main {
  transition: 0.3s ease;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-right-item-req-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.contacts-details-right-item-req::before {
  display: block;
  content: "";
  width: 24rem;
  height: 24rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25 17C8.25 16.5858 8.58579 16.25 9 16.25L15 16.25C15.4142 16.25 15.75 16.5858 15.75 17C15.75 17.4142 15.4142 17.75 15 17.75L9 17.75C8.58579 17.75 8.25 17.4142 8.25 17Z' fill='%232951D5' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4697 13.5303C11.7626 13.8232 12.2374 13.8232 12.5303 13.5303L16.0303 10.0303C16.3232 9.73744 16.3232 9.26256 16.0303 8.96967C15.7374 8.67678 15.2626 8.67678 14.9697 8.96967L12.75 11.1893V6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11.1893L9.03033 8.96967C8.73744 8.67678 8.26256 8.67678 7.96967 8.96967C7.67678 9.26256 7.67678 9.73744 7.96967 10.0303L11.4697 13.5303Z' fill='%232951D5' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z' fill='%232951D5' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 800px) {
  .contacts .title {
    margin-bottom: 14rem;
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .contacts-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 36rem;
    gap: 24rem;
  }
  .contacts-top-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20rem;
  }
  .contacts-top-info-item {
    display: flex;
    align-items: center;
    gap: 20rem;
    padding: 1rem 0;
  }
  .contacts-top-info-item-icon {
    width: 52rem;
    height: 52rem;
  }
  .contacts-top-info-item-icon::before {
    width: 18rem;
    height: 18rem;
  }
  .contacts-top-info-item-main {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-top-info-item-sub {
    padding-top: 0;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-map {
    height: 400rem;
    width: 100%;
    display: block;
    background: none;
    margin-bottom: 36rem;
  }
  .contacts-map .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .contacts-text {
    gap: 36rem;
  }
  .contacts-details-title {
    margin-bottom: 14rem;
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .contacts-details-wrapper {
    flex-direction: column;
    gap: 24rem;
  }
  .contacts-details-items {
    display: flex;
    flex-direction: column;
    width: auto;
    flex-shrink: unset;
  }
  .contacts-details-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 14rem 0;
    width: 100%;
  }
  .contacts-details-item-wrapper {
    border-bottom: 1rem solid #E3F5EA;
  }
  .contacts-details-item-sub {
    color: rgba(0, 0, 0, 0.7);
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-details-item-main {
    width: 100%;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-details-item-main::after {
    display: none;
  }
  .contacts-details-item-notification {
    display: flex;
    position: absolute;
    align-items: center;
    white-space: nowrap;
    word-wrap: normal;
    overflow-wrap: normal;
    gap: 8rem;
    top: -15rem;
    right: 0;
    width: fit-content;
    padding: 5rem 14rem;
    color: #FFFFFF;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-details-item-notification::before {
    flex-shrink: 0;
    display: block;
    content: "";
    width: 16rem;
    height: 16rem;
  }
  .contacts-details-right {
    top: auto;
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 8rem;
    padding: 0;
  }
  .contacts-details-right-card {
    padding: 22rem 20rem;
  }
  .contacts-details-right-download {
    padding: 16rem 20rem;
  }
  .contacts-details-right-sup, .contacts-details-right-pdf {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .contacts-details-right-main {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .contacts-details-right-sub {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
}
.card-wrapper {
  display: grid;
  gap: 0 40rem;
  grid-template-columns: 1180rem 340rem;
}
.card .title-wrapper {
  margin-bottom: 20rem;
}
.card-content-top {
  display: flex;
  flex-grow: 1;
  gap: 60rem;
}
.card .product-card-label-wrapper {
  display: none;
}
.card-marks {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  left: 20rem;
  top: 20rem;
}
.card-mark {
  padding: 5rem 12rem;
  background-color: #F1F6F3;
  color: #568783;
  border-radius: 4rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.5;
}
.card-img {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 460rem;
}
.card-img-items {
  margin-top: 20rem;
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 801px) {
  .card-img-items:has(.swiper-wrapper > .swiper-slide:only-child) {
    display: none;
  }
}
.card-img-item {
  flex-shrink: 0;
  height: 80rem;
  overflow: hidden;
  width: 80rem;
  margin-right: 15rem;
  border: 1rem solid #E3F5EA;
  cursor: pointer;
  transition: 0.4s ease;
  border-radius: 12rem;
}
.card-img-item > img {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-img-item.active {
  border-color: #568783;
}
@media (min-width: 801px) {
  .card-img-item:hover {
    border-color: #E5E5E5;
  }
  .card-img-item:hover.active {
    border-color: #568783;
  }
}
.card-img-main {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 460rem;
  overflow: hidden;
  border: 1rem solid #E3F5EA;
  border-radius: 12rem;
}
.card-img-main::after {
  display: block;
  content: "";
  position: absolute;
  pointer-events: none;
  transition: 0.3s ease;
  width: 40rem;
  height: 40rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 8rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23568783' d='M0 0h40v40H0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M26.4561 27.212c-.0652.0652-.1425.117-.2277.1523-.0851.0353-.1764.0535-.2685.0535-.0922 0-.1835-.0182-.2686-.0535-.0852-.0353-.1625-.0871-.2277-.1523l-2.3718-2.3719c-1.4252 1.002-3.1807 1.4186-4.9041 1.1639-1.7235-.2547-3.2834-1.1612-4.3578-2.5326-1.0745-1.3714-1.5815-3.1029-1.4165-4.8372.1651-1.7343.9896-3.3391 2.3035-4.4832 1.3138-1.1441 3.0167-1.7402 4.7573-1.6652 1.7405.075 3.3859.8152 4.5965 2.068 1.2106 1.2528 1.8941 2.9226 1.9094 4.6647.0154 1.7421-.6386 3.4236-1.827 4.6975l2.303 2.3036c.0652.0652.1169.1425.1522.2277.0353.0851.0535.1764.0535.2685 0 .0922-.0182.1835-.0535.2686-.0353.0852-.087.1625-.1522.2276Zm-7.2285-13.3084c1.0689 0 2.1138.3169 3.0025.9108.8888.5938 1.5815 1.4379 1.9905 2.4254.4091.9876.5161 2.0742.3076 3.1226-.2085 1.0483-.7233 2.0113-1.4791 2.7671-.7558.7559-1.7188 1.2706-2.7671 1.4791-1.0484.2086-2.1351.1015-3.1226-.3075-.9875-.4091-1.8316-1.1018-2.4254-1.9905-.5939-.8888-.9108-1.9337-.9108-3.0026 0-1.4333.5693-2.808 1.5829-3.8215 1.0135-1.0135 2.3882-1.5829 3.8215-1.5829Zm2.0267 6.08h-1.3511v1.3511c0 .1792-.0712.351-.1979.4777-.1267.1267-.2985.1978-.4777.1978-.1792 0-.351-.0711-.4777-.1978-.1267-.1267-.1979-.2985-.1979-.4777v-1.3511h-1.3511c-.1791 0-.351-.0712-.4776-.1979-.1267-.1267-.1979-.2985-.1979-.4777 0-.1791.0712-.351.1979-.4777.1266-.1267.2985-.1978.4776-.1978h1.3511v-1.3511c0-.1792.0712-.351.1979-.4777.1267-.1267.2985-.1979.4777-.1979.1792 0 .351.0712.4777.1979.1267.1267.1979.2985.1979.4777v1.3511h1.3511c.1791 0 .351.0711.4776.1978.1267.1267.1979.2986.1979.4777 0 .1792-.0712.351-.1979.4777-.1266.1267-.2985.1979-.4776.1979Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.card-img-main:hover::after {
  transform: translate(-50%, -50%) scale(100%);
}
.card-img-main > img {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: auto;
}
.card-img .swiper-button-prev, .card-img .swiper-button-next {
  width: 35rem;
  height: 35rem;
}
.card-img .swiper-button-prev::after, .card-img .swiper-button-next::after {
  width: 14rem;
  height: 14rem;
}
.card-img .swiper-button-prev {
  left: -20rem;
}
.card-img .swiper-button-next {
  right: -20rem;
}
.card-text {
  width: 100%;
  padding-right: 30rem;
  display: flex;
  flex-direction: column;
  gap: 30rem;
}
.card-text-item {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.card-text-title {
  color: #000000;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-text-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
}
.card-text-size {
  cursor: pointer;
  padding: 11.5rem 20rem;
  border-radius: 6rem;
  border: 1px solid #E3F5EA;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  transition: 0.4s ease;
}
.card-text-size.active {
  border-color: #568783;
  color: #568783;
}
@media (min-width: 801px) {
  .card-text-size:hover {
    border-color: rgba(86, 135, 131, 0.7);
  }
}
.card-text-features {
  width: 580rem;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
.card-text-features-item {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14rem;
}
.card-text-features-item-key, .card-text-features-item-value {
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-text-features-item-key > span, .card-text-features-item-value > span {
  color: #000000;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-text-features-item-line {
  width: 100%;
  border-top: 1rem #E3F5EA dashed;
  margin-bottom: 8rem;
}
.card-text-imgs {
  display: flex;
  gap: 16rem;
  flex-wrap: wrap;
}
.card-text-img {
  cursor: pointer;
  width: 90rem;
  height: 90rem;
  overflow: hidden;
  border: 1px solid #E3F5EA;
  border-radius: 8rem;
  transition: 0.4s ease;
}
.card-text-img.active {
  border-color: #568783;
}
.card-text-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 801px) {
  .card-text-img:hover {
    border-color: rgba(86, 135, 131, 0.7);
  }
}
.card-right {
  position: sticky;
  top: 134rem;
  height: fit-content;
  width: 100%;
  padding: 30rem 34rem;
  background-color: #F1F6F3;
  overflow: hidden;
  border-radius: 12rem;
}
.card-right.loading {
  pointer-events: none;
}
.card-right.loading .loading-wrapper {
  display: flex;
}
.card-right .loading-wrapper {
  position: absolute;
  inset: 0;
  background-color: rgba(86, 135, 131, 0.3);
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
}
.card-right .loading-wrapper::after {
  content: "";
  width: 20rem;
  height: 20rem;
  border: 4rem solid #d9d9d9;
  border-top: 4rem solid #568783;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.card-right .btn-in_cart {
  width: 100%;
  margin-bottom: 10rem;
}
.card-right-wrapper {
  padding: 0;
  border: none;
}
.card-right-price {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
  margin-bottom: 24rem;
}
.card-right-price-prev {
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 10rem;
  text-decoration: line-through;
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.card-right-buy {
  display: flex;
  justify-content: space-between;
  gap: 12rem;
  margin-bottom: 10rem;
}
.card-right-buy .btn {
  flex-shrink: 0;
  flex-grow: 1;
}
.card-right-buy-min, .card-right-buy-plus {
  pointer-events: all;
  cursor: pointer;
  box-sizing: content-box;
  width: 10rem;
  height: 10rem;
  padding: 3rem;
  flex-shrink: 0;
  background-color: #FFFFFF;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.card-right-buy-min {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23939aad' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M3.332 8h9.333'/%3E%3C/svg%3E");
}
.card-right-buy-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23939aad' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M8 3.333v9.334M3.332 8h9.333'/%3E%3C/svg%3E");
}
.card-right-buy-count {
  field-sizing: content;
  text-align: center;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-right-counter {
  width: 106rem;
  padding: 13.5rem 14rem;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8rem;
}
.card-right-consultation {
  display: flex;
  align-items: center;
  gap: 14rem;
  padding: 12rem 24rem;
  border: 1rem solid #E5E5E5;
  transition: 0.3s ease;
  cursor: pointer;
  border-radius: 8rem;
}
.card-right-consultation::before {
  display: block;
  content: "";
  width: 24rem;
  height: 24rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M19.3366 8.75664C19.734 8.7245 20.1363 8.80935 20.4853 9.00526C20.7362 9.14608 20.9235 9.33505 21.0589 9.49009C21.1336 9.57569 21.2347 9.70386 21.3082 9.7971C21.7642 10.351 22.2304 10.9205 22.5041 11.3091C22.7868 11.7104 23.0009 12.0927 23.1193 12.5259C23.2939 13.1652 23.2939 13.8348 23.1193 14.4741C22.9562 15.0711 22.6279 15.5849 22.3002 16.0137C22.1018 16.2733 21.8613 16.552 21.6495 16.7975C21.5336 16.9318 21.3685 17.1265 21.2814 17.2323C21.0403 17.5265 20.8023 17.8168 20.4853 17.9947C20.1363 18.1906 19.734 18.2755 19.3366 18.2434C18.9789 18.2144 18.4882 17.9904 18.1252 17.8243C17.7691 17.6652 17.0975 17.3652 16.8418 16.6081C16.7487 16.3327 16.7495 16.0384 16.7501 15.7645V11.2355C16.7495 10.9616 16.7487 10.6672 16.8418 10.3919C17.0975 9.63482 17.7691 9.33478 18.1252 9.17566C18.4882 9.00958 18.9789 8.78557 19.3366 8.75664Z' fill='%23568783' /%3E%3Cpath opacity='0.4' d='M5.66362 8.75664C5.26626 8.7245 4.86396 8.80935 4.51491 9.00526C4.26402 9.14608 4.07673 9.33505 3.94139 9.49009C3.86666 9.57569 3.76559 9.70386 3.69207 9.7971C3.23606 10.351 2.76984 10.9205 2.49611 11.3091C2.21345 11.7104 1.99933 12.0927 1.88098 12.5259C1.70634 13.1652 1.70634 13.8348 1.88098 14.4741C2.04407 15.0711 2.3724 15.5849 2.70006 16.0137C2.89841 16.2733 3.13893 16.552 3.35081 16.7975C3.4667 16.9318 3.63171 17.1265 3.71888 17.2323C3.95993 17.5265 4.19792 17.8168 4.51491 17.9947C4.86396 18.1906 5.26626 18.2755 5.66362 18.2434C6.02133 18.2144 6.51211 17.9904 6.87501 17.8243C7.23117 17.6652 7.90272 17.3652 8.1585 16.6081C8.25152 16.3327 8.25079 16.0384 8.25012 15.7645V11.2355C8.25079 10.9616 8.25152 10.6672 8.1585 10.3919C7.90272 9.63482 7.23117 9.33478 6.87501 9.17566C6.5121 9.00958 6.02133 8.78557 5.66362 8.75664Z' fill='%23568783' /%3E%3Cpath d='M18.5 17.9931V18.3018C18.5 19.3201 17.3766 20.5018 15.5 20.5018H13.5C12.9477 20.5018 12.5 20.9495 12.5 21.5018C12.5 22.054 12.9477 22.5018 13.5 22.5018H15.5C18.0417 22.5018 20.5 20.8181 20.5 18.3018V17.9883C20.4952 17.991 20.4904 17.9938 20.4856 17.9965C20.1365 18.1924 19.7342 18.2773 19.3369 18.2451C19.0923 18.2253 18.7856 18.1144 18.5 17.9931Z' fill='%23568783' /%3E%3Cpath d='M6.52845 9.02053C6.8149 6.59481 9.24883 4.5 12.5002 4.5C15.7516 4.5 18.1856 6.59492 18.4719 9.02072C18.7654 8.89481 19.0844 8.77707 19.337 8.75664C19.7325 8.72465 20.1329 8.80855 20.4808 9.0025C20.1868 5.24945 16.5896 2.5 12.5002 2.5C8.41064 2.5 4.81338 5.24958 4.51953 9.00277C4.86755 8.80863 5.26811 8.72464 5.66379 8.75664C5.9163 8.77706 6.23511 8.89469 6.52845 9.02053Z' fill='%23568783' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s ease;
}
.card-right-consultation-text-main {
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-right-consultation-text-sub {
  color: #939AAD;
  transition: 0.4s ease;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 601px) {
  .card-right-consultation:hover {
    color: #FFFFFF;
    background: rgba(86, 135, 131, 0.7);
  }
  .card-right-consultation:hover .card-right-consultation-text-sub {
    color: rgba(255, 255, 255, 0.8);
  }
  .card-right-consultation:hover::before {
    filter: brightness(0) invert(1);
  }
}
.card-right-garanty {
  margin-top: 24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  transition: 0.3s ease;
  color: #568783;
}
.card-right-garanty::before {
  display: block;
  content: "";
  width: 22rem;
  height: 22rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23568783' d='m19.393 4.134-.442-.15-14.15 14.16.424.524c1.267 1.565 2.93 2.82 4.973 3.645l.034.014c.614.248 1.047.423 1.773.423s1.16-.175 1.773-.423l.035-.014c6.286-2.54 8.829-9.044 7.666-15.876l-.007-.043a9 9 0 0 0-.151-.76 1.8 1.8 0 0 0-.35-.706c-.197-.23-.463-.368-.687-.466-.237-.104-.54-.209-.892-.328'/%3E%3Cpath fill='%23568783' d='m19.388 4.134-.265-.09c-.715-.24-1.366-.619-2.106-1.05-.304-.176-.623-.362-.968-.55C14.918 1.825 13.61 1.25 12 1.25c-1.613 0-2.92.575-4.051 1.194-.345.188-.664.374-.968.55-.738.431-1.388.81-2.103 1.05l-.026.009c-.423.142-.776.261-1.044.372-.254.105-.559.25-.774.503-.19.223-.287.472-.35.707a9 9 0 0 0-.151.76l-.006.029c-.785 4.596.099 9.036 2.695 12.244l.525.647L20.53 4.521z' opacity='.4'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.card-right-garanty-text {
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-content-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-content-subtitle {
  margin-top: 16rem;
}
.card-parametrs {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  width: 100%;
}
.card-parametr-title {
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-parametr-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14rem;
  width: 100%;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 12rem;
}
.card-parametr-param {
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.7);
}
.card-parametr-value {
  color: rgba(0, 0, 0, 0.7);
  text-align: right;
  flex-shrink: 0;
  max-width: 30%;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-parametr-value > span {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  color: #000000;
}
.card-parametr-line {
  align-self: end;
  width: 100%;
  border-top: 1rem #E3F5EA dashed;
  margin-bottom: 8rem;
}
.card-docs {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 34rem;
}
.card-docs-item {
  transition: 0.3s ease;
  width: 100%;
  padding: 32rem 34rem;
  background-color: #F1F6F3;
  border-radius: 12rem;
}
@media (min-width: 801px) {
  .card-docs-item:hover {
    background-color: #568783;
  }
  .card-docs-item:hover .card-docs-title {
    color: #FFFFFF;
  }
  .card-docs-item:hover .card-docs-download {
    color: #FFFFFF;
  }
  .card-docs-item:hover .card-docs-download::before {
    filter: brightness(0) invert(1);
  }
}
.card-docs-title {
  transition: 0.3s ease;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.card-docs-download {
  transition: 0.3s ease;
  margin-top: 14rem;
  display: flex;
  align-items: center;
  gap: 8rem;
  color: #568783;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-docs-download::before {
  display: block;
  transition: 0.3s ease;
  content: "";
  width: 24rem;
  height: 24rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23568783' fill-rule='evenodd' d='M8.25 17a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M11.47 13.53a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06l-2.22 2.22V6a.75.75 0 0 0-1.5 0v5.19L9.03 8.97a.75.75 0 0 0-1.06 1.06z' clip-rule='evenodd'/%3E%3Cpath fill='%23568783' fill-rule='evenodd' d='M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.card-advantages {
  grid-column-start: 1;
  margin-top: 34rem;
}
.card-advantages-items {
  margin-top: 8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.card-advantages-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  padding: 0rem 20rem;
  height: 60rem;
  overflow: hidden;
  position: relative;
  background-color: #F1F6F3;
  border-radius: 12rem;
}
.card-advantages-item-name {
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.card-advantages-item > img {
  flex-shrink: 0;
  width: 24rem;
  height: 24rem;
}

@media (max-width: 800px) {
  .card-title {
    margin-bottom: 30rem;
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30rem;
  }
  .card-marks {
    left: 30rem;
    top: 12rem;
  }
  .card-mark {
    padding: 5rem 10rem;
    border-radius: 8rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
  .card-img {
    width: 100vw;
    margin-left: -5vw;
    padding: 0 5vw;
    overflow: hidden;
  }
  .card-img-items {
    margin-top: 0rem;
    position: relative;
    border: 1rem solid #E3F5EA;
    border-radius: 12rem;
  }
  .card-img-items .swiper-wrapper {
    width: 100%;
    flex-direction: row;
  }
  .card-img-items .swiper-slide {
    width: fit-content;
  }
  .card-img-items .swiper-slide:only-child .card-img-item {
    width: 100%;
    margin: 0;
  }
  .card-img-item {
    flex-shrink: 0;
    height: 335rem;
    width: 335rem;
    margin-right: 0;
    border: none;
  }
  .card-img-main {
    display: none;
  }
  .card-content-top {
    flex-direction: column;
    gap: 30rem;
  }
  .card-text {
    gap: 34rem;
    padding-right: 0;
  }
  .card-text-item {
    gap: 12rem;
  }
  .card-text-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .card-text-sizes {
    gap: 15rem;
  }
  .card-text-size {
    padding: 10rem 14rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-text-features {
    margin-top: 4rem;
    width: 100%;
  }
  .card-text-features-item {
    gap: 14rem;
  }
  .card-text-features-item-key, .card-text-features-item-value {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-text-features-item-key > span, .card-text-features-item-value > span {
    font-weight: 700;
  }
  .card-right {
    position: static;
    height: fit-content;
    padding: 30rem 26rem;
  }
  .card-right-price {
    font-size: 18rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .card-right-price-prev {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
    margin-bottom: 6rem;
  }
  .card-right-buy .btn {
    width: auto;
  }
  .card-right-garanty {
    margin-top: 20rem;
  }
  .card-right-garanty::before {
    width: 20rem;
    height: 20rem;
  }
  .card-right-garanty-text {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-right-consultation-text-main {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-right-consultation-text-sub {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-parametr-param, .card-parametr-value {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-parametr-param > span, .card-parametr-value > span {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-docs {
    grid-template-columns: 1fr;
    gap: 16rem;
  }
  .card-docs-item {
    padding: 24rem;
  }
  .card-docs-title {
    font-size: 15rem;
    line-height: 1.4;
    letter-spacing: -0.01em;
  }
  .card-docs-download {
    margin-top: 12rem;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-docs-download::before {
    width: 22rem;
    height: 22rem;
  }
  .card .section_t_m {
    padding-top: 0;
  }
  .card .section_b_xs {
    padding-bottom: 0;
  }
  .card-advantages {
    margin-top: 6rem;
  }
  .card-advantages-items {
    margin-top: 0;
    gap: 12rem;
    flex-direction: column;
  }
  .card-advantages-item {
    width: fit-content;
    height: 47rem;
    padding: 0rem 16rem;
    justify-content: start;
  }
  .card-advantages-item-name {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .card-advantages-item > img {
    width: 20rem;
    height: 20rem;
  }
}
.delivery-wrapper {
  background-color: #304a47;
  padding: 54rem 80rem;
  position: relative;
  border-radius: 12rem;
}
.delivery-wrapper-bg {
  border-radius: 12rem;
  overflow: hidden;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.delivery-wrapper-bg > img {
  width: 1816rem;
  height: 100%;
  object-fit: cover;
}
.delivery-text {
  position: relative;
  z-index: 3;
  width: 1090rem;
  margin-bottom: 44rem;
}
.delivery-text-title {
  color: #FFFFFF;
  font-size: 36rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.02em;
}
.delivery-text-subtitle {
  margin-top: 14rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.delivery .form-item-spliter, .delivery .form-submit-checkbox {
  z-index: 3;
  position: relative;
}
.delivery .form-item-spliter {
  width: 1200rem;
}
.delivery .form-submit-checkbox {
  color: #FFFFFF;
}
.delivery .form-submit-checkbox a {
  color: #FFFFFF;
}
.delivery-img {
  z-index: 1;
  height: 440rem;
  width: 440rem;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
}
.delivery-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 800px) {
  .delivery-wrapper {
    padding: 36rem 30rem 240rem;
    overflow: hidden;
  }
  .delivery-text {
    width: 100%;
    margin-bottom: 30rem;
  }
  .delivery-text-title {
    font-size: 20rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .delivery-text-subtitle {
    margin-top: 10rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .delivery .form-item-spliter {
    width: 100%;
  }
  .delivery-img {
    z-index: 1;
    height: 320rem;
    width: 320rem;
    position: absolute;
    bottom: -85rem;
    right: -10rem;
  }
}
.footer {
  position: relative;
  overflow: hidden;
}
.footer::before {
  pointer-events: none;
  bottom: -113rem;
  left: -151rem;
  position: absolute;
  content: "";
  display: block;
  width: 620rem;
  height: 620rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.footer .container {
  padding: 60rem 0;
  display: flex;
  justify-content: space-between;
  gap: 30rem;
}
.footer .container-bot {
  align-items: center;
  padding: 24rem 0;
}
.footer .container-bot > * {
  max-width: 350rem;
}
.footer-container_full {
  background-color: #304a47;
}
.footer-container_full:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-container_full:last-child .container {
  padding: 26rem 0;
}
.footer-bot {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.footer-policy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.footer-policy a {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease;
}
@media (min-width: 801px) {
  .footer-policy a:hover {
    color: #568783;
  }
}
.footer-time {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  height: 43rem;
  padding: 0 24rem;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  border-radius: 12rem;
  transition: 0.3s ease;
}
@media (min-width: 801px) {
  .footer-time:hover {
    background-color: #568783;
  }
}
.footer-column-title {
  margin-bottom: 16rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.footer-column-list {
  max-width: 210rem;
  flex-direction: column;
  gap: 14rem;
}
@media (min-width: 801px) {
  .footer-column-list {
    display: flex !important;
  }
}
.footer-column-contacts {
  gap: 12rem;
}
.footer-column-link {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .footer-column-link:hover {
    color: #6eaaa4;
  }
}
.footer-contacts a {
  transition: 0.3s ease;
  white-space: nowrap;
}
@media (min-width: 801px) {
  .footer-contacts a:hover {
    color: #6eaaa4;
  }
}
.footer-mobil-contact-text-main {
  color: #FFFFFF;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.footer-mobil-contact-text-sub {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

.footer .logo-img {
  display: block;
  width: 220rem;
  height: 56rem;
}
.footer .logo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer .logo-descriptor {
  margin-top: 20rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

.footer .btn {
  margin-top: 32rem;
}

@media (max-width: 800px) {
  .footer::before {
    display: none;
  }
  .footer .container {
    padding: 36rem 0;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 20rem;
  }
  .footer .container-bot {
    padding-bottom: 72rem;
    padding-top: 36rem;
    gap: 24rem;
    align-items: start;
  }
  .footer-container_full:first-child .container {
    padding-top: 36rem;
  }
  .footer-container_full:last-child .container {
    padding-bottom: 72rem;
  }
  .footer-container_full .container {
    padding: 34rem 0;
  }
  .footer-column-item {
    width: 100%;
  }
  .footer-column-item:first-child {
    padding-bottom: 34rem;
    position: relative;
  }
  .footer-column-item:first-child::before {
    position: absolute;
    display: block;
    content: "";
    width: 100vw;
    left: -5vw;
    bottom: 0;
    height: 1rem;
    background: rgba(255, 255, 255, 0.1);
  }
  .footer-column-title {
    margin-bottom: 10rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-column-list {
    gap: 0;
  }
  .footer-column-contacts {
    display: flex;
    gap: 8rem;
    padding: 10rem 0;
  }
  .footer-column-link {
    padding: 6rem 0rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-column-link-sub_items {
    margin-top: 0rem;
  }
  .footer-column-link-sub_link {
    gap: 10rem;
    font-size: 12.5rem;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-column-link-sub_link::before {
    width: 13rem;
  }
  .footer-mobil-contact-text-main {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .footer-mobil-contact-text-sub {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-bot {
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-policy {
    align-items: start;
    gap: 6rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer-time {
    height: 40rem;
    padding: 0 20rem;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer .logo-img {
    width: 173rem;
    height: 44rem;
  }
  .footer .logo-descriptor {
    margin-top: 14rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .footer .btn {
    margin-top: 8rem;
  }
}
.faq-title {
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.faq-title-wrapper {
  text-align: left;
  width: 340rem;
  flex-shrink: 0;
  margin: 0;
  top: 128rem;
  height: fit-content;
  position: sticky;
}
.faq-title-wrapper .btn {
  width: fit-content;
}
.faq-subtitle {
  color: rgba(0, 0, 0, 0.7);
  margin-top: 20rem;
  margin-bottom: 34rem;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.faq-wrapper {
  display: flex;
  gap: 80rem;
}
.faq-items {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  height: fit-content;
  width: 100%;
}
.faq-item {
  position: relative;
  width: 100%;
  transition: 0.3s ease;
  cursor: pointer;
  background: #F1F6F3;
  border-radius: 12rem;
}
.faq-item-title {
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.faq-item-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30rem;
  padding: 26rem 40rem;
}
.faq-item-content {
  height: 0;
  overflow: hidden;
  transition: 0.4s ease;
  cursor: auto;
  border-top: 0rem solid #E3F5EA;
  color: rgba(0, 0, 0, 0.7);
}
.faq-item-content .wysiwyg {
  padding: 34rem 60rem 44rem;
}
.faq-item-content .wysiwyg:has(> p:first-child) {
  margin-top: 0;
}
.faq-item-content h1, .faq-item-content h2, .faq-item-content h3, .faq-item-content h4, .faq-item-content h5, .faq-item-content h6, .faq-item-content b {
  color: #000000;
}
.faq-item-content p {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 2.2;
}
.faq-item-arrow {
  background: #568783;
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
  border-radius: 1000rem;
}
.faq-item-arrow-wrapper {
  position: relative;
  width: 38rem;
  height: 38rem;
  padding: 4rem;
  flex-shrink: 0;
  background: rgba(86, 135, 131, 0.3);
  transition: 0.3s ease;
  border-radius: 1000rem;
}
.faq-item-arrow-wrapper::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 16rem;
  height: 16rem;
  transition: 0.45s ease;
  z-index: 1;
  filter: brightness(0) invert(100%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23939AAD' d='M6.874 2.667h2.255v10.666H6.874zM2.668 6.919h10.667V9.08H2.668z'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.faq-item.active .faq-item-arrow {
  background: #FFFFFF;
  transform: scale(0);
}
.faq-item.active .faq-item-arrow-wrapper {
  background: #FFFFFF;
}
.faq-item.active .faq-item-arrow-wrapper::before {
  transform: translate(-50%, -50%) rotate(-135deg) scale(1.3);
  filter: brightness(100%) invert(0%);
}

@media (max-width: 800px) {
  .faq {
    overflow: hidden;
  }
  .faq-title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .faq-title-wrapper {
    width: auto;
    flex-shrink: 0;
    top: auto;
    height: fit-content;
    position: relative;
  }
  .faq-title-wrapper .btn {
    display: none;
  }
  .faq-subtitle {
    display: none;
  }
  .faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30rem;
  }
  .faq-items {
    gap: 20rem;
  }
  .faq-item {
    display: none;
  }
  .faq-item:nth-child(1), .faq-item:nth-child(2), .faq-item:nth-child(3) {
    display: block;
  }
  .faq-item-title {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .faq-item-title-wrapper {
    gap: 14rem;
    padding: 18rem 26rem;
  }
  .faq-item-content {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 2.2;
  }
  .faq-item-content .wysiwyg h4, .faq-item-content .wysiwyg h5, .faq-item-content .wysiwyg h6 {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .faq-item-content .wysiwyg li {
    font-size: 12.5rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .faq-item-content .wysiwyg li::before {
    width: 20rem;
    height: 20rem;
    font-size: 14rem;
  }
  .faq-item-content p {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 2.2;
  }
  .faq-item-content .wysiwyg {
    padding: 18rem 26rem;
  }
  .faq-item-arrow-wrapper {
    width: 30rem;
    height: 30rem;
    padding: 3rem;
  }
  .faq-item-arrow-wrapper::before {
    width: 13rem;
    height: 13rem;
  }
  .faq .btn-more {
    margin-top: 36rem;
  }
  .faq:has(input[type=radio]:checked) .faq-item {
    display: block;
  }
}
body:has(#main) .header {
  background: rgba(0, 0, 0, 0);
}

.header {
  background: #304a47;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 1rem solid rgba(255, 255, 255, 0.1);
  padding-bottom: 21.5rem;
  padding-top: 21.5rem;
  transition: 0.3s ease;
}
.header-dark {
  background: #304a47 !important;
}
.header:has(.active) {
  background: #304a47 !important;
}
.header a {
  color: rgba(255, 255, 255, 0.8);
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logo {
  display: block;
  height: 56rem;
  width: 220rem;
  flex-shrink: 0;
}
.header .logo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-contacts {
  display: flex;
  align-items: center;
  gap: 34rem;
}
.header-contacts a {
  color: #FFFFFF;
}
.header-contact {
  display: flex;
  position: relative;
  align-items: center;
  gap: 10rem;
  transition: 0.3s ease;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.01em;
}
.header-contact::before {
  filter: brightness(0) invert(1);
  display: block;
  content: "";
  flex-shrink: 0;
  width: 16rem;
  height: 16rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.header-contact-number::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23568783' d='M15.617 12.12c-.567-.588-1.304-.588-1.895 0l-1.327 1.322c-.123.122-.222.146-.369.075-.27-.17-.59-.291-.86-.465-1.28-.81-2.362-1.84-3.321-3.012-.468-.588-.884-1.2-1.181-1.91-.047-.146-.047-.22.075-.343.468-.419.884-.856 1.328-1.299.614-.611.614-1.322 0-1.933L7.009 3.5c-.369-.367-.714-.734-1.082-1.078-.567-.564-1.304-.564-1.895 0L2.705 3.745c-.42.42-.638.908-.69 1.468-.076.908.146 1.788.468 2.644.666 1.788 1.672 3.331 2.877 4.776 1.649 1.962 3.614 3.505 5.905 4.606 1.035.489 2.093.88 3.223.955.812.047 1.502-.17 2.064-.786.369-.442.813-.81 1.205-1.223.59-.612.59-1.346 0-1.934z'/%3E%3C/svg%3E");
}
.header-contact-mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23568783' clip-path='url(%23a)'%3E%3Cpath d='M20.002 16.436V4.022l-6.896 6.207zM10.002 13.023l-1.97-1.772-6.895 6.207h17.73l-6.896-6.207zM18.867 3H1.137l8.865 7.979zM0 4.022v12.414l6.896-6.207z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .header-contact:hover {
    color: #6eaaa4;
  }
}
.header .cart {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  text-align: center;
}
.header .cart-img {
  width: 24rem;
  height: 24rem;
}
.header .cart-img > path {
  transition: 0.4s ease;
}
.header .cart-text {
  color: #FFFFFF;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
  letter-spacing: -0.01em;
  transition: 0.4s ease;
}
.header .cart-count {
  position: absolute;
  top: -6rem;
  right: 13rem;
  height: 16rem;
  width: 16rem;
  background-color: #568783;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 11rem;
  line-height: 1.8;
  letter-spacing: -0.03em;
  border-radius: 2rem;
}
@media (min-width: 801px) {
  .header .cart:hover .cart-text {
    color: #6eaaa4;
  }
  .header .cart:hover .cart-img > path {
    fill: #6eaaa4;
  }
}

.nav {
  display: flex;
  align-items: center;
}
.nav-wrapper {
  width: 100%;
}
.nav-wrapper__items {
  display: flex;
  gap: 44rem;
}
.nav-wrapper__item-btn {
  display: flex;
  align-items: center;
  position: static;
  cursor: pointer;
}
.nav-wrapper__item-btn:after {
  display: block;
  content: "";
  transition: 0.3s ease;
  width: 16rem;
  height: 16rem;
  filter: grayscale(100%) brightness(190%) contrast(70%);
  margin-left: 6rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}
.nav-wrapper__item-btn.active {
  color: #568783;
}
.nav-wrapper__item-btn.active:after {
  filter: brightness(100%) invert(0%);
  transform: translateY(1rem) rotate(180deg);
}
.nav-wrapper__item-btn.active > img {
  filter: grayscale(0) brightness(1) contrast(1);
}
.nav-wrapper__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease;
  cursor: pointer;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.01em;
}
.nav-wrapper__item-link-icon {
  display: none;
}
.nav-wrapper__item-link-icon-products {
  flex-shrink: 0;
  display: block;
  width: 20rem;
  height: 20rem;
  transition: 0.3s ease;
  margin-right: 10rem;
  filter: grayscale(100%) brightness(190%) contrast(70%);
}
@media (min-width: 801px) {
  .nav-wrapper__item-link:hover {
    color: #6eaaa4;
  }
  .nav-wrapper__item-link:hover > img {
    filter: grayscale(0) brightness(1) contrast(1);
  }
  .nav-wrapper__item-link:hover:after {
    filter: brightness(100%) invert(0%);
  }
}

.sub-menu__back {
  display: none;
}
.sub-menu__title {
  display: none;
}
.sub-menu__items {
  flex-shrink: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.sub-menu__items-wrapper {
  position: absolute;
  background: #304a47;
  padding: 44rem 52rem;
  top: 100rem;
  display: flex;
  flex-direction: column;
  max-width: 618rem;
  border: 1rem solid rgba(255, 255, 255, 0.1);
  border-top: none;
  border-radius: 12rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sub-menu__items-wrapper p.sub-menu__item-link {
  pointer-events: none;
}
.sub-menu__item {
  display: flex;
  flex-direction: column;
  transition: 0.3s ease;
}
.sub-menu__item-sub_items {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin-top: 12rem;
}
.sub-menu__item-sub_item {
  display: flex;
  align-items: center;
  gap: 10rem;
  transition: 0.3s ease;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .sub-menu__item-sub_item:hover {
    color: #568783;
  }
}
.sub-menu__item-sub_item::before {
  content: "";
  display: block;
  width: 16rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.sub-menu__item-link {
  display: flex;
  align-items: center;
  width: 100%;
  transition: 0.3s ease;
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.01em;
}
@media (min-width: 801px) {
  .sub-menu__item-link:hover {
    color: #568783;
  }
}

@media (max-width: 800px) {
  body:has(#main) .header {
    background-color: rgba(0, 0, 0, 0);
  }
  .header {
    padding-bottom: 13rem;
    padding-top: 13rem;
  }
  .header:has(.nav-mobi-active) {
    background: #304a47 !important;
    transition: 0.4s ease;
  }
  .header .logo {
    height: 40rem;
    width: 157rem;
  }
  .header .burger-menu {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10rem;
    padding: 6rem 6rem 6rem 12rem;
    flex-shrink: 0;
    transition: 0.4s ease;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 8rem;
  }
  .header .burger-menu-text {
    color: #FFFFFF;
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    transition: 0.4s ease;
  }
  .header .burger-menu-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    width: 32rem;
    height: 32rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 7.9rem 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 7.9rem 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 7.9rem 0 rgba(0, 0, 0, 0.05);
    border-radius: 8rem;
    transition: 0.4s ease;
  }
  .header .burger-menu-wrapper > span {
    height: 2px;
    background-color: #568783;
    width: 14rem;
    transition: 0.3s ease;
  }
  .header .burger-menu-active {
    padding: 6rem 12rem 6rem 6rem;
  }
  .header .burger-menu-active .burger-menu-text {
    transform: translateX(calc(100% + 4rem));
  }
  .header .burger-menu-active .burger-menu-wrapper {
    transform: translateX(calc(-100% - 16rem));
  }
  .header .burger-menu-active .burger-menu-wrapper > span {
    position: absolute;
  }
  .header .burger-menu-active .burger-menu-wrapper > span:nth-child(1) {
    top: 50%;
    width: 16rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header .burger-menu-active .burger-menu-wrapper > span:nth-child(3) {
    top: 50%;
    width: 16rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header .burger-menu-active .burger-menu-wrapper > span:nth-child(2) {
    transform: scale(0);
  }
  .header-mobil {
    flex-direction: column;
  }
  .header-mobil .nav-wrapper-title-second {
    padding: 0;
    margin-bottom: 10rem;
  }
  .header-mobil-contacts {
    padding: 8rem 0rem;
    display: flex;
    flex-direction: column;
    gap: 16rem;
  }
  .header-mobil-contact-text-main {
    color: #FFFFFF;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .header-mobil-contact-text-sub {
    color: rgba(255, 255, 255, 0.8);
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .nav {
    position: fixed;
    display: block;
    width: 100%;
    top: 71rem;
    left: 0;
    transition: 0.4s ease;
    pointer-events: none;
    background: #304a47;
    color: #FFFFFF;
    transform: translateX(-100%);
    height: calc(100vh - 70rem);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .nav-wrapper {
    position: relative;
    padding: 20rem;
    padding-bottom: 150rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: 0.3s ease;
  }
  .nav-wrapper:has(.sub-menu.active) {
    padding-bottom: 0;
    transform: translateX(-100%);
  }
  .nav-wrapper:has(.sub-menu.active2) {
    transform: translateX(-200%);
  }
  .nav-wrapper:has(.sub-menu.active3) {
    transform: translateX(-300%);
  }
  .nav-wrapper-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 12rem;
  }
  .nav-wrapper-title-second {
    padding: 6rem 0;
  }
  .nav-wrapper__items {
    flex-direction: column;
    gap: 6rem;
    margin-bottom: 20rem;
  }
  .nav-wrapper__item {
    width: 100%;
  }
  .nav-wrapper__item-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    gap: 12rem;
    width: 100%;
    padding: 8rem 0;
    color: #FFFFFF;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .nav-wrapper__item-link-name {
    color: #FFFFFF;
  }
  .nav-wrapper__item-link-icon {
    display: block;
    width: 18rem;
    height: 18rem;
    flex-shrink: 0;
    margin-right: 0;
  }
  .nav-wrapper__item-link::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    width: 18rem;
    height: 18rem;
    transform: translateY(-50%);
    filter: grayscale(100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='1.333' d='m6 4 4 4-4 4'/%3E%3C/svg%3E");
  }
  .nav-mobi-active {
    pointer-events: auto;
    transform: translateX(0);
    z-index: -1;
  }
  .sub-menu__title {
    display: block;
    margin-bottom: 16rem;
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .sub-menu__items {
    width: 100%;
    height: calc(100vh - 188rem);
    padding-bottom: 150rem;
    gap: 9rem;
  }
  .sub-menu__items-wrapper {
    display: flex !important;
    padding: 20rem 20rem 100rem 20rem;
    position: absolute;
    box-shadow: none;
    background: none;
    width: 100%;
    top: 0;
    left: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease;
    max-width: unset;
    border: none;
  }
  .sub-menu.active .sub-menu__items-wrapper, .sub-menu.active2 .sub-menu__items-wrapper, .sub-menu.active3 .sub-menu__items-wrapper {
    opacity: 1;
    pointer-events: auto;
  }
  .sub-menu__item {
    border: none;
  }
  .sub-menu__item-sub_items {
    gap: 0rem;
    margin-top: 0rem;
  }
  .sub-menu__item-sub_item {
    padding: 6rem 0rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .sub-menu__item-link {
    padding: 6rem 0;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.01em;
  }
  .sub-menu__back {
    display: flex;
    align-items: center;
    gap: 10rem;
    color: #568783;
    margin-bottom: 18rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .sub-menu__back::before {
    display: block;
    content: "";
    width: 18rem;
    height: 18rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.13063 13.8232C9.20625 13.8962 9.26657 13.9836 9.30806 14.0802C9.34956 14.1768 9.3714 14.2807 9.37231 14.3858C9.37323 14.4909 9.35319 14.5952 9.31338 14.6925C9.27357 14.7898 9.21478 14.8782 9.14044 14.9525C9.0661 15.0269 8.9777 15.0857 8.8804 15.1255C8.78309 15.1653 8.67884 15.1853 8.57371 15.1844C8.46858 15.1835 8.36468 15.1617 8.26809 15.1202C8.17149 15.0787 8.08412 15.0183 8.01109 14.9427L3.26055 10.1922L2.70078 9.63242L3.26055 9.07265L8.01109 4.32211C8.16041 4.17788 8.36041 4.09808 8.56801 4.09988C8.7756 4.10169 8.97419 4.18496 9.12098 4.33175C9.26778 4.47855 9.35105 4.67713 9.35285 4.88473C9.35466 5.09233 9.27485 5.29233 9.13063 5.44165L5.73162 8.84066H14.509C14.719 8.84066 14.9204 8.92408 15.0689 9.07256C15.2174 9.22104 15.3008 9.42243 15.3008 9.63242C15.3008 9.8424 15.2174 10.0438 15.0689 10.1923C14.9204 10.3408 14.719 10.4242 14.509 10.4242H5.73162L9.13063 13.8232Z' fill='%230B9BE5 ' /%3E%3C/svg%3E");
  }
}
.ordering .title-wrapper {
  margin-bottom: 20rem;
}
.ordering .form {
  background-color: #F1F6F3;
  padding: 44rem 60rem 50rem;
  border-radius: 12rem;
}
.ordering-item-buyer {
  display: flex;
  align-items: center;
  gap: 40rem;
  margin-bottom: 34rem;
}

@media (max-width: 800px) {
  .ordering .title-wrapper {
    margin-bottom: 30rem;
  }
  .ordering .form {
    padding: 34rem 30rem;
  }
  .ordering-item-buyer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12rem;
    margin-bottom: 24rem;
  }
}
.ordering_done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #F1F6F3;
  padding: 44rem 0;
  border-radius: 12rem;
}
.ordering_done-icon {
  width: 90rem;
  height: 90rem;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10.8rem;
  margin-bottom: 10rem;
}
.ordering_done-icon > img {
  width: 45rem;
  height: 45rem;
  object-fit: cover;
}
.ordering_done-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ordering_done-subtitle {
  color: rgba(0, 0, 0, 0.7);
  margin-top: 6rem;
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.ordering_done .btn {
  margin-top: 24rem;
}

@media (max-width: 800px) {
  .ordering_done {
    padding: 34rem 24rem;
  }
  .ordering_done-icon {
    width: 72rem;
    height: 72rem;
    margin-bottom: 12rem;
  }
  .ordering_done-icon > img {
    width: 36rem;
    height: 36rem;
  }
  .ordering_done-title {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .ordering_done-subtitle {
    margin-top: 4rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .ordering_done .btn {
    margin-top: 20rem;
    width: fit-content;
  }
}
.information-text-content {
  transition: 0.6s ease;
  overflow: hidden;
  height: 0;
}
.information-text-content p, .information-text-content li {
  color: rgba(0, 0, 0, 0.7);
}
.information-text-content-visible {
  margin-bottom: 16rem;
}
.information-text-content-visible p {
  color: rgba(0, 0, 0, 0.7);
}
.information-text-content-visible .wysiwyg > *:first-child {
  margin-top: 0;
}
.information-text-bottom {
  margin-top: 30rem;
  width: fit-content;
  font-size: 15rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.information-text-bottom-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  background: #F1F6F3;
  text-align: center;
  cursor: pointer;
  height: 44rem;
  padding: 0 24rem;
  color: #000000;
  transition: 0.3s ease;
  border-radius: 8rem;
}
.information-text-bottom-btn::after {
  transition: 0.3s ease;
  width: 14rem;
  height: 14rem;
  margin-left: 6rem;
  content: "";
  transform: rotate(90deg);
  filter: brightness(25%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23568783' d='M5.673 13.68a.813.813 0 0 1-.535-1.441l4.974-4.258-4.977-4.258a.814.814 0 1 1 1.06-1.229L9.04 4.926l2.845 2.431a.814.814 0 0 1 0 1.238l-5.69 4.879a.8.8 0 0 1-.522.206'/%3E%3C/svg%3E");
}
@media (min-width: 801px) {
  .information-text-bottom-btn:hover {
    color: #568783;
  }
  .information-text-bottom-btn:hover::after {
    filter: brightness(100%);
  }
}
.information-text-bottom-btn .button-text-hidden {
  display: none;
}
.information-text-bottom-btn .button-text {
  display: block;
}
.information-text-bottom:has(.information-text-bottom-btn.active) .information-text-bottom-btn::after {
  transform: rotate(270deg);
}
.information-text-bottom:has(.information-text-bottom-btn.active) .button-text-hidden {
  display: block;
}
.information-text-bottom:has(.information-text-bottom-btn.active) .button-text {
  display: none;
}

@media (max-width: 800px) {
  .information-text-content-visible {
    margin-bottom: 19rem;
  }
  .information-text-bottom {
    margin-top: 19rem;
    width: 100%;
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .information-text-bottom-btn {
    justify-content: center;
    width: 100%;
    height: 44rem;
    padding: 0 22rem;
  }
}
.production-item {
  width: 763rem;
  height: 440rem;
  overflow: hidden;
  margin-right: 34rem;
  border-radius: 12rem;
}
.production-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  pointer-events: all;
  transition: 0.4s ease;
}
@media (min-width: 801px) {
  .production-item:hover img {
    transform: scale(1.1);
  }
}

@media (max-width: 800px) {
  .production .title-wrapper {
    margin-bottom: 14rem;
  }
  .production .swiper {
    display: flex;
    flex-direction: column-reverse;
    gap: 30rem;
  }
  .production .swiper-buttons {
    justify-content: start;
    display: flex;
    gap: 10rem;
    margin-bottom: 0;
  }
  .production .swiper-pagination {
    position: static;
    margin-top: 0;
    gap: 4rem;
  }
  .production .swiper-button-prev, .production .swiper-button-next {
    position: relative;
  }
  .production .swiper-container {
    overflow: hidden;
  }
  .production .swiper-wrapper {
    flex-direction: row;
  }
  .production-item {
    width: 100%;
    height: 193rem;
  }
}
.products-wrapper {
  display: flex;
  flex-direction: column;
  gap: 90rem;
}
.products-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 34rem;
}
.products-item {
  padding: 40rem 50rem 280rem;
  background: #F1F6F3;
  position: relative;
  overflow: hidden;
  border-radius: 12rem;
}
.products-item::after {
  position: absolute;
  right: -82rem;
  bottom: -23rem;
  width: 380rem;
  height: 380rem;
  display: block;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='381' height='380' fill='none' viewBox='0 0 381 380'%3E%3Cpath fill='%23568783' fill-opacity='.07' fill-rule='evenodd' d='M176.916 5.501c-45.374 2.9-89.237 22.739-121.498 54.952-27.432 27.393-43.997 58.593-52.029 97.998-3.05 14.96-4.453 43.01-2.152 43.01 1.207 0 17.062 2.16 18.03 2.457.856.262.935-.289.94-6.56.022-25.875 7.867-55.881 20.663-79.032 17.308-31.311 42.79-55.536 75.193-71.483 15.794-7.773 30.639-12.394 48.976-15.246 9.104-1.416 29.7-1.97 39.98-1.077 39.879 3.466 76.623 20.598 104.902 48.91 14.283 14.3 25.051 29.464 33.58 47.293 10.345 21.627 16.353 47.529 16.353 70.51v7.018l1.895-.356c2.145-.402 17.158-2.434 17.988-2.434.358 0 .447-4.469.265-13.217-.365-17.494-2.341-30.904-6.865-46.596-10.904-37.813-32.125-69.768-62.682-94.386-37.432-30.156-84.552-44.892-133.539-41.76m81.737 74.533c-4.112 2.23-10.24 5.56-13.618 7.402a3939 3939 0 0 1-9.473 5.149l-3.332 1.8-.006 35.563-.006 35.563 14.819 8.042c8.152 4.424 15.842 8.553 17.09 9.175l2.27 1.132v-53.95c0-29.672-.06-53.945-.134-53.94s-3.498 1.835-7.61 4.064m20.027 75.174v77.112l8.678-3.965c4.773-2.18 9.46-4.313 10.416-4.74l1.738-.776-.136-66.897-.136-66.897-9.859-5.474c-5.422-3.01-10.049-5.474-10.28-5.474-.232 0-.421 34.7-.421 77.111m-126.749-20.37c-.194 13.88-.353 50.196-.354 80.705v55.47l3.645 4.076c10.905 12.195 19.782 25.09 26.553 38.571 1.314 2.616 2.507 4.757 2.651 4.757s.262-43.085.262-95.746v-95.747l-3.338-1.7c-1.836-.935-6.823-3.587-11.082-5.893s-10.047-5.438-12.863-6.96l-5.12-2.767zm-23.318-17.456-10.948 5.964v21.568c0 18.103.129 21.825.801 23.17.645 1.29 2.578 2.505 9.925 6.242 5.018 2.552 9.764 4.802 10.547 4.998l1.424.358-.008-33.57c-.005-18.463-.185-33.822-.401-34.131-.248-.355-4.423 1.633-11.34 5.401m-38.451 65.364-9.346 5.282-.267 10.589c-.147 5.823-.181 13.846-.076 17.828l.191 7.24 9.822 4.581 9.823 4.58v-27.708c0-15.24-.18-27.701-.401-27.691-.22.009-4.606 2.394-9.746 5.299m142.056 39.009c0 24.086.138 43.792.307 43.792.17 0 2.512-2.034 5.207-4.521 6.312-5.824 14.552-12.245 22.128-17.243l6.014-3.968-.139-22.181-.14-22.181-16.288-8.742c-8.959-4.808-16.468-8.744-16.689-8.745-.22-.001-.4 19.704-.4 43.789m-121.229-12.817c0 17.361.204 30.441.474 30.441.921 0 16.438 10.597 22.178 15.147 3.2 2.537 6.022 4.612 6.27 4.612s.451-14.634.451-32.521v-32.521l-14.371-7.799c-7.905-4.29-14.513-7.799-14.686-7.799s-.316 13.698-.316 30.44m104.406-26.899c-2.35 1.342-6.435 3.528-9.079 4.856-2.643 1.329-5.467 2.883-6.275 3.454l-1.468 1.038v60.845c0 33.465.18 60.842.4 60.838s1.602-2.332 3.071-5.175a180 180 0 0 1 13.863-22.527l4.562-6.311v-49.746c0-27.36-.18-49.738-.401-49.729-.22.009-2.323 1.115-4.673 2.457m161.549 34.733c-33.783 3.371-60.937 10.639-85.618 22.917-45.343 22.559-78.142 61.501-90.821 107.834-2.005 7.326-5.845 27.15-5.355 27.641.432.431 16.628-.81 22.915-1.757 35.821-5.389 66.667-18.743 94.54-40.929 7.309-5.818 22.703-21.121 28.379-28.213 15.789-19.726 27.479-42.498 33.763-65.771 2.091-7.744 4.906-22.278 4.26-21.994-.106.047-1.035.17-2.063.272M1.792 219.486c2.308 16.864 9.761 39.319 18.3 55.14 4.115 7.62 5.482 9.921 9.204 15.487 12.286 18.376 25.454 32.372 43.242 45.96 30.675 23.434 70.516 37.83 108.144 39.079l4.273.141-.158-1.602c-.412-4.169-2.465-15.345-3.902-21.232-10.546-43.224-37.244-78.658-77.794-103.252-21.155-12.831-48.098-22.964-75.69-28.465-8.41-1.677-22.096-3.793-24.534-3.793-1.401 0-1.424.055-1.085 2.537' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.products-item-top {
  z-index: 2;
}
.products-item-top-title {
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.products-item-top-subtitle {
  margin-top: 8rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 19rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.products-item-top .btn {
  margin-top: 24rem;
}
.products-item-img {
  z-index: 2;
  height: 235rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.products-item-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 800px) {
  .products-items {
    grid-template-columns: 1fr;
    gap: 24rem;
  }
  .products-item {
    padding: 28rem 26rem 190rem;
  }
  .products-item::after {
    right: -114rem;
    bottom: -77.5rem;
    width: 320rem;
    height: 320rem;
  }
  .products-item-top-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
  }
  .products-item-top-subtitle {
    margin-top: 4rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .products-item-top .btn {
    margin-top: 20rem;
    height: 52rem;
    width: fit-content;
    padding: 0 26rem;
    font-size: 13.5rem;
    border-radius: 8rem;
    gap: 10rem;
  }
  .products-item-img {
    height: 158.5rem;
  }
}
.services-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 34rem;
}
.services-item {
  margin-right: 0 !important;
}

@media (max-width: 800px) {
  .services-items {
    grid-template-columns: 1fr;
    gap: 24rem;
  }
  .services-item {
    height: 300rem !important;
    margin-bottom: 0 !important;
  }
}
.sitemap {
  width: 100%;
}
.sitemap div {
  width: 100%;
}
.sitemap h2 {
  margin-top: 24rem;
  margin-bottom: 16rem;
}
.sitemap ul {
  margin: 0 !important;
  padding: 0 !important;
}
.sitemap ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.sitemap ul li ul {
  margin: 0 !important;
  padding: 0 !important;
}
.sitemap ul li ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.sitemap ul li::before {
  display: none !important;
}
.sitemap ul li a {
  display: block;
  text-decoration: none !important;
  color: #000000 !important;
  padding: 15rem 30rem;
  border-radius: 36rem;
  margin: 0 0 12rem !important;
  border: 1rem solid #E3F5EA;
  transition: 0.3s ease;
  font-size: 17rem;
  line-height: 1.4;
}
@media (min-width: 801px) {
  .sitemap ul li a:hover {
    color: #568783 !important;
    background: #F1F6F3;
    border-color: #F1F6F3;
  }
}
@media (max-width: 800px) {
  .sitemap .wsp-container h2 {
    margin-top: 24rem;
  }
  .sitemap .wsp-container h2:first-child {
    margin-top: 10rem;
  }
  .sitemap h2 {
    margin-bottom: 14rem;
  }
  .sitemap ul {
    padding: 0 !important;
    margin-bottom: 12rem !important;
  }
  .sitemap ul li {
    margin: 0 !important;
  }
  .sitemap ul li::before {
    display: none !important;
  }
  .sitemap ul li a {
    display: block;
    text-decoration: none !important;
    color: #000000 !important;
    padding: 13rem 24rem;
    border-radius: 36rem;
    border: 1rem solid #E3F5EA;
    transition: 0.3s ease;
    font-size: 13rem;
  }
}
@media (max-width: 800px) and (min-width: 801px) {
  .sitemap ul li a:hover {
    color: #568783 !important;
    background: #F1F6F3;
    border-color: #F1F6F3;
  }
}
@media (max-width: 800px) {
  .sitemap ul li:last-child {
    margin: 0 !important;
  }
}
.projects-item {
  position: relative;
  width: 497.3rem;
  height: 510rem;
  overflow: hidden;
  padding: 40rem 50rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-right: 34rem;
  border-radius: 12rem;
}
.projects-item.simple {
  margin-right: 0;
}
.projects-item-bg {
  position: absolute;
  inset: 0;
}
.projects-item-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}
.projects-item-bg::before {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background: linear-gradient(180deg, rgba(33, 51, 49, 0) 20%, rgba(33, 51, 49, 0.7) 65%, rgba(33, 51, 49, 0.85) 100%);
  opacity: 0.9;
}
.projects-item-bg::after {
  pointer-events: none;
  z-index: 3;
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background: linear-gradient(180deg, rgba(86, 135, 131, 0) 18%, rgba(86, 135, 131, 0.4) 50%, rgb(86, 135, 131) 100%);
  opacity: 0.6;
  bottom: 0;
  transform: translateY(100%);
  transition: 0.4s ease;
}
@media (min-width: 769px) {
  .projects-item:hover .projects-item-bg img {
    transform: scale(1.1);
  }
  .projects-item:hover .projects-item-bg::after {
    transform: translateY(0%);
  }
}
.projects-item-name {
  position: relative;
  z-index: 4;
  color: #FFFFFF;
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.projects-item-name ~ .btn {
  margin-top: 24rem;
  z-index: 4;
  width: fit-content;
}
.projects .btn_get-all {
  display: none;
}

@media (max-width: 768px) {
  .projects:has(.swiper-slide:nth-child(4)) .btn {
    display: flex;
  }
  .projects .swiper-wrapper {
    overflow: hidden;
  }
  .projects .swiper-slide:nth-child(n+4) {
    height: 0;
  }
  .projects .swiper-slide:last-child .projects-item {
    margin-bottom: 0;
  }
  .projects-item {
    width: 100%;
    height: 240rem;
    padding: 26rem 24rem;
    margin-right: 0;
    margin-bottom: 24rem;
    transition: 0.4s ease;
  }
  .projects-item-name {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
  }
  .projects-item-name ~ .btn {
    margin-top: 14rem;
  }
}
body:has(.breadcrumbs) .main-content {
  padding-top: 200rem;
}

.main {
  position: relative;
  margin-bottom: 60rem;
}
.main:has(.container) {
  padding-bottom: 256rem;
  min-height: 793rem;
  overflow: hidden;
}
.main-min {
  margin-bottom: 0;
}
.main-min:has(.container) {
  padding-bottom: 120rem;
  min-height: 564rem;
}
.main-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main-bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-bg-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(33, 51, 49) 49%, rgba(33, 51, 49, 0) 100%);
  opacity: 0.3;
}
.main-bg::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: rgba(33, 51, 49, 0.25);
}
.main-bg::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgb(33, 51, 49) 0%, rgba(33, 51, 49, 0.9) 15%, rgba(33, 51, 49, 0.6) 82%, rgba(33, 51, 49, 0) 100%);
  opacity: 0.8;
}
.main-content {
  padding-top: 180rem;
}
.main-title {
  font-size: 48rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.main-subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: 28rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.02rem;
}
.main-subtitle-wrapper {
  display: flex;
  margin-top: 20rem;
  align-items: center;
  gap: 20rem;
}
.main-btns {
  margin-top: 44rem;
  display: flex;
  gap: 32rem;
}
.main-btns .btn {
  width: fit-content;
}
.main-info {
  margin-top: 60rem;
  display: flex;
  flex-direction: column;
  gap: 24rem;
}
.main-info-item {
  display: flex;
  align-items: center;
  gap: 20rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 22rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.main-info-item .mdn {
  display: inline !important;
}
.main-info-item-img {
  width: 28rem;
  height: 28rem;
  flex-shrink: 0;
}

@media (max-width: 800px) {
  body:has(.breadcrumbs) .main-content {
    padding-top: 140rem;
  }
  .main {
    padding-bottom: 182rem;
    margin-bottom: 36rem;
  }
  .main:has(.container) {
    padding-bottom: 100rem;
    min-height: 660rem;
    overflow: hidden;
  }
  .main-min:has(.container) {
    min-height: 414rem;
  }
  .main-bg::before {
    background-color: rgba(33, 51, 49, 0.4);
  }
  .main-bg::after {
    opacity: 0.9;
  }
  .main-content {
    padding-top: 100rem;
  }
  .main-title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .main-subtitle {
    font-size: 16rem;
    line-height: 1.4;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.8;
  }
  .main-subtitle-wrapper {
    margin-top: 10rem;
  }
  .main-btns {
    margin-top: 22rem;
    gap: 16rem;
    width: 100%;
  }
  .main-btns .btn {
    width: 100%;
  }
  .main-btns .btn-l {
    height: 60rem;
    padding: 0;
    font-size: 14rem;
    border-radius: 8rem;
    gap: 10rem;
  }
  .main-btns .btn-l .btn-icon {
    width: 18rem;
    height: 18rem;
  }
  .main-info {
    margin-top: 46rem;
    gap: 14rem;
  }
  .main-info-item {
    align-items: start;
    gap: 12rem;
  }
  .main-info-item-img {
    height: 22rem;
    width: 22rem;
  }
  .main-info-item-text {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .main-info-item-text .mdn {
    display: none !important;
  }
}
.mission-wrapper {
  display: flex;
  gap: 60rem;
}
.mission-card {
  padding: 40rem 50rem;
  position: relative;
  height: 500rem;
  overflow: hidden;
  flex: 1 1 49%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30rem;
  border-radius: 12rem;
}
.mission-card:last-child {
  background-color: #F1F6F3;
}
.mission-card:first-child .mission-card-title {
  color: #FFFFFF;
}
.mission-card:first-child .mission-card-img::after {
  position: absolute;
  display: block;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(31, 51, 49, 0) 20%, rgba(31, 51, 49, 0.7) 65%, rgba(31, 51, 49, 0.85) 100%);
  opacity: 0.9;
}
.mission-card-bottom {
  justify-content: end;
}
.mission-card-top {
  display: flex;
  justify-content: space-between;
  gap: 20rem;
  align-items: start;
}
.mission-card-top-logo {
  width: 236rem;
  height: 60rem;
  flex-shrink: 0;
}
.mission-card-img {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.mission-card-title {
  font-size: 24rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
  letter-spacing: -0.02em;
  overflow: auto;
}
.mission-card-title .mdn {
  display: inline !important;
}
.mission-card-text {
  overflow: auto;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.mission-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 800px) {
  .mission-wrapper {
    flex-direction: column;
    gap: 24rem;
  }
  .mission-card {
    flex: auto;
    width: 100%;
    height: 240rem;
    padding: 24rem;
  }
  .mission-card-top-logo {
    width: 157rem;
    height: 40rem;
  }
  .mission-card-title {
    font-size: 16rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .mission-card-title .mdn {
    display: none !important;
  }
  .mission-card-text {
    font-size: 13rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .mission-card-bottom > .mission-card-title {
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
}
.map {
  overflow: hidden;
}
.map-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
}
.map-img {
  width: 1340rem;
  height: 745rem;
  pointer-events: none;
}
.map-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.map-item {
  position: absolute;
  width: 31rem;
  height: 34rem;
  cursor: pointer;
  padding: 5rem;
  animation: rubberJump 2s ease infinite;
}
.map-item:hover {
  z-index: 1;
  animation-play-state: paused;
}
.map-item:hover .map-item-text {
  opacity: 1;
  pointer-events: auto;
}
.map-item-text {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s ease;
  top: 0;
  left: 0;
  white-space: nowrap;
  word-wrap: normal;
  overflow-wrap: normal;
  padding: 12rem 14rem;
  transform: translate(-10rem, 34rem);
  background: #FFFFFF;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12rem;
  font-size: 14rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.map-item::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='25' fill='none'%3E%3Cpath fill='%23fff' d='M10.523 15.607c2.227 0 4.033-2.105 4.033-4.701 0-2.597-1.806-4.702-4.033-4.702S6.49 8.31 6.49 10.906s1.806 4.701 4.033 4.701'/%3E%3Cpath fill='%232951D5' d='M20.435 12.165c-.336 2.266-1.344 4.197-2.94 5.709-.925.839-1.765 1.763-2.689 2.602-1.344 1.427-2.688 2.939-4.033 4.366-2.94-2.939-5.629-5.457-8.233-8.228-1.512-1.679-2.1-3.862-2.017-6.129.084-4.869 3.865-9.067 8.57-9.57 5.293-.588 9.83 2.434 11.174 7.388.252 1.007.168 3.61.168 3.861m-9.914 1.93c1.765 0 3.193-1.427 3.277-3.19 0-1.763-1.428-3.274-3.193-3.274-1.68 0-3.276 1.511-3.276 3.19-.084 1.763 1.428 3.274 3.192 3.274'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.map-item-main {
  position: absolute;
  width: 47rem;
  height: 55rem;
  top: 252rem;
  left: 826.5rem;
}
.map-item-main::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='46' fill='none'%3E%3Cpath fill='%232951D5' d='M18.996.852C8.89.852.698 9.044.698 19.148c0 11.232 11.09 18.793 18.297 26 7.133-7.203 18.296-14.808 18.296-26C37.292 9.044 29.1.852 18.996.852'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.993 32.63c7.446 0 13.482-6.036 13.482-13.482S26.439 5.667 18.993 5.667 5.512 11.702 5.512 19.148 11.548 32.63 18.993 32.63' clip-rule='evenodd'/%3E%3Cpath fill='%232951D5' d='M17.026 16.546v7.929h-2.654v-7.929h-2.665v10.14h11.331q1.768 0 2.857-1.263 1.077-1.255.825-2.988l-.022-.146a4.5 4.5 0 0 0-.824-1.964 5 5 0 0 0-1.6-1.423q1.338-1.19 1.535-2.86l.01-.117q.21-1.732-.9-2.985-1.117-1.255-2.863-1.255H11.707v2.211h11.33v10.579h-2.654v-7.929z'/%3E%3C/svg%3E");
}
.map-item-main .map-item-text {
  transform: translate(-10rem, 55rem);
}
.map-item:nth-child(2) {
  top: 400rem;
  left: 887rem;
  animation-delay: -0.3s;
}
.map-item:nth-child(3) {
  top: 340rem;
  left: 1067rem;
  animation-delay: -0.6s;
}
.map-item:nth-child(4) {
  top: 285rem;
  left: 770rem;
  animation-delay: -0.9s;
}
.map-item:nth-child(5) {
  top: 325rem;
  left: 783rem;
  animation-delay: -0.6s;
}
.map-item:nth-child(6) {
  top: 190rem;
  left: 860rem;
  animation-delay: -0.3s;
}
.map-item:nth-child(7) {
  top: 225rem;
  left: 890rem;
  animation-delay: -0.6s;
}
.map-item:nth-child(8) {
  top: 275rem;
  left: 1000rem;
  animation-delay: -0.9s;
}
.map-item:nth-child(9) {
  top: 195rem;
  left: 1000rem;
}
.map-item:nth-child(10) {
  top: 225rem;
  left: 1100rem;
  animation-delay: -0.6s;
}
.map-item:nth-child(11) {
  top: 215rem;
  left: 1180rem;
  animation-delay: -0.2s;
}
.map-item:nth-child(12) {
  top: 355rem;
  left: 870rem;
  animation-delay: -0.8s;
}
.map-item:nth-child(13) {
  top: 475rem;
  left: 1100rem;
  animation-delay: -0.1s;
}

@media (max-width: 800px) {
  .map {
    overflow: hidden;
  }
  .map-wrapper {
    width: 100vw;
    margin-left: -5vw;
    display: flex;
    justify-content: center;
    position: relative;
  }
  .map-img {
    width: 900rem;
    height: 500rem;
    margin-left: -280rem;
  }
  .map-item {
    position: absolute;
    width: 25rem;
    height: 28rem;
    cursor: pointer;
    padding: 5rem;
    animation: rubberJump 2s ease infinite;
  }
  .map-item:hover {
    z-index: 1;
    animation-play-state: paused;
  }
  .map-item:hover .map-item-text {
    opacity: 1;
    pointer-events: auto;
  }
  .map-item-text {
    padding: 9rem 11rem;
    transform: translate(-10rem, 24rem);
    font-size: 12rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .map-item-main {
    position: absolute;
    width: 37rem;
    height: 44rem;
    top: 166rem;
    left: 75rem;
  }
  .map-item-main .map-item-text {
    transform: translate(-10rem, 44rem);
  }
  .map-item:nth-child(2) {
    top: 265rem;
    left: 116rem;
  }
  .map-item:nth-child(3) {
    top: 224rem;
    left: 239rem;
  }
  .map-item:nth-child(4) {
    top: 190rem;
    left: 39rem;
  }
  .map-item:nth-child(5) {
    top: 217rem;
    left: 48rem;
  }
  .map-item:nth-child(6) {
    top: 124rem;
    left: 99rem;
  }
  .map-item:nth-child(7) {
    top: 150rem;
    left: 123rem;
  }
  .map-item:nth-child(8) {
    top: 182rem;
    left: 193rem;
  }
  .map-item:nth-child(9) {
    top: 135rem;
    left: 193rem;
  }
  .map-item:nth-child(10) {
    top: 149rem;
    left: 261rem;
  }
  .map-item:nth-child(10) .map-item-text {
    transform: translate(-50rem, 24rem);
  }
  .map-item:nth-child(11) {
    top: 141rem;
    left: 313rem;
  }
  .map-item:nth-child(11) .map-item-text {
    transform: translate(-100rem, 24rem);
  }
  .map-item:nth-child(12) {
    top: 232rem;
    left: 108rem;
  }
  .map-item:nth-child(13) {
    top: 313rem;
    left: 259rem;
  }
}
.process-container {
  padding: 120rem 0rem;
  background-color: #F1F6F3;
}
.process .top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 52rem;
}
.process .top-wrapper > .title-text > .title {
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.process .top-wrapper > .title-text > .subtitle {
  margin-top: 20rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 24rem;
  line-height: 1.4;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.process .top-right {
  flex-shrink: 0;
  width: fit-content;
  padding: 18rem 24rem;
  border: 1px solid rgba(86, 135, 131, 0.15);
  display: flex;
  gap: 15rem;
  align-items: center;
  width: 286rem;
  border-radius: 12rem;
}
.process .top-right::before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 22rem;
  height: 22rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C4.58862 1.5 1 5.08862 1 9.5C1 13.9114 4.58862 17.5 9 17.5C13.4114 17.5 17 13.9114 17 9.5C17 5.08862 13.4114 1.5 9 1.5ZM12.8047 13.6379C12.6747 13.7679 12.504 13.8334 12.3334 13.8334C12.1627 13.8334 11.9919 13.7679 11.8621 13.6379L8.52869 10.3047C8.40332 10.1801 8.33337 10.0106 8.33337 9.83337V5.5C8.33337 5.13135 8.63196 4.83337 9 4.83337C9.36804 4.83337 9.66663 5.13135 9.66663 5.5V9.55737L12.8047 12.6953C13.0653 12.9561 13.0653 13.3773 12.8047 13.6379Z' fill='%23568783 ' /%3E%3C/svg%3E");
}
.process .top-right-title {
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.process .top-right-sub {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  letter-spacing: -0.02rem;
}
.process-items {
  margin-top: 50rem;
  display: flex;
  overflow: auto;
}
.process-item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 312rem;
}
.process-item:last-child .process-item-img::before {
  display: none;
}
.process-item-img {
  display: block;
  margin-bottom: 24rem;
  position: relative;
}
.process-item-img-wrapper {
  width: 86rem;
  height: 86rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 12rem;
}
.process-item-img-wrapper > img {
  display: block;
  width: 32rem;
  height: 32rem;
}
.process-item-img::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1rem;
  transform: translateY(-50%);
  background: #568783;
  opacity: 0.15;
}
.process-item-info {
  padding-right: 50rem;
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.process-item-info-numb {
  font-size: 42rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}
.process-item-info-title {
  font-size: 20rem;
  line-height: 1.8;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.process-item-info-subtitle {
  color: rgba(0, 0, 0, 0.7);
  font-size: 18rem;
  line-height: 1.8;
  font-weight: 440;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.01em;
}

@media (max-width: 800px) {
  .process-container {
    padding: 72rem 0rem;
  }
  .process .top-wrapper {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 24rem;
  }
  .process .top-wrapper > .title-text > .title {
    font-size: 24rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
    letter-spacing: -0.02em;
  }
  .process .top-wrapper > .title-text > .subtitle {
    padding-right: 0rem;
    margin-top: 14rem;
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .process .top-right {
    padding: 14rem 24rem;
    gap: 16rem;
    width: 100%;
    flex-shrink: 1;
  }
  .process .top-right::before {
    width: 20rem;
    height: 20rem;
  }
  .process .top-right-title {
    font-size: 15rem;
    line-height: 1.8;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .process .top-right-sub {
    margin-top: -2rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .process-items {
    flex-direction: column;
    margin-top: 36rem;
    margin-bottom: 36rem;
    overflow: hidden;
  }
  .process-item {
    flex-direction: row;
    width: 100%;
  }
  .process-item-img {
    display: block;
    margin-bottom: 0rem;
    margin-right: 24rem;
  }
  .process-item-img-wrapper {
    width: 60rem;
    height: 60rem;
  }
  .process-item-img-wrapper > img {
    width: 24rem;
    height: 24rem;
  }
  .process-item-img::before {
    left: 50%;
    top: 0;
    width: 1rem;
    height: 100%;
    transform: translateX(-50%);
  }
  .process-item-info {
    padding-right: 0;
    padding-bottom: 46rem;
  }
  .process-item-info-title {
    font-size: 18rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
  .process-item-info-subtitle {
    margin-top: 6rem;
    padding-right: 29rem;
    font-size: 14rem;
    line-height: 1.8;
    font-weight: 440;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.01em;
  }
  .process-item:last-child .process-item-info {
    padding-bottom: 0;
  }
}/*# sourceMappingURL=style.css.map */