/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/main.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

body {
  font-family: "Inter", sans-serif;
  background-color: #FEF2F0;
}

.container {
  width: 1260px;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

h1, h2, h3 {
  font-family: "Marcellus", Arial, Helvetica, sans-serif;
}

body.lang-ru h1, body.lang-ru h2, body.lang-ru h3 {
  font-family: "AGOpus", Arial, Helvetica, sans-serif;
}

h1, h2 {
  font-size: 45px;
}

h3 {
  font-size: 35px;
}

p {
  font-size: 20px;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  padding-left: 0;
  list-style: none;
}

input,
textarea,
select,
button {
  all: unset;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  h1, h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  h1, h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
}
.language {
  cursor: pointer;
  position: relative;
}
.language__wrapper:hover .language__switcher {
  display: block;
}
.language__wrapper:hover .language__current {
  border: 1px solid #445439;
}
.language__current {
  padding: 8px 12px;
  border: 1px solid #FEF2F0;
  width: 58px;
}
.language__current:hover {
  font-weight: 800;
}
.language__current::before {
  content: attr(data-label);
  font-weight: 700;
  visibility: hidden;
  height: 0;
  display: block;
  overflow: hidden;
}
.language__switcher {
  display: none;
  position: absolute;
  padding: 8px 12px;
  border-bottom: 1px solid #445439;
  border-left: 1px solid #445439;
  border-right: 1px solid #445439;
  background-color: #FEF2F0;
  width: 58px;
}
.language__switcher::before {
  content: attr(data-label);
  font-weight: 700;
  visibility: hidden;
  height: 0;
  display: block;
  overflow: hidden;
}
.language__switcher:hover {
  font-weight: 800;
}

.language-mob {
  padding: 10px 32px;
  width: 100%;
  color: #445439;
}
.language-mob__wrapper {
  display: flex;
  justify-content: left;
  gap: 24px;
}
.language-mob__current {
  padding: 8px 10px;
}
.language-mob__switcher {
  border: 1px solid #445439;
  padding: 8px 10px;
}

.btn {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
}
.btn--middle {
  font-size: 14px;
  padding: 10px 23px;
  border-radius: 100px;
}
@media (max-width: 480px) {
  .btn--middle {
    font-size: 12px;
    padding: 8px 18px;
  }
}
.btn--large {
  font-size: 18px;
  padding: 12px 40px;
  border-radius: 100px;
}
@media (max-width: 480px) {
  .btn--large {
    font-size: 14px;
    padding: 8px 24px;
  }
}
.btn--gigantic {
  font-size: 18px;
  padding: 21px 47px;
  border-radius: 100px;
}
@media (max-width: 480px) {
  .btn--gigantic {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.btn--green {
  background-color: #808D54;
  border: 1px solid #445439;
  color: #FEF2F0;
  font-weight: 600;
  transition: 0.3s ease;
}
.btn--green:hover {
  background-color: #445439;
  transition: 0.3s ease;
}
.btn--white {
  background-color: #FEF2F0;
  border: 1px solid #445439;
  color: #445439;
  font-weight: 600;
  transition: 0.3s ease;
}
.btn--white:hover {
  background-color: #445439;
  color: #FEF2F0;
  transition: 0.3s ease;
}
.btn--disabled {
  background-color: #e4e4e4 !important;
  border: 1px solid #e4e4e4 !important;
  color: #FEF2F0 !important;
  cursor: unset !important;
}

@keyframes bounce-arrow {
  0% {
    background-position: center center;
  }
  50% {
    background-position: right 8px center;
  }
  100% {
    background-position: center center;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
input.input {
  background-color: #FEF2F0;
  color: #445439;
  font-size: 18px;
  padding: 12px 22px;
  border: 1px solid #445439;
  border-radius: 100px;
}
input.input--large {
  padding: 22px 24px;
}

input.input::-moz-placeholder {
  color: rgba(117, 117, 117, 0.6);
  font-size: 18px;
}

input.input::placeholder {
  color: rgba(117, 117, 117, 0.6);
  font-size: 18px;
}

footer .contact-form {
  display: flex;
  gap: 20px;
  justify-content: left;
  margin-bottom: 24px;
}
@media (max-width: 1250px) {
  footer .contact-form {
    flex-direction: column;
  }
}
footer .contact-form input {
  background-color: #FEF2F0;
  color: #445439;
  font-size: 18px;
}
footer .contact-form input::-moz-placeholder {
  color: rgba(117, 117, 117, 0.6);
  font-size: 18px;
}
footer .contact-form input::placeholder {
  color: rgba(117, 117, 117, 0.6);
  font-size: 18px;
}
footer .contact-form input[type=text] {
  width: 270px;
  padding: 12px 22px;
  border: 1px solid #445439;
  border-radius: 100px;
}
@media (max-width: 480px) {
  footer .contact-form input[type=text] {
    width: 100%;
  }
}
footer .contact-form input[type=phone] {
  padding: 10px 22px;
  border-radius: 100px;
  width: 220px;
}
@media (max-width: 480px) {
  footer .contact-form input[type=phone] {
    width: 80%;
  }
}
footer .contact-form__name {
  width: 270px;
}
@media (max-width: 480px) {
  footer .contact-form__name {
    width: 100%;
  }
}
footer .contact-form__submit {
  height: 47px;
  width: 270px;
  padding-right: 4px;
  border: 1px solid #445439;
  border-radius: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  footer .contact-form__submit {
    width: 100%;
  }
}
footer .contact-form__button {
  cursor: pointer;
  background-color: #445439;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.23903 9.67802C5.12332 9.67802 5.00762 9.63276 4.91707 9.54223C4.73598 9.36117 4.73598 9.0745 4.91707 8.89847L8.88615 4.93032L4.91707 0.962166C4.73598 0.78111 4.73598 0.494437 4.91707 0.31841C5.09817 0.137353 5.38491 0.137353 5.56098 0.31841L9.66085 4.41733C9.8017 4.55815 9.87716 4.7392 9.87716 4.93535C9.87716 5.13149 9.8017 5.31255 9.66085 5.45337L5.56098 9.54726C5.47546 9.63276 5.35473 9.67802 5.23903 9.67802Z\" fill=\"%23FAF5F2\"/><path d=\"M9.41458 5.38785H0.636339C0.384814 5.38785 0.183594 5.18668 0.183594 4.93521C0.183594 4.68374 0.384814 4.47754 0.636339 4.47754H9.41458C9.66611 4.47754 9.87236 4.67871 9.87236 4.93521C9.87236 5.18668 9.66611 5.38785 9.41458 5.38785Z\" fill=\"%23FAF5F2\"/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  transition: background-position 0.4s ease;
}
footer .contact-form__button:hover {
  animation: bounce-arrow 0.8s infinite;
}
footer .contact-form__button .spinner {
  display: none;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid white;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
footer .contact-form__button--loading {
  background-image: unset;
}
footer .contact-form__button--loading .spinner {
  display: block;
}
footer .form-result {
  margin-bottom: 24px;
  height: 24px;
}
footer .form-result--error {
  color: red;
}

@keyframes bounce-icon {
  0% {
    background-position: center center;
  }
  12% {
    background-position: right 9px center;
  }
  25% {
    background-position: center center;
  }
  37% {
    background-position: left 9px center;
  }
  50% {
    background-position: center center;
  }
  62% {
    background-position: right 9px center;
  }
  75% {
    background-position: center center;
  }
  87% {
    background-position: left 9px center;
  }
  100% {
    background-position: center center;
  }
}
.icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon--middle {
  font-size: 14px;
  width: 36px;
  height: 36px;
}
.icon--round {
  border-radius: 50%;
}
.icon--white {
  background-color: #FEF2F0;
  border: 1px solid #445439;
  background-repeat: no-repeat;
  background-position: center center;
  color: #445439;
}
.icon--white:hover {
  animation: bounce-icon 0.6s;
}
.icon--green {
  background-color: #808D54;
  border: 1px solid #445439;
  color: #FEF2F0;
}
.icon--green:hover {
  background-color: #445439;
  transition: 0.3s ease;
}
.icon--telegram {
  padding-top: 1px;
  padding-right: 1px;
}
.icon--facebook {
  padding-top: 5px;
  padding-left: 4px;
}

.hamburger {
  position: relative;
  width: 30px;
  height: 22px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.hamburger-line {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0.125em;
  background: #445439;
  transition: inherit;
}
.hamburger-line:nth-child(1) {
  top: 0px;
}
.hamburger.is-active .hamburger-line:nth-child(1), .w-nav-button.w--open .hamburger-line:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotateZ(-135deg);
}
.hamburger-line:nth-child(2) {
  top: 10px;
}
.hamburger.is-active .hamburger-line:nth-child(2), .w-nav-button.w--open .hamburger-line:nth-child(2) {
  right: 50%;
  width: 0;
}
.hamburger-line:nth-child(3) {
  top: 20px;
}
.hamburger.is-active .hamburger-line:nth-child(3), .w-nav-button.w--open .hamburger-line:nth-child(3) {
  top: 50%;
  width: 100%;
  transform: translateY(-50%) rotateZ(135deg);
}

.site-header__nav-mobile {
  position: absolute;
  top: 0;
  left: 0;
}

.polaroid {
  position: absolute;
  width: 332px;
  height: 396px;
  background-color: #f2f1eb;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid #3c3333;
  border-bottom: 1px solid #3c3333;
  padding: 14px 14px 85px 14px;
}
.polaroid img {
  width: 300px;
  height: 300px;
  border-top: 1px solid #3c3333;
  border-right: 1px solid #3c3333;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
}
.polaroid__placeholder {
  width: 332px;
  height: 396px;
}

.polaroid--300 {
  width: 250px;
  height: 300px;
  padding: 12px 12px 65px 12px;
}
.polaroid--300 img {
  width: 225px;
  height: 225px;
}
.polaroid--300__placeholder {
  width: 250px;
  height: 300px;
}

@media (max-width: 1200px) {
  .polaroid--flexible {
    right: 20vh;
  }
}
@media (max-width: 800px) {
  .polaroid--flexible {
    right: 5vh;
  }
}
@media (max-width: 650px) {
  .polaroid--flexible {
    width: 265px;
    height: 317px;
  }
  .polaroid--flexible img {
    width: 236px;
    height: 236px;
  }
  .polaroid--flexible__placeholder {
    width: 265px;
    height: 317px;
  }
}
@media (max-width: 480px) {
  .polaroid--flexible {
    right: 2vh;
    width: 200px;
    height: 238px;
  }
  .polaroid--flexible img {
    width: 170px;
    height: 170px;
  }
  .polaroid--flexible__placeholder {
    width: 200px;
    height: 238px;
  }
}

.site-header {
  height: 86px;
  padding: 19px 0;
  display: flex;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 12;
  background-color: #FEF2F0;
  border-bottom: 1px solid #445439;
}
@media (max-width: 480px) {
  .site-header__logo img {
    width: 120px;
  }
}
.site-header__container {
  width: 100%;
  max-width: 1800px;
  margin: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header__nav ul {
  display: flex;
  gap: 26px;
}
.site-header__nav ul li {
  position: relative;
}
.site-header__nav ul li a::before {
  content: attr(data-tracking);
  font-weight: 700;
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.site-header__nav ul li:hover a {
  font-weight: 700;
}
.site-header__nav ul li:hover .sub-menu {
  display: flex;
  flex-direction: column;
  gap: unset;
}
.site-header__nav ul li .sub-menu {
  display: none;
  position: absolute;
  background-color: #FEF2F0;
  width: 232px;
  padding-top: 23px;
  z-index: 12;
}
.site-header__nav ul li .sub-menu a {
  text-transform: unset;
  font-weight: 400 !important;
  padding: 8px 16px;
  color: #445439;
  background-color: #FEF2F0;
  transition: 0.3s ease;
}
.site-header__nav ul li .sub-menu a:hover {
  color: white;
  background-color: #445439;
  transition: 0.3s ease;
}
.site-header__nav ul li.current_page_item a {
  font-weight: 700;
}
.site-header__nav ul a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #445439;
  padding: 12px;
}
@media (max-width: 1400px) {
  .site-header__nav ul {
    gap: 0;
  }
}
@media (max-width: 1200px) {
  .site-header__nav ul a {
    font-size: 12px;
  }
}
@media (max-width: 1000px) {
  .site-header__nav ul {
    display: none;
  }
}
.site-header__nav-mobile {
  display: none;
}
.site-header__contacts {
  display: flex;
  gap: 7px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1400px) {
  .site-header__contacts .icon--whatsapp, .site-header__contacts .icon--telegram {
    display: none;
  }
}
.site-header__language {
  font-size: 14px;
  color: #445439;
  margin-right: 16px;
}
@media (max-width: 1200px) {
  .site-header__language {
    display: none;
  }
}
.site-header__burger {
  display: none;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .site-header__burger {
    display: block;
    margin-left: 30px;
  }
}
@media (max-width: 480px) {
  .site-header__burger {
    margin-left: 12px;
  }
}
@media (max-width: 380px) {
  .site-header__phone {
    display: none;
  }
}

nav.mobile-nav {
  display: none;
}

@media (max-width: 1000px) {
  .site-header__mobile {
    display: block;
  }
  nav.mobile-nav {
    display: block;
    height: 0;
    position: absolute;
    top: 86px;
    left: 0;
    background-color: #FEF2F0;
    width: 100%;
    transition: all 0.3s ease-in;
    overflow: hidden;
  }
  nav.mobile-nav--active {
    height: calc(100vh - 86px);
    transition: all 0.3s ease-in;
  }
  nav.mobile-nav ul {
    margin-top: 0;
  }
  nav.mobile-nav ul .sub-menu {
    display: none;
  }
  nav.mobile-nav ul li a {
    width: 100%;
    padding: 12px 32px;
    display: block;
    transition: 0.3s ease;
    color: #445439;
  }
  nav.mobile-nav ul li a:hover {
    background-color: #445439;
    color: #FEF2F0;
    transition: 0.3s ease;
  }
}
.footer {
  height: 485px;
  color: #445439;
  border-top: 1px solid #445439;
}
.footer__container {
  max-width: 1800px;
  height: 100%;
  margin: 0 auto;
  padding: 62px 20px;
  display: flex;
  justify-content: space-between;
}
.footer__title {
  font-weight: 700;
  margin-bottom: 19px;
}
.footer__contacts {
  margin-left: 120px;
}
.footer__address {
  margin-top: 37px;
}
.footer__nav {
  display: flex;
  flex-direction: column;
}
.footer__nav a {
  display: inline-block;
  width: 130px;
  margin-bottom: 12px;
}
.footer__nav a:hover {
  font-weight: 700;
}
.footer__feedback {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1460px) {
  .footer__feedback {
    width: 45%;
  }
}
.footer__social {
  display: flex;
  justify-content: left;
  gap: 8px;
  margin-bottom: 44px;
}
.footer__links {
  font-size: 18px;
  display: flex;
  gap: 60px;
  justify-content: right;
}
@media (max-width: 1750px) {
  .footer__links {
    font-size: 16px;
    gap: 30px;
  }
}
@media (max-width: 1460px) {
  .footer__links {
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 1000px) {
  .footer {
    height: unset;
  }
  .footer__container {
    width: 100%;
    flex-direction: column;
    padding-bottom: 32px;
    padding-left: 60px;
  }
  .footer__contacts {
    margin-left: unset;
    margin-bottom: 30px;
  }
  .footer__menu {
    margin-bottom: 30px;
  }
  .footer__feedback {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .footer__container {
    padding-left: 20px;
  }
}
.hero {
  width: 100%;
  height: 824px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1000px) {
  .hero {
    height: 624px;
  }
}
.hero__container {
  padding-top: 164px;
  color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 480px) {
  .hero__container {
    height: 100%;
    padding-top: unset;
    justify-content: center;
  }
}
.hero__header {
  text-align: center;
  max-width: 720px;
}
.hero__header h1 {
  margin-bottom: 26px;
}
.hero__description {
  font-size: 25px;
  margin-bottom: 35px;
  text-align: center;
}
@media (max-width: 1000px) {
  .hero__description {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .hero__description {
    font-size: 18px;
  }
}
.hero__button {
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  .hero__button {
    margin-bottom: unset;
  }
}
.hero__numbers {
  display: flex;
  justify-content: space-between;
  gap: 140px;
}
@media (max-width: 1300px) {
  .hero__numbers {
    gap: 80px;
  }
}
@media (max-width: 1000px) {
  .hero__numbers {
    display: none;
  }
}
.hero__number-desc {
  font-size: 18px;
}

.hero-small {
  color: white;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero-small .container {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.banner {
  min-height: 400px;
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.banner__container {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: center;
  padding: 50px 0 80px 0;
}
.banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}
.banner__content--centered {
  align-items: center;
}
.banner__content--centered p {
  margin: 0;
  text-align: center;
}
.banner__gift {
  width: 600px;
  position: relative;
}
.banner .gift {
  position: absolute;
  bottom: -60px;
  left: -60px;
}

@media (max-width: 1300px) {
  .banner__container {
    padding: 50px 20px 80px 20px;
  }
}
@media (max-width: 1200px) {
  .banner__gift {
    width: 800px;
  }
}
@media (max-width: 1000px) {
  .banner__container {
    flex-direction: column-reverse;
    align-items: center;
    padding: 40px 60px;
  }
  .banner__title {
    text-align: center;
  }
  .banner__content {
    align-items: center;
  }
  .banner__gift {
    width: 300px;
    height: 300px;
    margin-bottom: 40px;
  }
}
.article {
  padding: 134px 0;
  background-repeat: no-repeat;
  background-position: top;
}
.article__container {
  display: flex;
  gap: 95px;
  color: #445439;
}
.article__container .article__left, .article__container .article__right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.article__title {
  margin-bottom: 44px;
}
.article__content {
  font-size: 20px;
  margin-bottom: 100px;
}
.article__content ul li {
  background-image: url("data:image/svg+xml,<svg width=\"37\" height=\"36\" viewBox=\"0 0 37 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url%28%23clip0_105_165%29\"><path d=\"M36.3857 18C36.3857 27.92 28.2239 36 18.1928 36C8.16177 36 0 27.92 0 18C0 8.07136 8.16177 0 18.1928 0C20.615 0 22.9583 0.459981 25.1786 1.37126C25.556 1.52748 25.8544 1.82257 26.0123 2.19576C26.1703 2.56895 26.1703 2.98554 26.0123 3.35873C25.6876 4.13115 24.7837 4.49566 24.0026 4.17454C22.1596 3.41948 20.2113 3.02893 18.1928 3.02893C9.85555 3.03761 3.07163 9.74638 3.07163 18C3.07163 26.2449 9.85555 32.9624 18.1928 32.9624C26.5301 32.9624 33.314 26.2536 33.314 18C33.314 16.8544 33.1824 15.7175 32.9279 14.6152C32.9016 14.5024 32.884 14.3896 32.884 14.2768C32.884 13.5824 33.3667 12.9576 34.0776 12.7927C34.4725 12.6972 34.885 12.7666 35.236 12.9836C35.587 13.2006 35.824 13.5304 35.9205 13.9296C36.2277 15.2575 36.3857 16.6287 36.3857 18Z\" fill=\"%23445439\"/><path d=\"M36.5702 4.99031L15.8147 26.1928C15.5339 26.4792 15.139 26.6528 14.7353 26.6528H14.7177C14.314 26.6528 13.9279 26.4966 13.6382 26.2189L7.51253 20.2391C6.90698 19.6489 6.90698 18.6856 7.49498 18.0867C7.78459 17.8003 8.17074 17.6354 8.57444 17.6354H8.58322C8.98692 17.6354 9.37306 17.7917 9.66268 18.0694L14.6826 22.9729L34.3674 2.88134C34.9554 2.2825 35.9295 2.26514 36.5351 2.84662C37.1406 3.42811 37.1582 4.39146 36.5702 4.99031Z\" fill=\"%23445439\"/></g><defs><clipPath id=\"clip0_105_165\"><rect width=\"37\" height=\"36\" fill=\"white\"/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 70px;
  margin-bottom: 25px;
}
.article__slogan {
  margin-right: 50px;
}
.article__polaroid {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 360px;
  height: 480px;
}
.article__polaroid--mob {
  display: none;
}
.article__image img {
  max-width: 100%;
}
.article__numbers {
  display: none;
}

@media (max-width: 1200px) {
  .article {
    padding: 80px 0;
  }
  .article__container {
    flex-direction: column;
    gap: 20px;
  }
  .article__container .article__left, .article__container .article__right {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .article__title {
    margin-bottom: 20px;
  }
  .article__content {
    margin-bottom: 40px;
  }
  .article__image {
    margin-bottom: 30px;
  }
  .article__slogan {
    max-width: 600px;
    text-align: center;
    margin-right: unset;
  }
  .article__polaroid {
    display: none;
  }
  .article__polaroid--mob {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 60px;
  }
  .article__polaroid--mob .article__image--mob {
    width: 60%;
    height: 80.4vw;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1000px) {
  .article__numbers {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
  }
  .article__number {
    max-width: 50%;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .article__number-num {
    font-size: 28px;
  }
}
.destinations {
  padding: 134px 0;
  background-repeat: no-repeat;
  background-position: top;
  color: #445439;
}
.destinations__title {
  margin-bottom: 24px;
}
.destinations__items {
  display: flex;
  gap: 48px;
  margin-bottom: 80px;
}
.destinations__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.destinations__item p {
  margin: 0;
}
.destinations__item img {
  max-width: 100%;
}
.destinations__item:nth-child(1) {
  flex: 2;
  justify-content: flex-end;
}
.destinations__item:nth-child(2) {
  flex-direction: column-reverse;
  flex: 3;
}
.destinations__item:nth-child(3) {
  flex-direction: column-reverse;
  justify-content: flex-end;
  flex: 2;
}
.destinations__item:nth-child(3) .destinations__content {
  margin-top: 500px;
  margin-left: 40px;
}
.destinations__item:nth-child(3) .destinations__image {
  position: absolute;
}
.destinations__name {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.destinations__button {
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 1000px) {
  .destinations {
    padding: 80px 0;
  }
  .destinations__items {
    margin-bottom: 32px;
  }
  .destinations__item {
    align-items: center;
  }
  .destinations__item:nth-child(1) {
    flex-direction: column-reverse;
  }
  .destinations__item:nth-child(2) {
    display: none;
  }
  .destinations__item:nth-child(3) {
    display: none;
  }
}
.services {
  color: white;
  background-color: #808D54;
}
.services__container {
  padding-top: 70px;
  padding-bottom: 60px;
}
.services__title {
  margin-bottom: 40px;
}
.services__items {
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  color: white;
}
.services__item {
  width: 300px;
  height: 313px;
}
.services__shadow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.services__shadow:hover {
  background: rgba(0, 0, 0, 0.5);
}
.services__shadow:hover .services__header {
  display: none;
}
.services__shadow:hover .services__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.services__header {
  text-transform: uppercase;
  font-size: 18px;
}
.services__wrapper {
  display: none;
}
.services__text p {
  font-size: 14px;
  text-align: center;
}
.services__seemore {
  display: flex;
  width: 100%;
  justify-content: center;
}

.services-article {
  color: #445439;
}
.services-article .container {
  padding-top: 160px;
  padding-bottom: 160px;
}
.services-article .services-page__article {
  display: flex;
  gap: 95px;
}
.services-article .services-page__article h3 {
  margin-bottom: 40px;
}
.services-article .services-page__article-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-position: center;
  background-size: cover;
  min-height: 250px;
}
.services-article .services-page__article p {
  margin-top: 0;
}

@media (max-width: 1000px) {
  .services-article .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .services-article .services-page__article {
    flex-direction: column-reverse;
    gap: 45px;
  }
  .services-article .services-page__article-item {
    width: 100%;
  }
}
.features {
  background-color: #808D54;
  color: white;
}
.features__container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.features__title {
  border-bottom: 1px solid #445439;
  padding-bottom: 14px;
}
.features__items {
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  justify-content: space-between;
  margin-top: 66px;
  margin-bottom: 24px;
}
.features__item {
  width: 289px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.features__icon {
  margin-bottom: 23px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  height: 80px;
}
.features__name {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 19px;
  font-weight: 700;
}
.features__desc {
  text-align: center;
  font-size: 18px;
}
.features__button {
  display: flex;
  justify-content: center;
}

@media (max-width: 1300px) {
  .features__items {
    justify-content: center;
  }
}
@media (max-width: 1000px) {
  .features__container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .features__items {
    justify-content: center;
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .features__items {
    gap: 24px;
  }
  .features__item {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    gap: 24px;
    flex-direction: row;
  }
  .features__icon {
    width: 140px;
  }
  .features__icon img {
    width: 100%;
  }
  .features__name {
    text-align: left;
  }
  .features__desc {
    text-align: left;
  }
}
.whatwedo__container {
  padding-top: 120px;
  padding-bottom: 100px;
}
.whatwedo__title {
  color: #445439;
  margin-bottom: 44px;
}
.whatwedo__items {
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
}
.whatwedo__item {
  height: 565px;
  width: 400px;
}
.whatwedo__item-image {
  background-color: #808D54;
  height: 468px;
  background-repeat: no-repeat;
  background-size: cover;
}
.whatwedo__item-label {
  color: #445439;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 0 11px 0;
  text-transform: uppercase;
  border-bottom: 1px solid #445439;
}
.whatwedo__item-label--mob {
  display: none;
}
.whatwedo__item-label--web {
  display: block;
}
.whatwedo__item-description {
  display: none;
  color: white;
  padding: 32px;
  font-size: 16px;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.whatwedo__item-description p {
  font-size: 16px;
}
.whatwedo__item:hover .whatwedo__item-description {
  display: block;
}

@media (max-width: 1300px) {
  .whatwedo__items {
    justify-content: center;
    gap: 24px;
    width: 100%;
  }
  .whatwedo__item {
    height: 480px;
    width: 30%;
    margin-bottom: 18px;
  }
  .whatwedo__item-image {
    height: 400px;
  }
}
@media (max-width: 1000px) {
  .whatwedo__container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .whatwedo__item {
    height: 250px;
    width: 48%;
  }
  .whatwedo__item-image {
    height: 165px;
    font-size: 14px;
    padding: 18px;
  }
  .whatwedo__item-label {
    font-weight: 400;
  }
  .whatwedo__item-label--mob {
    display: block;
  }
  .whatwedo__item-label--web {
    display: none;
  }
  .whatwedo__item:hover .whatwedo__item-description {
    display: none;
  }
}
@media (max-width: 480px) {
  .whatwedo__item-image {
    font-size: 12px;
    padding: 12px;
  }
  .whatwedo__item-label {
    font-size: 14px;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.ask {
  background-color: #808D54;
  color: white;
}
.ask__container {
  padding-top: 70px;
  padding-bottom: 85px;
}
.ask__title {
  text-align: center;
  margin-bottom: 42px;
}
.ask__form {
  width: 100%;
}
.ask__fields {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
}
.ask__contacts {
  flex: 2;
}
.ask__question {
  flex: 5;
}
.ask input {
  background-color: #808D54;
  color: white;
  font-size: 18px;
}
.ask input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.ask input::placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.ask input[type=text] {
  padding: 12px 22px;
  border: 1px solid white;
  border-radius: 100px;
  margin-bottom: 16px;
}
.ask input[type=phone] {
  padding: 12px 22px;
  border-radius: 100px;
  width: 100%;
  border: 1px solid white;
}
.ask textarea {
  padding: 12px 22px;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  font-size: 18px;
}
.ask__buttons {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
.ask__button {
  width: 280px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ask__button .spinner {
  display: none;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid #445439;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
.ask__button:hover .spinner {
  background-color: #445439;
  border-top: 2px solid #FEF2F0;
  border-left: 2px solid #FEF2F0;
  border-right: 2px solid #FEF2F0;
}
.ask__button--loading .spinner {
  display: block;
}
.ask__agree {
  width: 295px;
  padding-left: 38px;
  background-image: url("data:image/svg+xml,<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"13\" cy=\"13\" r=\"12.5\" stroke=\"white\"/><circle cx=\"13\" cy=\"13\" r=\"7\" fill=\"white\"/></svg>");
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 18px;
}
.ask__result {
  flex: 1;
}
.ask__result--error {
  color: #5b0000;
}

@media (max-width: 680px) {
  .ask__fields {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 12px;
  }
  .ask__name {
    width: 100%;
  }
  .ask__name input {
    width: 100%;
  }
  .ask__buttons {
    flex-direction: column;
    gap: 18px;
  }
  .ask__agree {
    width: 100%;
    font-size: 14px;
    padding-left: 24px;
    height: 24px;
    background-position: left top;
    padding-top: 2px;
    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\"><circle cx=\"10\" cy=\"10\" r=\"9.7561\" stroke=\"white\" stroke-width=\"0.487805\"/><circle cx=\"10.0004\" cy=\"9.99989\" r=\"5.60976\" fill=\"white\"/></svg>");
  }
  .ask__button {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ask__container {
    padding-top: 34px;
    padding-bottom: 34px;
  }
}
.gallery {
  color: #445439;
  margin-top: 110px;
  overflow: hidden;
}
.gallery-data {
  display: none;
}
.gallery__container {
  margin-top: 50px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}
.gallery__images {
  display: flex;
  justify-content: center;
  gap: 70px;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 1300px) {
  .gallery__images {
    width: 100%;
    margin-right: 20px;
    margin-left: 20px;
  }
}
.gallery__mobile-arrow .gallery__arrow {
  display: none;
}
.gallery__image {
  width: 1260px;
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #445439;
}
@media (max-width: 1300px) {
  .gallery__image {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .gallery__image {
    height: 500px;
  }
}
@media (max-width: 480px) {
  .gallery__image {
    height: 400px;
  }
}
.gallery__image .gallery__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: none;
  transition: background-color 0.25s ease;
}
.gallery__image--active .gallery__overlay {
  background-color: #445439;
}
.gallery__image--small {
  width: 840px;
  height: 400px;
}
@media (max-width: 1300px) {
  .gallery__image--small {
    display: none;
  }
}
.gallery__image--small::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(211, 211, 211, 0.5); /* lightgray with 50% opacity */
  pointer-events: none;
}
.gallery__arrow {
  width: 70px;
  height: 70px;
  cursor: pointer;
  background-color: #445439;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.gallery__arrow--left {
  background-image: url("data:image/svg+xml,<svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.0288 0.272949C10.257 0.272949 10.4852 0.362221 10.6638 0.540764C11.0209 0.897846 11.0209 1.46323 10.6638 1.81039L2.83587 9.63647L10.6638 17.4626C11.0209 17.8196 11.0209 18.385 10.6638 18.7322C10.3066 19.0893 9.74109 19.0893 9.39384 18.7322L1.308 10.6482C1.0302 10.3705 0.881378 10.0134 0.881378 9.62655C0.881378 9.23971 1.0302 8.88263 1.308 8.6049L9.39384 0.530844C9.5625 0.362221 9.80062 0.272949 10.0288 0.272949Z\" fill=\"%23FAF5F2\"/><path d=\"M1.79444 8.73396L19.1071 8.73396C19.6031 8.73396 20 9.13072 20 9.62667C20 10.1226 19.6031 10.5293 19.1071 10.5293L1.79444 10.5293C1.29838 10.5293 0.891604 10.1325 0.891604 9.62667C0.891604 9.13072 1.29838 8.73396 1.79444 8.73396Z\" fill=\"%23FAF5F2\"/></svg>");
}
.gallery__arrow--right {
  background-image: url("data:image/svg+xml,<svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.853 19C10.6248 19 10.3967 18.9107 10.2181 18.7322C9.8609 18.3751 9.8609 17.8097 10.2181 17.4626L18.046 9.63647L10.2181 1.81039C9.8609 1.45331 9.8609 0.887926 10.2181 0.540762C10.5752 0.183678 11.1407 0.183678 11.488 0.540762L19.5738 8.62474C19.8516 8.90247 20.0005 9.25955 20.0005 9.64639C20.0005 10.0332 19.8516 10.3903 19.5738 10.668L11.488 18.7421C11.3193 18.9107 11.0812 19 10.853 19Z\" fill=\"%23FAF5F2\"/><path d=\"M19.0874 10.539L1.77475 10.539C1.27869 10.539 0.881836 10.1422 0.881836 9.64628C0.881836 9.15033 1.27869 8.74365 1.77475 8.74365L19.0874 8.74365C19.5835 8.74365 19.9902 9.14041 19.9902 9.64628C19.9902 10.1422 19.5835 10.539 19.0874 10.539Z\" fill=\"%23FAF5F2\"/></svg>");
}
@media (max-width: 1600px) {
  .gallery__arrow {
    display: none;
  }
}
.gallery__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.gallery__dot {
  width: 14px;
  height: 14px;
  border: 1px solid #445439;
  border-radius: 50%;
  cursor: pointer;
}
.gallery__dot--active {
  background-color: #445439;
}

@media (max-width: 1600px) {
  .gallery__mobile-arrow {
    display: flex;
    justify-content: space-between;
  }
  .gallery__mobile-arrow .gallery__arrow {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("data:image/svg+xml,<svg width=\"35\" height=\"35\" viewBox=\"0 0 35 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.2544 34.2831C17.8366 34.2831 17.4189 34.1197 17.092 33.7928C16.4381 33.1391 16.4381 32.1041 17.092 31.4685L31.4223 17.1415L17.092 2.81455C16.4381 2.16085 16.4381 1.12582 17.092 0.490277C17.7458 -0.163426 18.7811 -0.163426 19.4168 0.490277L34.2193 15.2894C34.7279 15.7978 35.0003 16.4515 35.0003 17.1597C35.0003 17.8679 34.7279 18.5216 34.2193 19.03L19.4168 33.811C19.108 34.1197 18.6721 34.2831 18.2544 34.2831Z\" fill=\"%23445439\"/><path d=\"M33.3284 18.7945H1.63463C0.726503 18.7945 0 18.0682 0 17.1602C0 16.2523 0.726503 15.5078 1.63463 15.5078H33.3284C34.2365 15.5078 34.9812 16.2342 34.9812 17.1602C34.9812 18.0682 34.2365 18.7945 33.3284 18.7945Z\" fill=\"%23445439\"/></svg>");
    background-color: unset;
  }
}
.testimonials {
  color: #445439;
  margin-top: 60px;
  overflow: hidden;
  margin-bottom: 140px;
}
.testimonials__container {
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.testimonials__wrapper {
  overflow: hidden;
  position: relative;
}
.testimonials .testimonial {
  min-width: 400px;
  padding: 20px;
  box-sizing: border-box;
  background: #f9f9f9;
  margin: 10px;
  border-radius: 20px;
  background-color: #808D54;
  color: white;
}
.testimonials .testimonial-container {
  width: 1260px;
  margin: 0 auto;
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.testimonials .testimonial__header {
  display: flex;
  align-items: center;
  gap: 22px;
}
.testimonials .testimonial__image img {
  width: 92px;
  height: 92px;
  border-radius: 50%;
}
.testimonials .testimonial__name {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  height: 60px;
  padding-bottom: 40px;
  background-image: url("data:image/svg+xml,<svg width=\"128\" height=\"22\" viewBox=\"0 0 128 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.6989 0.110352L14.139 7.62018H22.0353L15.647 12.2615L18.0871 19.7713L11.6989 15.13L5.31065 19.7713L7.75074 12.2615L1.3625 7.62018H9.2588L11.6989 0.110352Z\" fill=\"%23CECFAD\"/><path d=\"M38.161 0.110352L40.6011 7.62018H48.4974L42.1092 12.2615L44.5493 19.7713L38.161 15.13L31.7728 19.7713L34.2129 12.2615L27.8247 7.62018H35.721L38.161 0.110352Z\" fill=\"%23CECFAD\"/><path d=\"M64.1507 0.110352L66.4847 7.62018H74.0376L67.9272 12.2615L70.2612 19.7713L64.1507 15.13L58.0402 19.7713L60.3742 12.2615L54.2637 7.62018H61.8167L64.1507 0.110352Z\" fill=\"%23CECFAD\"/><path d=\"M90.6126 0.110352L92.9466 7.62018H100.5L94.3891 12.2615L96.7231 19.7713L90.6126 15.13L84.5021 19.7713L86.8361 12.2615L80.7256 7.62018H88.2786L90.6126 0.110352Z\" fill=\"%23CECFAD\"/><path d=\"M116.602 0.110352L119.042 7.62018H126.938L120.55 12.2615L122.99 19.7713L116.602 15.13L110.214 19.7713L112.654 12.2615L106.266 7.62018H114.162L116.602 0.110352Z\" fill=\"%23CECFAD\"/></svg>");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.testimonials .testimonial__content p {
  font-size: 18px;
}
.testimonials__items {
  display: flex;
  justify-content: center;
  gap: 70px;
  align-items: center;
}
.testimonials__arrow {
  width: 70px;
  height: 70px;
  cursor: pointer;
  background-color: #445439;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.testimonials__arrow--left {
  background-image: url("data:image/svg+xml,<svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.0288 0.272949C10.257 0.272949 10.4852 0.362221 10.6638 0.540764C11.0209 0.897846 11.0209 1.46323 10.6638 1.81039L2.83587 9.63647L10.6638 17.4626C11.0209 17.8196 11.0209 18.385 10.6638 18.7322C10.3066 19.0893 9.74109 19.0893 9.39384 18.7322L1.308 10.6482C1.0302 10.3705 0.881378 10.0134 0.881378 9.62655C0.881378 9.23971 1.0302 8.88263 1.308 8.6049L9.39384 0.530844C9.5625 0.362221 9.80062 0.272949 10.0288 0.272949Z\" fill=\"%23FAF5F2\"/><path d=\"M1.79444 8.73396L19.1071 8.73396C19.6031 8.73396 20 9.13072 20 9.62667C20 10.1226 19.6031 10.5293 19.1071 10.5293L1.79444 10.5293C1.29838 10.5293 0.891604 10.1325 0.891604 9.62667C0.891604 9.13072 1.29838 8.73396 1.79444 8.73396Z\" fill=\"%23FAF5F2\"/></svg>");
}
.testimonials__arrow--right {
  background-image: url("data:image/svg+xml,<svg width=\"20\" height=\"19\" viewBox=\"0 0 20 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.853 19C10.6248 19 10.3967 18.9107 10.2181 18.7322C9.8609 18.3751 9.8609 17.8097 10.2181 17.4626L18.046 9.63647L10.2181 1.81039C9.8609 1.45331 9.8609 0.887926 10.2181 0.540762C10.5752 0.183678 11.1407 0.183678 11.488 0.540762L19.5738 8.62474C19.8516 8.90247 20.0005 9.25955 20.0005 9.64639C20.0005 10.0332 19.8516 10.3903 19.5738 10.668L11.488 18.7421C11.3193 18.9107 11.0812 19 10.853 19Z\" fill=\"%23FAF5F2\"/><path d=\"M19.0874 10.539L1.77475 10.539C1.27869 10.539 0.881836 10.1422 0.881836 9.64628C0.881836 9.15033 1.27869 8.74365 1.77475 8.74365L19.0874 8.74365C19.5835 8.74365 19.9902 9.14041 19.9902 9.64628C19.9902 10.1422 19.5835 10.539 19.0874 10.539Z\" fill=\"%23FAF5F2\"/></svg>");
}
.testimonials__arrow--inactive {
  cursor: unset;
  background-color: gray;
}
@media (max-width: 1600px) {
  .testimonials__arrow {
    display: none;
  }
}
.testimonials__mobile-arrow .testimonials__arrow {
  display: none;
}
.testimonials__dots {
  display: none;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.testimonials__dot {
  width: 14px;
  height: 14px;
  border: 1px solid #445439;
  border-radius: 50%;
  cursor: pointer;
}
.testimonials__dot--active {
  background-color: #445439;
  cursor: unset;
}

@media (max-width: 1600px) {
  .testimonials__mobile-arrow {
    display: flex;
    justify-content: space-between;
  }
  .testimonials__mobile-arrow .testimonials__arrow {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url("data:image/svg+xml,<svg width=\"35\" height=\"35\" viewBox=\"0 0 35 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.2544 34.2831C17.8366 34.2831 17.4189 34.1197 17.092 33.7928C16.4381 33.1391 16.4381 32.1041 17.092 31.4685L31.4223 17.1415L17.092 2.81455C16.4381 2.16085 16.4381 1.12582 17.092 0.490277C17.7458 -0.163426 18.7811 -0.163426 19.4168 0.490277L34.2193 15.2894C34.7279 15.7978 35.0003 16.4515 35.0003 17.1597C35.0003 17.8679 34.7279 18.5216 34.2193 19.03L19.4168 33.811C19.108 34.1197 18.6721 34.2831 18.2544 34.2831Z\" fill=\"%23445439\"/><path d=\"M33.3284 18.7945H1.63463C0.726503 18.7945 0 18.0682 0 17.1602C0 16.2523 0.726503 15.5078 1.63463 15.5078H33.3284C34.2365 15.5078 34.9812 16.2342 34.9812 17.1602C34.9812 18.0682 34.2365 18.7945 33.3284 18.7945Z\" fill=\"%23445439\"/></svg>");
    background-color: unset;
  }
  .testimonials__mobile-arrow .testimonials__arrow--inactive {
    background-image: url("data:image/svg+xml,<svg width=\"35\" height=\"35\" viewBox=\"0 0 35 35\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.2544 34.2831C17.8366 34.2831 17.4189 34.1197 17.092 33.7928C16.4381 33.1391 16.4381 32.1041 17.092 31.4685L31.4223 17.1415L17.092 2.81455C16.4381 2.16085 16.4381 1.12582 17.092 0.490277C17.7458 -0.163426 18.7811 -0.163426 19.4168 0.490277L34.2193 15.2894C34.7279 15.7978 35.0003 16.4515 35.0003 17.1597C35.0003 17.8679 34.7279 18.5216 34.2193 19.03L19.4168 33.811C19.108 34.1197 18.6721 34.2831 18.2544 34.2831Z\" fill=\"%23BEBEBE\"/><path d=\"M33.3284 18.7945H1.63463C0.726503 18.7945 0 18.0682 0 17.1602C0 16.2523 0.726503 15.5078 1.63463 15.5078H33.3284C34.2365 15.5078 34.9812 16.2342 34.9812 17.1602C34.9812 18.0682 34.2365 18.7945 33.3284 18.7945Z\" fill=\"%23BEBEBE\"/></svg>");
  }
}
@media (max-width: 1300px) {
  .testimonials .testimonial {
    min-width: 600px;
  }
  .testimonials .testimonial-container {
    width: 620px;
  }
  .testimonials__dots {
    display: flex;
  }
}
@media (max-width: 640px) {
  .testimonials {
    margin-bottom: 40px;
  }
  .testimonials .testimonial {
    min-width: calc(100vw - 40px);
    margin: 20px;
  }
  .testimonials .testimonial-container {
    width: 100vw;
  }
  .testimonials .testimonial__name {
    height: unset;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.calculator {
  min-height: 840px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.calculator__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 120px;
}
.calculator__title {
  color: white;
  text-align: center;
}
.calculator__content {
  color: #445439;
  margin-top: 50px;
  padding: 57px 70px 40px 70px;
  background-color: #FAF5F2;
  width: 820px;
  margin-bottom: 40px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.calculator__header {
  border-bottom: 1px solid #445439;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 32px;
  gap: 32px;
}
.calculator__question {
  font-size: 25px;
  text-transform: uppercase;
}
.calculator__counter {
  font-size: 14px;
}
.calculator__options {
  margin-bottom: 32px;
}
.calculator__option {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin: 12px 0;
  cursor: pointer;
}
.calculator__option .custom-radio {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border: 2px solid #445439;
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
  transition: border-color 0.2s ease;
}
.calculator__option label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.calculator__option input[type=radio]:checked + .custom-radio::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #445439;
  border-radius: 50%;
}
.calculator__option input[type=radio]:checked + .custom-radio {
  border-color: #445439;
}
.calculator__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calculator__error {
  color: red;
  height: 20px;
  margin-bottom: 20px;
}
.calculator__contacts {
  display: none;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 24px;
}
.calculator__contacts input {
  border: 1px solid #445439;
  padding: 12px;
  border-radius: 24px;
  flex: 1;
}
.calculator__next {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calculator__next .spinner {
  display: none;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid #FEF2F0;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
.calculator__next--loading .spinner {
  display: block;
}

@media (max-width: 1000px) {
  .calculator {
    min-height: unset;
  }
  .calculator__container {
    padding-top: 80px;
  }
  .calculator__content {
    width: 100%;
    padding: 32px;
  }
  .calculator__question {
    font-size: 22px;
  }
}
.diagram {
  color: #445439;
  padding: 125px 0;
  background-repeat: no-repeat;
  background-position: top;
}
.diagram__container {
  width: 1460px;
  margin: 0 auto;
}
.diagram__title {
  margin-bottom: 60px;
}
.diagram__data {
  display: none;
}
.diagram__canvas {
  display: flex;
  justify-content: space-between;
}
.diagram__canvas canvas {
  cursor: pointer;
}
.diagram .canvas__wrapper {
  position: relative;
}
.diagram .canvas__wrapper .diagram__absolute {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.diagram .canvas__wrapper .diagram__absolute .diagram__center p {
  text-align: center;
}
.diagram__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.diagram__items--mob {
  display: none;
}
.diagram__item {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid #FEF2F0;
  cursor: pointer;
}
.diagram__item:hover {
  border: 1px solid #445439;
}
.diagram__item:hover .diagram__description {
  display: block;
}
.diagram__item:hover .diagram__description--placeholder {
  display: none;
}
.diagram__item--active {
  border: 1px solid #445439;
}
.diagram__item--active .diagram__description {
  display: block;
}
.diagram__item--active .diagram__description--placeholder {
  display: none;
}
.diagram__header {
  display: flex;
  gap: 20px;
  width: 100%;
  align-items: center;
}
.diagram__number {
  background-color: #808D54;
  border-radius: 50%;
  min-width: 46px;
  height: 46px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diagram__name {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 4px;
}
.diagram__percent {
  font-weight: 600;
  font-size: 20px;
}
.diagram__description {
  display: none;
  font-size: 18px;
}
.diagram__description ul {
  list-style: disc;
  margin-left: 20px;
}
.diagram__description--placeholder {
  margin-left: 20px;
  font-size: 18px;
  color: #FEF2F0;
}

@media (max-width: 1500px) {
  .diagram__container {
    width: 100%;
    padding: 0 20px;
  }
  .diagram__canvas {
    justify-content: center;
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .diagram .canvas__wrapper .diagram__absolute .diagram__center {
    width: 60%;
  }
}
@media (max-width: 1000px) {
  .diagram {
    padding: 80px 0;
  }
  .diagram__mob {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 40px;
  }
  .diagram__items--web {
    display: none;
  }
  .diagram__items--mob {
    display: flex;
  }
  .diagram .canvas__wrapper .diagram__absolute .diagram__center {
    width: 80%;
  }
}
@media (max-width: 600px) {
  .diagram {
    padding: 40px 0;
  }
  .diagram .canvas__wrapper .diagram__absolute .diagram__center {
    width: 60%;
  }
  .diagram .canvas__wrapper .diagram__absolute .diagram__center p {
    font-size: 14px;
  }
  .diagram__items {
    gap: 10px;
  }
  .diagram__item {
    padding: 10px;
    border-radius: 16px;
  }
  .diagram__item:hover .diagram__number {
    display: none;
  }
  .diagram__item--active .diagram__number {
    display: none;
  }
  .diagram__number {
    min-width: 38px;
    height: 38px;
    font-size: 14px;
  }
  .diagram__name {
    font-size: 16px;
  }
  .diagram__percent {
    font-size: 16px;
  }
  .diagram__description, .diagram__description--placeholder {
    font-size: 14px;
  }
  .diagram__description p, .diagram__description--placeholder p {
    font-size: 14px;
  }
}
@keyframes bounce-arrow {
  0% {
    background-position: center center;
  }
  50% {
    background-position: right 12px center;
  }
  100% {
    background-position: center center;
  }
}
.wheel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 14;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  color: #445439;
}
.wheel #promoCode {
  font-weight: 700;
}
.wheel #promoPrize {
  font-weight: 700;
  text-transform: uppercase;
}
.wheel__promo {
  display: none;
  flex-direction: column;
  align-items: center;
}
.wheel__input {
  color: #445439;
  font-size: 18px;
  padding: 4px 4px 4px 24px;
  border: 1px solid #445439;
  border-radius: 100px;
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.wheel__input--inactive {
  pointer-events: none; /* blocks click/hover events */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* optional: disable text selection */
  cursor: default; /* optional: normal cursor */
}
.wheel__arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #808D54;
  cursor: pointer;
  background-image: url("data:image/svg+xml,<svg width=\"15\" height=\"14\" viewBox=\"0 0 15 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.82523 13.3673C7.66775 13.3673 7.51027 13.3057 7.38702 13.1825C7.14052 12.936 7.14052 12.5458 7.38702 12.3062L12.7894 6.90514L7.38702 1.50405C7.14052 1.25761 7.14052 0.867414 7.38702 0.627822C7.63351 0.381384 8.0238 0.381384 8.26345 0.627822L13.8438 6.2069C14.0355 6.39858 14.1382 6.64502 14.1382 6.91199C14.1382 7.17896 14.0355 7.4254 13.8438 7.61708L8.26345 13.1893C8.14705 13.3057 7.98272 13.3673 7.82523 13.3673Z\" fill=\"%23FAF5F2\"/><path d=\"M13.5087 7.52798H1.56057C1.21822 7.52798 0.944336 7.25416 0.944336 6.91188C0.944336 6.56961 1.21822 6.28894 1.56057 6.28894H13.5087C13.8511 6.28894 14.1318 6.56276 14.1318 6.91188C14.1318 7.25416 13.8511 7.52798 13.5087 7.52798Z\" fill=\"%23FAF5F2\"/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  transition: background-position 0.4s ease;
}
.wheel__arrow:hover {
  animation: bounce-arrow 0.8s infinite;
}
.wheel__promo-text {
  margin: 20px;
  text-align: center;
  margin-bottom: 40px;
}
.wheel__prize {
  width: 100%;
  text-align: center;
}
.wheel__prize p {
  width: 100% !important;
  margin: 0;
}
.wheel__wapp {
  padding-left: 120px;
  padding-right: 120px;
}
.wheel--active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wheel__data {
  display: none;
}
.wheel__text {
  width: 100%;
}
.wheel .modal {
  width: 1400px;
  background-color: #FEF2F0;
  padding: 30px;
}
@media (max-width: 1450px) {
  .wheel .modal {
    width: 100%;
    margin: 20px;
  }
}
@media (max-width: 1000px) {
  .wheel .modal {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
  }
}
.wheel .close {
  display: flex;
  justify-content: right;
}
.wheel .close__item {
  cursor: pointer;
}
.wheel__error {
  color: red;
}
.wheel .content {
  padding: 0 20px 20px 20px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .wheel .content {
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
    padding: 0;
  }
}
.wheel__fortune {
  width: 625px;
}
@media (max-width: 1150px) {
  .wheel__fortune {
    width: 450px;
  }
}
@media (max-width: 500px) {
  .wheel__fortune {
    width: 100%;
  }
}
.wheel__fortune canvas {
  width: 625px;
}
@media (max-width: 1150px) {
  .wheel__fortune canvas {
    width: 450px;
  }
}
@media (max-width: 500px) {
  .wheel__fortune canvas {
    width: 100%;
  }
}
.wheel__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
}
@media (max-width: 1000px) {
  .wheel__text {
    margin-left: unset;
  }
}
.wheel__text h1 {
  text-align: center;
}
.wheel__text p {
  width: 70%;
  text-align: center;
}
.wheel__form {
  width: 370px;
  margin-top: 32px;
}
.wheel__form form {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.loader {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 24px;
  background: radial-gradient(circle closest-side, #808D54 94%, rgba(0, 0, 0, 0)) right/calc(200% - 1em) 100%;
  animation: l24 1s infinite alternate linear;
}

.loader::before {
  content: "Loading...";
  line-height: 1em;
  color: #445439;
  background: inherit;
  background-image: radial-gradient(circle closest-side, #fff 94%, #000);
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes l24 {
  100% {
    background-position: left;
  }
}
.blog {
  color: #445439;
  background-repeat: no-repeat;
  background-position: top;
}
.blog__container {
  padding-top: 64px;
}
.blog__items {
  margin-top: 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
}
.blog__item {
  width: 400px;
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog__item-image {
  padding: 24px;
  height: 289px;
  background-color: #808D54;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 24px;
}
.blog__item-date {
  margin-bottom: 24px;
  padding-left: 30px;
  font-size: 18px;
  background-image: url("data:image/svg+xml,<svg width=\"19\" height=\"19\" viewBox=\"0 0 19 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url%28%23clip0_105_657%29\"><path d=\"M16.4259 1.52246H14.7098V0.299213C14.7098 0.136406 14.5778 0 14.415 0C14.2522 0 14.1202 0.132006 14.1202 0.299213V1.52246H9.80361V0.299213C9.80361 0.136406 9.67161 0 9.5088 0C9.34599 0 9.21399 0.132006 9.21399 0.299213V1.52246H4.89741V0.299213C4.89741 0.136406 4.7654 0 4.60259 0C4.43979 0 4.30778 0.132006 4.30778 0.299213V1.52246H2.59171C1.15285 1.52246 0 2.67531 0 4.09657V16.4259C0 17.8472 1.15285 19 2.57411 19H16.4215C17.8428 19 18.9956 17.8472 18.9956 16.4259V4.09657C19 2.67531 17.8472 1.52246 16.4259 1.52246ZM16.4259 18.406H2.57411C1.47846 18.406 0.594025 17.5171 0.594025 16.4259V7.30871H18.406V16.4259C18.406 17.5171 17.5171 18.406 16.4259 18.406ZM18.406 6.71468H0.594025V4.09657C0.594025 3.00533 1.48286 2.11649 2.57411 2.11649H4.29018V3.74456C4.29018 3.90736 4.42219 4.04377 4.58499 4.04377C4.7478 4.04377 4.87981 3.91176 4.87981 3.74456V2.11649H9.19639V3.74456C9.19639 3.90736 9.32839 4.04377 9.4912 4.04377C9.65401 4.04377 9.78601 3.91176 9.78601 3.74456V2.11649H14.1026V3.74456C14.1026 3.90736 14.2346 4.04377 14.3974 4.04377C14.5602 4.04377 14.6922 3.91176 14.6922 3.74456V2.11649H16.4083C17.5039 2.11649 18.3884 3.00533 18.3884 4.09657V6.71468H18.406Z\" fill=\"%23445439\"/></g><defs><clipPath id=\"clip0_105_657\"><rect width=\"19\" height=\"19\" fill=\"white\"/></clipPath></defs></svg>");
  background-repeat: no-repeat;
  background-position: left center;
}
.blog__item-title {
  margin-bottom: 18px;
  font-size: 18px;
  text-transform: uppercase;
}
.blog-single {
  color: #445439;
  background-repeat: no-repeat;
  background-position: top;
}
.blog-single__container {
  padding-top: 86px;
  padding-bottom: 160px;
}

.blog-preview {
  color: #445439;
}
.blog-preview__container {
  padding-top: 130px;
  padding-bottom: 130px;
}
.blog-preview__title {
  margin-bottom: 60px;
}
.blog-preview__items {
  display: flex;
  justify-content: space-between;
}
.blog-preview__item {
  width: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-preview__name {
  margin-top: 40px;
  margin-bottom: 18px;
  font-size: 18px;
  text-transform: uppercase;
}
.blog-preview__readmore {
  display: none;
}

@media (max-width: 1300px) {
  .blog__items {
    gap: 12px;
    justify-content: space-between;
  }
  .blog__item {
    width: 32%;
  }
}
@media (max-width: 1000px) {
  .blog__item {
    width: 47%;
    margin-bottom: 32px;
  }
}
@media (max-width: 480px) {
  .blog__item {
    width: 100%;
    margin-bottom: 16px;
  }
  .blog__item-image {
    height: 230px;
  }
  .blog__item-button {
    margin: 0 auto;
  }
}
@media (max-width: 1080px) {
  .blog-preview__items {
    justify-content: space-evenly;
  }
  .blog-preview__item--2 {
    display: none;
  }
}
@media (max-width: 800px) {
  .blog-preview__container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .blog-preview__items {
    justify-content: center;
  }
  .blog-preview__item {
    align-items: center;
  }
  .blog-preview__item--1 {
    display: none;
  }
  .blog-preview__button {
    display: none;
  }
  .blog-preview .polaroid {
    transform: rotate(3.5deg);
  }
  .blog-preview__readmore {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 380px) {
  .blog-preview__item {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .blog-preview__item .polaroid__placeholder {
    width: 100%;
    height: 340px;
  }
  .blog-preview__item .polaroid {
    width: 90%;
    height: 340px;
  }
  .blog-preview__item .polaroid img {
    width: 100%;
    height: unset;
  }
  .blog-preview .polaroid {
    transform: unset;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.contacts {
  color: #445439;
}
.contacts__container {
  padding-top: 75px;
  padding-bottom: 70px;
}
.contacts__title {
  margin-bottom: 24px;
}
.contacts__content {
  display: flex;
  justify-content: space-between;
}
.contacts__content-text {
  width: 50%;
}
.contacts__content-data {
  width: 23%;
}
.contacts__content-icons {
  width: 17%;
  padding-top: 24px;
  display: flex;
  gap: 8px;
}

@media (max-width: 1200px) {
  .contacts__content {
    flex-direction: column;
  }
  .contacts__content-text {
    width: 80%;
  }
  .contacts__content-data {
    width: 100%;
  }
  .contacts__content-icons {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .contacts__content {
    flex-direction: column;
  }
  .contacts__content-text {
    width: 100%;
  }
}
.contacts-form {
  background-color: #808D54;
  color: white;
}
.contacts-form__container {
  padding-top: 58px;
  padding-bottom: 50px;
}
.contacts-form__title {
  margin-bottom: 32px;
}
@media (max-width: 750px) {
  .contacts-form__title {
    text-align: center;
  }
}
.contacts-form__content {
  display: flex;
  justify-content: space-between;
}
.contacts-form__polaroid {
  width: 30%;
  height: 380px;
  position: relative;
}
@media (max-width: 1200px) {
  .contacts-form__polaroid {
    display: none;
  }
}
.contacts-form__form {
  width: 65%;
}
@media (max-width: 1200px) {
  .contacts-form__form {
    width: 100%;
  }
}
.contacts-form__fields {
  display: flex;
  gap: 32px;
  margin-bottom: 18px;
}
@media (max-width: 650px) {
  .contacts-form__fields {
    flex-direction: column;
    gap: 16px;
  }
}
.contacts-form input {
  background-color: #808D54;
  color: white;
  font-size: 18px;
}
.contacts-form textarea {
  color: white;
  font-size: 18px;
}
.contacts-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.contacts-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.contacts-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.contacts-form input::placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
}
.contacts-form input[type=text] {
  padding: 12px 22px;
  border: 1px solid white;
  border-radius: 100px;
  margin-bottom: 16px;
}
@media (max-width: 650px) {
  .contacts-form input[type=text] {
    width: 100%;
  }
}
.contacts-form input[type=phone] {
  padding: 12px 22px;
  border-radius: 100px;
  width: 100%;
  border: 1px solid white;
  margin-bottom: 16px;
}
.contacts-form input[type=email] {
  padding: 12px 22px;
  border-radius: 100px;
  width: 100%;
  border: 1px solid white;
}
.contacts-form textarea {
  padding: 12px 22px;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  font-size: 18px;
}
@media (max-width: 650px) {
  .contacts-form textarea {
    height: 100px;
  }
}
.contacts-form__agree {
  margin-bottom: 12px;
  min-height: 30px;
  padding-top: 4px;
  padding-left: 38px;
  background-image: url("data:image/svg+xml,<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"13\" cy=\"13\" r=\"12.5\" stroke=\"white\"/><circle cx=\"13\" cy=\"13\" r=\"7\" fill=\"white\"/></svg>");
  background-repeat: no-repeat;
  background-position: left top;
}
.contacts-form__result {
  margin-bottom: 12px;
  height: 20px;
}
.contacts-form__result--error {
  color: #5b0000;
}
.contacts-form__question {
  flex: 1;
}
@media (max-width: 650px) {
  .contacts-form__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.contacts-form__button {
  width: 320px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 650px) {
  .contacts-form__button {
    width: 100%;
  }
}
.contacts-form__button .spinner {
  display: none;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid #445439;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
.contacts-form__button:hover .spinner {
  background-color: #445439;
  border-top: 2px solid #FEF2F0;
  border-left: 2px solid #FEF2F0;
  border-right: 2px solid #FEF2F0;
}
.contacts-form__button--loading .spinner {
  display: block;
}

.contacts-logos {
  width: 100%;
}
.contacts-logos__container {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 2px;
  padding-bottom: 70px;
}
.contacts-logos__items {
  display: flex;
  gap: 25px;
  justify-content: center;
  width: 100%; /* makes the flex container as wide as needed */
}
.contacts-logos__item {
  width: 260px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #A5A6A2;
  border-radius: 24px;
}

@media (max-width: 1700px) {
  .contacts-logos__container {
    padding-left: 40px;
  }
  .contacts-logos__items {
    justify-content: left;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width: 1000px) {
  .contacts-logos__item {
    width: 200px;
    height: 120px;
  }
}
.services-page {
  color: #445439;
}
.services-page__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}
.services-page__title {
  margin-bottom: 34px;
}
.services-page__content {
  font-size: 25px;
  margin-bottom: 100px;
  width: 50%;
  text-align: center;
}

@media (max-width: 1000px) {
  .services-page__container {
    margin-top: 60px;
  }
  .services-page__title {
    margin-bottom: 34px;
  }
  .services-page__content {
    font-size: 20px;
    margin-bottom: 80px;
    width: 100%;
    text-align: center;
  }
}
.privacy {
  color: #445439;
  background-repeat: no-repeat;
  background-position: top;
}
.privacy__container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.privacy__title {
  margin-bottom: 40px;
}

/*# sourceMappingURL=index.css.map*/