@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Forum;
  font-display: swap;
  src: url("../fonts/Forum-Regular.woff2") format("woff2"), url("../fonts/Forum-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 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 */
  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;
}

:root {
  --green: #7eaf46;
  --white: #fff;
  --stroke: #e0e0e0;
  --dark-blue: #283557;
  --btn: #5a82fc;
}

* {
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  padding: 0;
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

@media (max-width: 1400px) {
  * {
    font-size: calc(13.5px + 2.5 * (100vw - 320px) / 1080);
  }
}
li {
  list-style: none;
}

body {
  background: #2d2d2d;
}

body.active {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

button {
  position: relative;
  transition: 0.3s;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  background: none;
}

span,
a {
  color: inherit;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}

.black-block + .black-block {
  padding-top: 0;
}

.grey-block + .grey-block {
  padding-top: 0;
}

.black-block {
  background: #2d2d2d;
}

.grey-block {
  background: #424242;
}

.container {
  max-width: 1316px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  flex-shrink: 0;
}

.swiper-button-prev,
.swiper-button-next {
  border-radius: 80px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: var(--white);
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
}

.swiper-button-prev::before,
.swiper-button-next::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  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%3Cg clip-path='url(%23clip0_142_1320)'%3E%3Cpath d='M8.85006 1.78746C9.06632 1.54306 9.42318 1.5362 9.64714 1.77238L9.65064 1.77607L14.7236 7.31428C14.8851 7.49013 14.9336 7.75493 14.8465 7.98508C14.8182 8.05967 14.7769 8.1273 14.725 8.18427L14.7245 8.18483L9.65259 13.7218L9.65119 13.7233L9.64082 13.7345C9.4169 13.9706 9.06002 13.9639 8.84372 13.7195C8.62808 13.4757 8.63362 13.0878 8.85549 12.8515L12.9648 8.36541L1.36058 8.36541C1.04926 8.36541 0.796876 8.08988 0.796876 7.75001C0.796876 7.41014 1.04926 7.13465 1.36053 7.13459L12.9648 7.13459L8.85001 2.64253C8.63902 2.40406 8.63912 2.02593 8.85006 1.78746Z' fill='%237EAF46'/%3E%3Cpath d='M9.25111 13.5964C9.09545 13.5967 8.96904 13.4592 8.96875 13.2892C8.96862 13.2073 8.99842 13.1287 9.05156 13.0709L13.9259 7.75027L9.05156 2.42965C8.94341 2.30743 8.94653 2.11264 9.05848 1.99457C9.16772 1.87941 9.34087 1.87941 9.45008 1.99457L14.5233 7.53303C14.6334 7.65317 14.6334 7.84794 14.5233 7.96812L9.45008 13.5066C9.39728 13.5641 9.32573 13.5964 9.25111 13.5964Z' fill='%237EAF46'/%3E%3Cpath d='M14.325 8.05678L1.35998 8.05678C1.20432 8.05678 1.07813 7.91904 1.07813 7.74911C1.07813 7.57918 1.20432 7.44141 1.35998 7.44141L14.325 7.44141C14.4807 7.44141 14.6069 7.57917 14.6069 7.74911C14.6068 7.91904 14.4807 8.05678 14.325 8.05678Z' fill='%237EAF46'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_142_1320'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.swiper-button-next {
  right: -28px;
}

.swiper-button-prev {
  left: -28px;
}

.swiper-button-prev::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.swiper-button-lock {
  display: none !important;
}

.swiper-pagination {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  border: 1px solid #fff;
  position: relative;
}

.swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
}

.swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.swiper-pagination-lock {
  display: none !important;
}

.button {
  transition: 0.3s;
  color: #fff;
  width: fit-content;
  border-radius: 60px;
  padding: 14px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--green);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.01em;
}

.button:focus {
  background: #679235;
}

.button:hover {
  background: #679235;
  text-decoration: none;
  color: #fff;
}

.button:active {
  text-decoration: none;
  color: #fff;
}

.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgb(116, 116, 116) !important;
  filter: grayscale(1);
}

.button:disabled:hover {
  background: rgb(116, 116, 116) !important;
}

.button-arrow {
  padding: 19px 65px;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  gap: 12px;
}

.button-arrow::after {
  display: block;
  content: "";
  width: 19px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1951 0.318191L19.1786 7.23182C19.6071 7.65607 19.6071 8.34393 19.1786 8.76818L12.1951 15.6818C11.7666 16.1061 11.0718 16.1061 10.6432 15.6818C10.2147 15.2576 10.2147 14.5697 10.6432 14.1454L15.7534 9.08637H0.5V6.91363H15.7534L10.6432 1.85455C10.2147 1.4303 10.2147 0.742446 10.6432 0.318191C11.0718 -0.106064 11.7666 -0.106064 12.1951 0.318191Z' fill='white'/%3E%3C/svg%3E%0A");
  transition: 0.3s;
  background-repeat: no-repeat;
  background-size: contain;
}

.button-arrow:focus {
  color: #fff;
  text-decoration: none;
}

.button-arrow:hover::after {
  transform: translateX(5px);
}

.error {
  display: none;
  font-size: 13px !important;
  line-height: 16px !important;
  color: #e63434 !important;
  position: absolute;
  left: 0;
  bottom: -17px;
}

.accordion__item.open .accordion__content {
  visibility: visible;
  opacity: 1;
}

.accordion__content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  will-change: max-height;
  transition: all 0.3s ease-out;
  box-sizing: content-box;
}

.content-main {
    overflow-x: clip;
}

.hidden {
  display: none !important;
}

.swiper-horizontal {
  touch-action: pan-y;
}

.title-section {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
}

@media (max-width: 1400px) {
  .title-section {
    font-size: calc(22.5px + 25.5 * (100vw - 320px) / 1080);
  }
}
.title-section span {
  font-family: "Forum", sans-serif;
  color: var(--green);
}

.main__arrow-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
}

.main__arrow-bottom::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  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%3Cg clip-path='url(%23clip0_121_2122)'%3E%3Cpath d='M12.6586 18.2072L23.7286 7.10654C24.0911 6.74284 24.0905 6.154 23.7267 5.79091C23.363 5.4281 22.7739 5.42903 22.4111 5.79278L12 16.2327L1.58887 5.79241C1.22606 5.4287 0.637268 5.42777 0.27352 5.79053C0.18672 5.87689 0.117865 5.97957 0.0709228 6.09266C0.0239792 6.20575 -0.000122106 6.32701 5.68138e-06 6.44945C-0.000146912 6.57145 0.0237674 6.69228 0.0703792 6.80503C0.116991 6.91777 0.185385 7.02022 0.271645 7.10649L11.3414 18.2072C11.5156 18.3824 11.7528 18.4807 12 18.4807C12.2471 18.4807 12.484 18.3821 12.6586 18.2072Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_121_2122'%3E%3Crect width='24' height='24' fill='white' transform='translate(24) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  animation: animateArrow 2s infinite;
}

@keyframes animateArrow {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}
.main {
  height: 100vh;
}

.main__wrapper {
  height: 100%;
}

.main__slider {
  height: 100%;
}

.main__slide {
  position: relative;
}

.main__slide h1 {
  font-family: Forum, sans-serif;
  font-weight: 400;
  font-size: 72px;
  line-height: 100%;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 875px;
}

@media (max-width: 1400px) {
  .main__slide h1 {
    font-size: calc(30.5px + 41.5 * (100vw - 320px) / 1080);
  }
}
.main__slide p {
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

@media (max-width: 1400px) {
  .main__slide p {
    font-size: calc(16px + 4 * (100vw - 320px) / 1080);
  }
}
.main__slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.main iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.main__link {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  backdrop-filter: blur(5px);
  background: rgba(5, 5, 5, 0.5);
  width: 412px;
  padding: 20px;
  margin-left: auto;
  margin-top: auto;
  position: relative;
}

.main__link img {
  border-radius: 8px;
  width: 139px;
  object-fit: cover;
}

.main__link:hover {
  text-decoration: none;
}

.main__link:focus {
  text-decoration: none;
}

.main__link::before {
  position: absolute;
  content: "";
  top: 20px;
  right: 20px;
  width: 43px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='21.5' r='21.5' fill='%237EAF46'/%3E%3Cpath d='M18.4246 25.4506L24.6065 19.2687L24.6066 21.585C24.6066 22.2504 25.6045 22.2503 25.6045 21.585L25.6029 19.4738L25.6018 18.0645C25.601 17.7907 25.3793 17.569 25.1055 17.5682L21.5857 17.5661C21.45 17.5643 21.3193 17.6178 21.2241 17.7146C20.9074 18.0314 21.1378 18.5728 21.5857 18.5642L23.9048 18.5614L17.7019 24.7643C17.2382 25.2764 17.9792 25.9446 18.4246 25.4506Z' fill='white'/%3E%3C/svg%3E%0A");
}

.main__link-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
}

.main__link-title {
  font-weight: 500;
  font-size: 24px;
}

.main__link-price {
  font-size: 16px;
}

.main__link-price span {
  font-weight: 500;
  font-size: 24px;
  color: var(--green);
}

.main__btn {
  display: none;
}

.main .swiper {
  height: 100%;
}

.main .main-swiper {
  height: 100%;
}

.main .swiper-wrapper {
  height: 100%;
}

.main .container {
  max-width: 1308px;
  padding: 330px 16px 80px;
  height: 100%;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.main .swiper-pagination {
  padding-left: 16px;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px;
  max-width: 1308px;
  width: 100%;
  justify-content: flex-start;
}

.main .main .swiper-pagination {
  bottom: 56px;
}
.detailed__info,
.main__info{
    display: flex;
     align-items: center;
gap: 50px;
}
.detailed__info{
    margin-bottom: 17px;
}
 
.main__info p{
margin: 0 !important;
font-size: 24px !important;
line-height: 100%;
font-family: Forum, sans-serif;
}
.detailed__info p {
margin: 0 !important;
font-size: 20px ;
line-height: 100%;
font-family: Forum, sans-serif;
}
.detailed__info-views,
.detailed__info-read,
.main__info-views,
.main__info-read{
 display: flex;
  align-items: center;
  gap: 14px;
}
.detailed__info-views::before,
.detailed__info-read::before,
.main__info-views::before,
.main__info-read::before{
content: "";

background-repeat: no-repeat;
background-size: contain;
}
.detailed__info-views::before,
.main__info-views::before{
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_759_389)'%3E%3Cpath d='M18.7227 7.03394C7.08552 7.03394 0.222656 18.2459 0.222656 18.2459C0.222656 18.2459 7.08552 29.4582 18.7227 29.4582C30.3599 29.4582 37.2227 18.2459 37.2227 18.2459C37.2227 18.2459 30.3598 7.03394 18.7227 7.03394ZM18.7227 25.7005C14.5101 25.7005 11.0951 22.3631 11.0951 18.2459C11.0951 14.1291 14.51 10.7916 18.7227 10.7916C22.9352 10.7916 26.3503 14.129 26.3503 18.2459C26.3502 22.363 22.9352 25.7005 18.7227 25.7005Z' fill='white'/%3E%3Cpath d='M18.7252 20.8818C20.0437 20.8818 21.1125 19.813 21.1125 18.4945C21.1125 17.176 20.0437 16.1072 18.7252 16.1072C17.4067 16.1072 16.3379 17.176 16.3379 18.4945C16.3379 19.813 17.4067 20.8818 18.7252 20.8818Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_759_389'%3E%3Crect width='37' height='37' fill='white' transform='translate(0.222656)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 37px;
    height: 37px;
}
.detailed__info-views::before{
    width: 27px;
    height: 27px;
}
.detailed__info-read::before,
.main__info-read::before{
background-image: url("data:image/svg+xml,%3Csvg width='37' height='25' viewBox='0 0 37 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.73591 0.0514389C6.42485 0.172108 4.61827 0.613297 3.83196 1.00473C3.42655 1.20654 3.35945 1.40246 3.35945 2.38422V3.23501H0.999768L0.772887 3.43283L0.546005 3.63064L0.527944 13.841C0.507937 25.1726 0.474871 24.361 0.965173 24.5609C1.27625 24.6877 35.2148 24.7077 35.5865 24.5813C35.7205 24.5357 35.8772 24.4009 35.9789 24.2437L36.1482 23.982V13.8418C36.1482 7.09887 36.1249 3.71559 36.0787 3.74345C36.0405 3.7665 36.0093 3.74046 36.0093 3.68569C36.0093 3.63085 35.913 3.50706 35.7955 3.41052C35.584 3.23684 35.5696 3.23501 34.4061 3.23501H33.2305V2.41934C33.2305 1.13841 33.1351 1.03293 31.5496 0.561436C27.567 -0.623022 22.9971 0.114689 19.0016 2.58692L18.2914 3.02628L17.7005 2.65044C14.695 0.738576 10.9323 -0.242778 7.73591 0.0514389ZM7.92021 1.47866C7.12571 1.54259 6.11558 1.73444 5.37401 1.96222L4.853 2.12227L4.83536 11.356C4.8257 16.4345 4.8307 20.5897 4.84654 20.5897C4.86238 20.5897 5.16727 20.5143 5.52413 20.4221C9.22418 19.4665 13.6754 20.1942 17.1995 22.3308C17.342 22.4172 17.4749 22.4879 17.4947 22.4879C17.5146 22.4879 17.5309 18.3863 17.5309 13.3733V4.25887L16.8883 3.84568C14.8365 2.52645 12.2827 1.66475 9.86197 1.47486C8.8881 1.39853 8.91686 1.39846 7.92021 1.47866ZM26.5749 1.48096C24.3206 1.66183 21.6818 2.57085 19.7017 3.84853L19.0591 4.26321V13.3812C19.0591 18.3961 19.0828 22.489 19.1117 22.4766C19.1406 22.4642 19.4847 22.2767 19.8764 22.0601C23.4066 20.1073 27.5171 19.5057 31.0659 20.4221C31.4227 20.5143 31.7276 20.5897 31.7435 20.5897C31.7593 20.5897 31.7643 16.4345 31.7546 11.356L31.737 2.12227L31.216 1.96242C30.4184 1.71769 29.504 1.55133 28.5337 1.47446C27.5719 1.39819 27.6077 1.39812 26.5749 1.48096ZM0.545102 13.9461C0.545102 19.5576 0.5533 21.8531 0.563372 19.0474C0.573376 16.2417 0.573376 11.6505 0.563372 8.84478C0.5533 6.03901 0.545102 8.33465 0.545102 13.9461ZM1.97009 13.9143C1.97009 21.2565 1.98802 23.1767 2.05693 23.2023C2.10472 23.2201 5.20729 23.2268 8.95159 23.2172L15.7594 23.1997L14.9605 22.8127C11.776 21.2698 8.05928 21.0091 4.92247 22.1087C4.07649 22.4053 3.91519 22.4109 3.62106 22.1545L3.39418 21.9567L3.37605 13.3076L3.35785 4.65864H1.97009V13.9143ZM33.2305 13.2038C33.2305 22.4575 33.2494 21.9859 32.8681 22.2465C32.6405 22.4021 32.4383 22.3789 31.6675 22.1087C28.5307 21.0091 24.814 21.2698 21.6294 22.8127L20.8306 23.1997L27.6384 23.2172C31.3827 23.2268 34.4853 23.2201 34.5331 23.2023C34.602 23.1767 34.6199 21.2565 34.6199 13.9143V4.65864H33.2305V13.2038Z' fill='white'/%3E%3C/svg%3E%0A");
width: 37px;
height: 25px;
}
.detailed__info-read::before{
    width: 26px;
height: 18px;
}
.news{
    padding-top: 50px;
}
.articles{
    padding-top: 50px;
    padding-bottom: 70px;
}
.news .pagination,
.articles .pagination{
   margin: 0;
}
.news__inner,
.articles__inner{
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 50px;
   
}
.vacancy h1,
.contacts h1,
.faq h1,
.news h1,
.articles h1 {
    max-width: 790px;
    margin-top: 0;
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 72px;
    margin-bottom: 60px;
    text-transform: uppercase;
}
.news__items,
.articles__items {
     display: grid;
     gap: 68px;
     grid-template-columns: repeat(3, 1fr);
}
.news__item ,
.articles__item {
    box-shadow: 0 0 20px 0 rgba(171, 171, 171, 0.08);
background: #2d2d2d;
overflow: hidden;
}
.news__item:hover a,
.articles__item:hover a {
    text-decoration: none;
    color: #fff;
}
.news__item:hover a img ,
.articles__item:hover  a img {
    transform: translateY(-13px) scale(1.1);
}
.news__item:hover .news__icon,
.articles__item:hover .news__icon{
      transform: rotate(45deg);
}
.news__item-date ,
.articles__item-date {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
}
.articles__item-views {
    font-weight: 400;
font-size: 12px;
line-height: 150%; 
display: flex;
  align-items: center;
  justify-content: center;
 gap: 6px;
 margin-bottom: 14px;
}
.articles__item-views::before{
    content: "";
    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_737_9233)'%3E%3Cpath d='M9.00002 3.42188C3.33869 3.42188 0 9.00299 0 9.00299C0 9.00299 3.33869 14.5842 9.00002 14.5842C14.6613 14.5842 18 9.00299 18 9.00299C18 9.00299 14.6613 3.42188 9.00002 3.42188ZM9.00002 12.7137C6.95065 12.7137 5.2893 11.0524 5.2893 9.00299C5.2893 6.9537 6.95061 5.29235 9.00002 5.29235C11.0493 5.29235 12.7107 6.95366 12.7107 9.00299C12.7107 11.0524 11.0493 12.7137 9.00002 12.7137Z' fill='white'/%3E%3Cpath d='M9.00124 10.1587C9.64266 10.1587 10.1626 9.63875 10.1626 8.99733C10.1626 8.35591 9.64266 7.83594 9.00124 7.83594C8.35982 7.83594 7.83984 8.35591 7.83984 8.99733C7.83984 9.63875 8.35982 10.1587 9.00124 10.1587Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_737_9233'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.articles__item-read {
    font-weight: 500;
font-size: 12px;
line-height: 133%;
display: flex;
  align-items: center;
  justify-content: center;
 gap: 6px;
 border: 1px solid #fff;
border-radius: 16px;
padding: 7px 8px 7px 15px;
white-space: nowrap;
}
.articles__item-read::before{
    content: "";
   background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.64619 0.641864C2.98384 0.704332 2.07117 0.93273 1.67393 1.13537C1.46911 1.23985 1.43521 1.34127 1.43521 1.84951V2.28995H0.243108L0.128488 2.39236L0.013868 2.49477L0.00474337 7.78052C-0.00536396 13.6467 -0.0220691 13.2266 0.225631 13.3301C0.382786 13.3957 17.5285 13.4061 17.7162 13.3406C17.7839 13.3171 17.8631 13.2472 17.9145 13.1659L18 13.0304V7.78094C18 4.29022 17.9882 2.53874 17.9649 2.55317C17.9456 2.5651 17.9298 2.55162 17.9298 2.52327C17.9298 2.49487 17.8812 2.43079 17.8218 2.38082C17.715 2.2909 17.7077 2.28995 17.1199 2.28995H16.526V1.86769C16.526 1.20458 16.4778 1.14997 15.6768 0.905882C13.6648 0.292704 11.3561 0.674607 9.33756 1.95445L8.97879 2.1819L8.68027 1.98733C7.16189 0.997585 5.26101 0.489552 3.64619 0.641864ZM3.7393 1.38072C3.33792 1.41381 2.8276 1.51313 2.45296 1.63105L2.18975 1.71391L2.18084 6.49408C2.17596 9.12318 2.17849 11.2742 2.18649 11.2742C2.19449 11.2742 2.34852 11.2352 2.5288 11.1875C4.39806 10.6928 6.6468 11.0695 8.42717 12.1756C8.49918 12.2203 8.56628 12.2569 8.57632 12.2569C8.58636 12.2569 8.59457 10.1336 8.59457 7.53843V2.81999L8.26994 2.60609C7.23341 1.92314 5.94322 1.47705 4.72027 1.37875C4.22827 1.33923 4.2428 1.3392 3.7393 1.38072ZM13.1636 1.38191C12.0247 1.47554 10.6916 1.94613 9.69129 2.60756L9.36666 2.82224V7.5425C9.36666 10.1386 9.37859 12.2575 9.39322 12.251C9.40782 12.2446 9.58165 12.1476 9.77951 12.0355C11.563 11.0245 13.6396 10.713 15.4324 11.1875C15.6127 11.2352 15.7667 11.2742 15.7747 11.2742C15.7827 11.2742 15.7853 9.12318 15.7804 6.49408L15.7715 1.71391L15.5083 1.63115C15.1053 1.50446 14.6434 1.41834 14.1532 1.37854C13.6673 1.33906 13.6854 1.33902 13.1636 1.38191ZM0.0134118 7.83495C0.0134118 10.7399 0.017553 11.9283 0.0226418 10.4758C0.0276954 9.02333 0.0276954 6.64653 0.0226418 5.19406C0.017553 3.74155 0.0134118 4.92997 0.0134118 7.83495ZM0.733313 7.81849C0.733313 11.6194 0.742368 12.6135 0.777182 12.6268C0.801327 12.636 2.36874 12.6394 4.26035 12.6345L7.69965 12.6254L7.29606 12.425C5.68724 11.6263 3.80956 11.4914 2.22485 12.0606C1.79746 12.2142 1.71597 12.2171 1.56738 12.0843L1.45276 11.9819L1.4436 7.50442L1.4344 3.02695H0.733313V7.81849ZM16.526 7.45066C16.526 12.2412 16.5356 11.997 16.3429 12.1319C16.2279 12.2125 16.1258 12.2005 15.7364 12.0606C14.1517 11.4914 12.274 11.6263 10.6652 12.425L10.2616 12.6254L13.7009 12.6345C15.5925 12.6394 17.1599 12.636 17.184 12.6268C17.2189 12.6135 17.2279 11.6194 17.2279 7.81849V3.02695H16.526V7.45066Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 14px;
}
.articles__item-btn {
    font-weight: 500;
font-size: 12px;
line-height: 133%;
padding: 9px 27px;
}
.news__item-title ,
.articles__item-title {
    font-weight: 500;
font-size: 18px;
line-height: 120%;
display: block;
margin-bottom: 17px;
}
.news__item-title{
    margin-bottom: 0;
}
.news__item img,
.articles__item img {
    width: 100%;
    height: 260px;
    margin-bottom: 10px;
    object-fit: cover;
    transition: 0.5s;
}
.articles__item-info {
     display: flex;
      align-items: center;
gap: 20px;
margin-bottom: 10px;
}

.articles__item-info p {
    margin: 0;
}
.news__item-inner{
    padding: 10px 85px 25px 15px;
}
.articles__item-inner {
padding: 10px 15px 15px;
}
.news__item a{
    position: relative;
    display: block;
}
.news__icon {
    transition: 0.5s;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 15px;
  bottom: -28px;
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='36' fill='%237EAF46'/%3E%3Cpath d='M30.8505 42.6145L41.2016 32.2634L41.2016 36.1419C41.2016 37.256 42.8727 37.256 42.8727 36.1419L42.8699 32.6069L42.8681 30.247C42.8667 29.7887 42.4955 29.4175 42.0371 29.4161L36.1434 29.4127C35.9162 29.4096 35.6974 29.4992 35.538 29.6612C35.0077 30.1917 35.3934 31.0981 36.1435 31.0838L40.0266 31.0792L29.6404 41.4654C28.864 42.3229 30.1047 43.4416 30.8505 42.6145Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.header__wrapper {
  padding: 10px 0 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header__wrapper:last-child {
  border-bottom: none;
  align-items: flex-start;
  padding-top: 33px;
}

.header__inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header__faq {
  display: flex;
  padding: 15px 25px;
  border-radius: 60px;
  padding: 12px 32px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  letter-spacing: 0.01em;
  width: fit-content;
}

.header__faq:hover {
  text-decoration: none;
  color: #fff;
}

.header__faq::before {
  display: block;
  content: "";
  min-width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5732 4.91667C17.6916 3.04167 15.1829 2 12.5348 2C7.02961 2 2.56969 6.44444 2.56969 11.9306C2.56969 13.6667 3.05749 15.4028 3.89373 16.8611L2.5 22L7.79617 20.6111C9.25958 21.375 10.8624 21.7917 12.5348 21.7917C18.0401 21.7917 22.5 17.3472 22.5 11.8611C22.4303 9.29167 21.4547 6.79167 19.5732 4.91667ZM17.3432 15.4722C17.1341 16.0278 16.1585 16.5833 15.6707 16.6528C15.2526 16.7222 14.6951 16.7222 14.1376 16.5833C13.7892 16.4444 13.3014 16.3056 12.7439 16.0278C10.2352 14.9861 8.63241 12.4861 8.49303 12.2778C8.35366 12.1389 7.44774 10.9583 7.44774 9.70833C7.44774 8.45833 8.07491 7.90278 8.28397 7.625C8.49303 7.34722 8.77178 7.34722 8.98084 7.34722C9.12021 7.34722 9.32927 7.34722 9.46864 7.34722C9.60801 7.34722 9.81707 7.27778 10.0261 7.76389C10.2352 8.25 10.723 9.5 10.7927 9.56944C10.8624 9.70833 10.8624 9.84722 10.7927 9.98611C10.723 10.125 10.6533 10.2639 10.5139 10.4028C10.3746 10.5417 10.2352 10.75 10.1655 10.8194C10.0261 10.9583 9.88676 11.0972 10.0261 11.3056C10.1655 11.5833 10.6533 12.3472 11.4199 13.0417C12.3955 13.875 13.162 14.1528 13.4408 14.2917C13.7195 14.4306 13.8589 14.3611 13.9983 14.2222C14.1376 14.0833 14.6254 13.5278 14.7648 13.25C14.9042 12.9722 15.1132 13.0417 15.3223 13.1111C15.5314 13.1806 16.7857 13.8056 16.9948 13.9444C17.2735 14.0833 17.4129 14.1528 17.4826 14.2222C17.5523 14.4306 17.5523 14.9167 17.3432 15.4722Z' fill='white'/%3E%3C/svg%3E%0A");
}

.header__time {
  margin-bottom: 0;
  letter-spacing: 0.01em;
}

.header__logo img {
  width: 121px;
  margin-left: 75px;
}

.header__logo-mobile {
  display: none;
}

.header__links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: right;
}

.header__links a {
  display: block;
}

.header__links a:hover {
  text-decoration: none;
  color: #fff;
}

.header__email, .header__phone {
  display: block;
}

.header ul {
  margin-bottom: 0;
}

.header .nav__list {
  display: flex;
  align-items: center;
  gap: 38px;
}

@media (max-width: 1400px) {
  .header .nav__list {
    gap: calc(-30px + 68 * (100vw - 320px) / 1080);
  }
}
.header .nav__list a {
  text-decoration: none;
  word-wrap: normal;
  line-height: 1.3;
}

.header .nav__item {
  padding: 20px 0;
  position: relative;
}

.header .nav__item .menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 0 20px 5px rgba(171, 171, 171, 0.25);
  background: #2d2d2d;
  padding: 32px 40px;
  width: 530px;
  max-height: 530px;
  border-radius: 0 0 8px 8px;
}

.header .nav__item .menu .arrow-right {
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 16px;
  color: var(--green) !important;
  display: block;
}

.header .nav__item .menu li {
  width: fit-content;
}

.header .nav__item .menu li:not(:last-child) {
  margin-bottom: 24px;
}

.header .nav__item .menu li a {
  font-size: 16px !important;
  font-weight: 500;
  color: #fff;
}

.header .nav__item .menu .submenu li:not(:last-child) {
  margin-bottom: 10px;
}

.header .nav__item .menu .submenu li a {
  font-size: 14px !important;
  font-weight: 400;
  color: #2d2d2d;
}

.header .nav__item .menu-big {
  min-width: 1308px;
  columns: 3;
  gap: 150px;
}

.header .nav__item.arrow {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

.header .nav__item.arrow::after {
  display: block;
  content: "";
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.5L8 10.5L12 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.header .nav__link {
  white-space: nowrap;
  font-size: 16px;
}

@media (max-width: 1400px) {
  .header .nav__link {
    font-size: calc(11px + 5 * (100vw - 320px) / 1080);
  }
}
.header .nav a:focus {
  color: var(--white) !important;
}

.header .container {
  max-width: 1308px;
  padding: 0 16px;
}

.menu-mobile {
  display: none;
}

@media (min-width: 1025px) {
  .header .nav__list {
    justify-content: space-between;
  }
  .header .menu-small {
    max-width: 438px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .header .menu-small {
    max-width: calc(180px + 258 * (100vw - 320px) / 1080);
  }
}
@media (min-width: 1025px) {
  .header .nav__item:hover .nav__link {
    color: var(--white);
  }
}
@media (min-width: 1025px) {
  .header .arrow:hover .menu {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    z-index: 100;
  }
  .header .arrow:hover .menu li a:hover {
    color: var(--green) !important;
  }
  .header .arrow:hover .menu li li a {
    color: #fff !important;
  }
  .header .arrow:hover > a::before {
    width: 20px;
    height: 20px;
    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%3Ccircle cx='10' cy='10' r='4' fill='%2327875A'/%3E%3C/svg%3E%0A");
  }
}
.header-grey {
  position: static;
  background: #2d2d2d;
}

.header__faq:focus {
  color: #fff;
  text-decoration: none;
}

.header-grey .header__faq {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #2d2d2d;
}

.header-grey.header .nav__list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.types {
  padding: 100px 0;
}

.types__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.types__inner a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0 !important;
  transition: 0.3s;
}

.types__inner a:hover {
  color: #7eaf46;
  text-decoration: none;
}

.types__inner a:hover::after {
  transform: translateX(5px);
}

.types__inner a::after {
  transition: 0.3s;
  display: block;
  content: "";
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.5H14' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.0002 3.5L14 8.5L9.0001 13.5' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.types .title-section {
  margin-bottom: 0;
}

.card {
    overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(171, 171, 171, 0.1);
  background: #2d2d2d;
}
.card:hover {
    box-shadow: 0 0 15px 0 rgba(171, 171, 171, 0.3);
}
.card:hover .card__icon{
 transform: rotate(45deg);
}
.card img{
 transition: 0.5s;
}
.card:hover a img{
 transform:translateY(-13px)  scale(1.1);
}

.card a {
  position: relative;
  display: block;
}

.card a:hover {
  text-decoration: none;
  color: #fff;
}

.card img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

.card__icon {
    transition: 0.5s;
  width: 72px;
  height: 72px;
  position: absolute;
  right: 24px;
  bottom: -28px;
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='36' fill='%237EAF46'/%3E%3Cpath d='M30.8505 42.6145L41.2016 32.2634L41.2016 36.1419C41.2016 37.256 42.8727 37.256 42.8727 36.1419L42.8699 32.6069L42.8681 30.247C42.8667 29.7887 42.4955 29.4175 42.0371 29.4161L36.1434 29.4127C35.9162 29.4096 35.6974 29.4992 35.538 29.6612C35.0077 30.1917 35.3934 31.0981 36.1435 31.0838L40.0266 31.0792L29.6404 41.4654C28.864 42.3229 30.1047 43.4416 30.8505 42.6145Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.card__descr {
  padding: 40px 24px;
}

.card__descr ul {
  columns: 2;
  column-gap: 22px;
  margin-bottom: 0;
}

.card__descr ul li {
  font-weight: 400;
  display: flex;
  gap: 8px;

}
.card__descr ul li:not(:last-child){
      margin-bottom: 8px;
}
.card__descr ul li::before {
  display: block;
  content: "";
  min-width: 12px;
  height: 12px;
  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_115_800)'%3E%3Cg clip-path='url(%23clip1_115_800)'%3E%3Cpath d='M6 1.5V3.5' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 9.5V11.5' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.46509 2.96484L3.88009 4.37984' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12012 8.62012L9.53512 10.0351' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 6.5H3' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 6.5H11' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.46509 10.0351L3.88009 8.62012' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12012 4.37984L9.53512 2.96484' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_115_800'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 -1 1 0 0 12)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_115_800'%3E%3Crect width='12' height='12' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 3px;
}

.card__item-inner {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(217, 218, 220, 0.5);
  margin-bottom: 16px;
}

.card__item-title {
  font-weight: 500;
  font-size: 20px;
  min-height: 39px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .card__item-title {
    font-size: calc(18px + 2 * (100vw - 320px) / 1080);
  }
}
.card__iten-price {
  margin: 0;
  white-space: nowrap;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  color: var(--green);
}

@media (max-width: 1400px) {
  .card__iten-price {
    font-size: calc(18.5px + 5.5 * (100vw - 320px) / 1080);
  }
}
.cards {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.stages {
  position: relative;
  padding: 60px 0 90px;
}

.stages__img-left {
  position: absolute;
  left: 0;
  bottom: -75px;
  z-index: 3;
  opacity: 0;
  width: 285px;
  object-fit: contain;
  z-index: 11;
}

.stages__img-right {
  z-index: 3;
  position: absolute;
  right: 0;
  top: -74px;
  opacity: 0;
  width: 366px;
  object-fit: contain;
  z-index: 11;
}

.stages .title-section {
  margin-bottom: 40px;
}

.stages__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 39px;
}

.stages__item {
  opacity: 0;
  width: 200px;
  position: relative;
  z-index: 1;
}

.stages__item span {
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  display: block;
  font-family: "Forum", sans-serif;
  padding: 31px 0 16px;
  background: #424242;
}

.stages__item p {
  position: relative;
  z-index: 2;
  margin: 0;
}

.stages__item:nth-child(1) {
  grid-area: 1/1/2/2;
}

.stages__item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.stages__item:nth-child(3) {
  grid-area: 1/3/2/4;
}

.stages__item:nth-child(4) {
  grid-area: 1/4/2/6;
}

.stages__item:nth-child(4) .stages__item-line::before {
  width: 185px;
}

.stages__item:nth-child(4)::before {
  position: absolute;
  content: "";
  right: -45px;
  bottom: -39px;
  border-radius: 50%;
  display: block;
  background: #424242;
  z-index: 0;
  height: 109px;
  width: 109px;
}

.stages__item:nth-child(4)::after {
  position: absolute;
  content: "";
  right: -59px;
  bottom: -40px;
  border-radius: 50%;
  display: block;
  border: 2px dashed var(--green);
  color: var(--green);
  z-index: -1;
  height: 111px;
  width: 110px;
}

.stages__item:nth-child(5) {
  grid-area: 2/4/3/5;
}

.stages__item:nth-child(5)::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  border-top: 2px dashed var(--green);
  color: var(--green);
  height: 2px;
  width: 100%;
}

.stages__item:nth-child(5)::after {
  position: absolute;
  content: "";
  top: 0;
  left: -50px;
  border-radius: 50%;
  display: block;
  border: 2px dashed var(--green);
  color: var(--green);
  z-index: -1;
  height: 87px;
  width: 88px;
}

.stages__item:nth-child(6) {
  grid-area: 2/5/3/6;
}

.stages__item:nth-child(7) {
  grid-area: 2/6/3/7;
}

.stages__item:last-child .stages__item-line::before {
  display: none;
}

.stages__item-line {
  margin-top: -15px;
  margin-bottom: 24px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: var(--green);
  position: relative;
}

.stages__item-line::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  display: block;
  border-top: 2px dashed var(--green);
  color: var(--green);
  height: 2px;
  width: 194px;
}

@keyframes opacity {
  100% {
    opacity: 1;
  }
}
.stages.active .stages__img-left {
  animation: opacity 1.5s ease 0s forwards;
}

.stages.active .stages__img-right {
  animation: opacity 1.5s ease 0.5s forwards;
}

.stages.active .stages__item:nth-child(1) {
  animation: opacity 1.5s ease 1s forwards;
}

.stages.active .stages__item:nth-child(2) {
  animation: opacity 1.5s ease 1.5s forwards;
}

.stages.active .stages__item:nth-child(3) {
  animation: opacity 1.5s ease 2s forwards;
}

.stages.active .stages__item:nth-child(4) {
  animation: opacity 1.5s ease 2.5s forwards;
}

.stages.active .stages__item:nth-child(5) {
  animation: opacity 1.5s ease 3s forwards;
}

.stages.active .stages__item:nth-child(6) {
  animation: opacity 1.5s ease 3.5s forwards;
}

.stages.active .stages__item:nth-child(7) {
  animation: opacity 1.5s ease 4s forwards;
}

.slider {
  padding: 120px 0;
}

.slider__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.slider__inner a {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

.slider__inner a:hover {
  color: #7eaf46;
  text-decoration: none;
}

.slider__inner a:hover::after {
  transform: translateX(5px);
}

.slider__inner a::after {
  transition: 0.3s;
  display: block;
  content: "";
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.5H14' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.0002 3.5L14 8.5L9.0001 13.5' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.slider__slide-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 16px;
}

.slider__slide-inner p {
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 15px;
}

.slider__slide-inner ul {
  padding: 0;
  margin-bottom: 16px;
}

.slider__slide-inner ul li {
  font-size: 14px;
  display: flex;

  gap: 8px;
}

.slider__slide-inner ul li:not(:last-child) {
  margin-bottom: 8px;
}

.slider__slide-inner ul li::before {
  display: block;
  content: "";
  min-width: 12px;
  height: 12px;
  margin-top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_115_592)'%3E%3Cg clip-path='url(%23clip1_115_592)'%3E%3Cpath d='M6 2V4' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10V12' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.46509 3.46484L3.88009 4.87984' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12012 9.12012L9.53512 10.5351' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 7H3' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 7H11' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.46509 10.5351L3.88009 9.12012' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.12012 4.87984L9.53512 3.46484' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_115_592'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 -1 1 0 0 12.5)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_115_592'%3E%3Crect width='12' height='12' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.slider .title-section {
  margin-bottom: 0;
}

.slider__slider {
  position: relative;
}

.slider__slide a {
  border: 1px solid #424242;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.slider__slide a:hover {
  text-decoration: none !important;
  color: #fff;
}

.slider__slide a img {
  object-fit: cover;
  height: 256px;
  border-radius: 8px 8px 0 0;
}

.slider__slide img {
  width: 100%;
}

.slider__control {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.slider__price {
  font-size: 20px;
  white-space: nowrap;
  color: var(--green);
}

.slider__btn {
  padding: 12px 26px;
}

.slider .swiper-pagination {
  padding-top: 24px;
  display: flex;
}

.slider .swiper-pagination-bullet {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background: rgba(229, 229, 229, 0.5);
  border: none;
}

.slider .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: var(--green);
}

.slider .swiper-pagination-bullet-active::before {
  display: none;
}
.slider-detailed .slider__slide-inner{
    padding: 10px 16px 16px;
}
.slider-detailed .slider__slide a img{
height: 221px;
}
.slider-detailed .slider__slide-inner p{
margin-bottom: 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 10px;
}
.slider-detailed  .slider__slide-inner p::after {
    display: block;
    content: "";
    min-width: 72px;
    height: 72px;
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='36' fill='%237EAF46'/%3E%3Cpath d='M30.8504 42.6148L41.2015 32.2637L41.2015 36.1422C41.2015 37.2562 42.8725 37.2562 42.8725 36.1421L42.8698 32.6071L42.8679 30.2473C42.8666 29.7889 42.4954 29.4177 42.037 29.4163L36.1433 29.4129C35.9161 29.4098 35.6973 29.4994 35.5379 29.6615C35.0075 30.192 35.3933 31.0984 36.1433 31.084L40.0265 31.0794L29.6402 41.4656C28.8638 42.3231 30.1046 43.4419 30.8504 42.6148Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
  }
 
.slider__date{
    font-weight: 500;
    font-size: 14px;
    margin-bottom: -9px;
}
.services .slider__slide {
  text-align: center;
}

.services .slider__slide p {
  margin-bottom: 48px;
}

.services .slider__control {
  flex-direction: column;
}
.staff{
    padding-bottom: 100px;
}
.staff .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.staff__item {
    border: 1px solid #424242;
    border-radius: 8px;
    max-width: 304px;
}
.staff__item img {
    border-radius: 8px 8px 0 0;
    width: 100%; 
    object-fit: cover;
    object-position: top;
}
.staff__item p {
    padding: 24px 16px;
    margin: 0;
    font-weight: 500;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.about {
  padding: 120px 0 154px;
  position: relative;
}
.about-page .about__img{
top: 57px;
}
.about-page{
    padding-top: 159px;
}
.about-page .about__link{
   margin-top: 40px;
}
.about-page .about__text{
   margin-bottom: 20px;
}
.about ul {
    margin-bottom: 20px;
}
.about ul li{
     display: flex;
    gap: 9px;
}
.about ul li:before{
    content: "";
    min-width: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green);
    margin-top: 5px;
}
.about__img {
  position: absolute;
  top: -84px;
  right: 0;
  width: 638px;
  min-height: 688px;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 1400px) {
  .about__img {
    width: calc(200px + 438 * (100vw - 320px) / 1080);
  }
}
.about__img img {
  position: absolute;
  top: 0;
  right: -50px;
  width: 638px;
}

@media (max-width: 1400px) {
  .about__img img {
    width: calc(200px + 438 * (100vw - 320px) / 1080);
  }
}
.about .title-section {
  margin-bottom: 57px;
}

.about__subtitle {
  max-width: 740px;
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Forum", sans-serif;
}

@media (max-width: 1400px) {
  .about__subtitle {
    max-width: calc(150px + 590 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 1400px) {
  .about__subtitle {
    font-size: calc(18px + 14 * (100vw - 320px) / 1080);
  }
}
.about__text {
  font-weight: 300;
  max-width: 690px;
  margin-top: 0;
  margin-bottom: 40px;
}

@media (max-width: 1400px) {
  .about__text {
    max-width: calc(250px + 440 * (100vw - 320px) / 1080);
  }
}
.stages {
  position: relative;
  padding: 60px 0 90px;
}

.stages__img-left {
  position: absolute;
  left: 0;
  bottom: -75px;
  z-index: 3;
  opacity: 0;
  width: 285px;
  object-fit: contain;
  z-index: 11;
}

.stages__img-right {
  z-index: 3;
  position: absolute;
  right: 0;
  top: -74px;
  opacity: 0;
  width: 366px;
  object-fit: contain;
  z-index: 11;
}

.stages .title-section {
  margin-bottom: 40px;
}

.stages__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 39px;
}

.stages__item {
  opacity: 0;
  width: 200px;
  position: relative;
  z-index: 1;
}

.stages__item span {
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  display: block;
  font-family: "Forum", sans-serif;
  padding: 31px 0 16px;
  background: #424242;
}

.stages__item p {
  position: relative;
  z-index: 2;
  margin: 0;
}

.stages__item:nth-child(1) {
  grid-area: 1/1/2/2;
}

.stages__item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.stages__item:nth-child(3) {
  grid-area: 1/3/2/4;
}

.stages__item:nth-child(4) {
  grid-area: 1/4/2/6;
}

.stages__item:nth-child(4) .stages__item-line::before {
  width: 185px;
}

.stages__item:nth-child(4)::before {
  position: absolute;
  content: "";
  right: -45px;
  bottom: -39px;
  border-radius: 50%;
  display: block;
  background: #424242;
  z-index: 0;
  height: 109px;
  width: 109px;
}

.stages__item:nth-child(4)::after {
  position: absolute;
  content: "";
  right: -59px;
  bottom: -40px;
  border-radius: 50%;
  display: block;
  border: 2px dashed var(--green);
  color: var(--green);
  z-index: -1;
  height: 111px;
  width: 110px;
}

.stages__item:nth-child(5) {
  grid-area: 2/4/3/5;
}

.stages__item:nth-child(5)::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  display: block;
  border-top: 2px dashed var(--green);
  color: var(--green);
  height: 2px;
  width: 100%;
}

.stages__item:nth-child(5)::after {
  position: absolute;
  content: "";
  top: 0;
  left: -50px;
  border-radius: 50%;
  display: block;
  border: 2px dashed var(--green);
  color: var(--green);
  z-index: -1;
  height: 87px;
  width: 88px;
}

.stages__item:nth-child(6) {
  grid-area: 2/5/3/6;
}

.stages__item:nth-child(7) {
  grid-area: 2/6/3/7;
}

.stages__item:last-child .stages__item-line::before {
  display: none;
}

.stages__item-line {
  margin-top: -15px;
  margin-bottom: 24px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: var(--green);
  position: relative;
}

.stages__item-line::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  display: block;
  border-top: 2px dashed var(--green);
  color: var(--green);
  height: 2px;
  width: 194px;
}

@keyframes opacity {
  100% {
    opacity: 1;
  }
}
.stages.active .stages__img-left {
  animation: opacity 1.5s ease 0s forwards;
}

.stages.active .stages__img-right {
  animation: opacity 1.5s ease 0.5s forwards;
}

.stages.active .stages__item:nth-child(1) {
  animation: opacity 1.5s ease 1s forwards;
}

.stages.active .stages__item:nth-child(2) {
  animation: opacity 1.5s ease 1.5s forwards;
}

.stages.active .stages__item:nth-child(3) {
  animation: opacity 1.5s ease 2s forwards;
}

.stages.active .stages__item:nth-child(4) {
  animation: opacity 1.5s ease 2.5s forwards;
}

.stages.active .stages__item:nth-child(5) {
  animation: opacity 1.5s ease 3s forwards;
}

.stages.active .stages__item:nth-child(6) {
  animation: opacity 1.5s ease 3.5s forwards;
}

.stages.active .stages__item:nth-child(7) {
  animation: opacity 1.5s ease 4s forwards;
}

.advantages {
  padding: 120px 0;
}

.advantages .title-section {
  margin-bottom: 20px;
}

.advantages__slider {
  border-top: 1px solid rgba(126, 175, 70, 0.5);
  padding-top: 40px;
}

.advantages__item span {
  font-family: "Forum", sans-serif;
  display: block;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 16px;
}

@media (max-width: 1400px) {
  .advantages__item span {
    font-size: calc(36px + 12 * (100vw - 320px) / 1080);
  }
}
.advantages__item p {
  margin: 0;
}

.advantages .swiper-pagination {
  padding-top: 24px;
  display: flex;
}

.advantages .swiper-pagination-lock {
  display: none;
}

.numbers {
  padding: 60px 0 80px;
}

.numbers__wrapper {
  display: flex;
  gap: 84px;
}

@media (max-width: 1400px) {
  .numbers__wrapper {
    gap: calc(0px + 84 * (100vw - 320px) / 1080);
  }
}
.numbers__wrapper ul {
  padding-top: 40px;
  border-top: 1px solid var(--green);
  display: grid;
  gap: 24px 56px;
  grid-template-columns: repeat(2, 1fr);
}

.numbers__wrapper ul li span {
  white-space: nowrap;
  font-family: "Forum", sans-serif;
  font-size: 48px;
  line-height: 100%;
  margin-bottom: 10px;
  display: block;
}

@media (max-width: 1400px) {
  .numbers__wrapper ul li span {
    font-size: calc(30.5px + 17.5 * (100vw - 320px) / 1080);
  }
}
.numbers__wrapper ul li p {
  margin: 0;
}

.numbers__wrapper img {
  object-fit: contain;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  max-width: 628px;
}

@media (max-width: 1400px) {
  .numbers__wrapper img {
    max-width: calc(100px + 528 * (100vw - 320px) / 1080);
  }
}
.numbers__inner .title-section {
  font-size: 36px;
  margin-bottom: 16px;
}

@media (max-width: 1400px) {
  .numbers__inner .title-section {
    font-size: calc(24px + 12 * (100vw - 320px) / 1080);
  }
}
.portfolio {
  padding: 120px 0;
}

.portfolio__inner {
  padding: 0 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
}

.portfolio__inner a {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

.portfolio__inner a:hover {
  color: #7eaf46;
  text-decoration: none;
}

.portfolio__inner a:hover::after {
  transform: translateX(5px);
}

.portfolio__inner a::after {
  transition: 0.3s;
  display: block;
  content: "";
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.5H14' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.0002 3.5L14 8.5L9.0001 13.5' stroke='%237EAF46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.portfolio .title-section {
  margin-bottom: 0;
  margin-top: 0;
}

.portfolio .swiper {
  padding: 20px 10px;
  margin: 0 -10px;
  width: calc(100% + 20px);
}

.portfolio .container {
  max-width: 1356px;
}

.portfolio .tabs {
  position: relative;
}
.faq .tabs__buttons,
.portfolio .tabs__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: grab;
  overflow: auto;
  margin-bottom: 20px;  
  width: 100%;
}
.faq .tabs__buttons{
    margin-bottom: 40px;
}
.tabs__buttons:active {
    cursor: grabbing; /* Курсор "захватывается" */
}
.faq .tabs__buttons::-webkit-scrollbar,
.faq .tabs__buttons::-webkit-scrollbar-thumb,
.faq .tabs__buttons::-webkit-scrollbar-track ,
.portfolio .tabs__buttons::-webkit-scrollbar,
.portfolio .tabs__buttons::-webkit-scrollbar-thumb,
.portfolio .tabs__buttons::-webkit-scrollbar-track {
  display: none;
}
.faq .tabs__button,
.portfolio .tabs__button {
  border: 1px solid #a0a0a0;
  border-radius: 80px;
  padding: 16px 24px;
  display: block;
  white-space: nowrap;
  -webkit-touch-callout: none; 
  -webkit-user-select: none;  
   -khtml-user-select: none;  
     -moz-user-select: none;  
      -ms-user-select: none; 
          user-select: none; 
}
.faq .tabs__button.active ,
.portfolio .tabs__button.active {
  background: var(--green);
  border: 1px solid var(--green);
}
.faq .tabs__button:hover,
.portfolio .tabs__button:hover {
  text-decoration: none;
  color: #fff;
}
.faq .tabs__button:focus,
.portfolio .tabs__button:focus {
  text-decoration: none;
  color: #fff;
}
.faq .tabs__content,
.portfolio .tabs__content {
  display: none;
}
.faq .tabs__content.active ,
.portfolio .tabs__content.active {
  display: block;
}

.faq {
    padding-top: 50px;
    margin-bottom: 120px;
    position: relative;
    z-index: 10;
}
.faq__accordion {
    background: #424242;
    border-radius: 60px;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.faq__accordion.open .faq__accordion-content {
    opacity: 1;
    visibility: visible;
    padding-bottom: 24px;
}
.faq__accordion.open .faq__accordion-btn {
    padding-bottom: 8px;
}
.faq__accordion.open {
    border-radius: 40px;
}
.faq__accordion.open .faq__accordion-btn::after{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.faq__accordion:not(:last-child){
    margin-bottom: 24px;
}
    
.faq__accordion-btn {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
    padding: 24px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 16px;
        
}
.faq__accordion-btn::after{
    content: "";
    display: block;
    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 d='M6 9L12 15L18 9' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    min-width: 24px;
    width: 24px;
    height: 24px; 
    -webkit-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}
.faq__accordion-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    will-change: max-height;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: 0 24px;
}  
.faq__accordion-content ol li ,
.faq__accordion-content ul li ,
.faq__accordion-content p {
    font-weight: 400;
font-size: 16px;
line-height: 162%;
color: #fff;
opacity: 0.8;
margin: 0;
}
    
.faq__accordion-content ul li {
    padding-left: 26px;
    position: relative;
}
.faq__accordion-content ul li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7eaf46;
    position: absolute;
    left: 8px;
    top: 8px;
}
.faq__accordion-content ol   {
    padding-left: 20px;
}
.faq__accordion-content ol li {
    list-style: decimal;
}
.vacancy {
padding-top: 50px;
}
 
.vacancy__item:not(:last-child){
    margin-bottom: 50px;
}
.vacancy__item img{
    border-radius: 8px;
    max-width: 544px;
    min-height: 280px;
    height: 280px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.vacancy__item  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 99px;
}

.vacancy__item-wrap {
    padding-left: 100px;
    border-left: 1px solid #bd9a68;
}

.vacancy__item-title {
    font-weight: 400;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 11px;
}

.vacancy__item-text {
    margin-bottom: 10px;
}

.vacancy__item-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 20px;
 margin-bottom: -14px;
}

 
.vacancy__item-phone p {
    margin: 0;
    display: inline;
}
.vacancy__item-phone a {
    text-decoration: underline;
-webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
color: #7eaf46;
}
.vacancy__item-phone a:hover {
    color: #7eaf46;
}

.vacancy__btn{ 
padding: 14px 18px;
}

.contacts {
padding-top: 50px;
margin-bottom: 100px;
}

.contacts__wrapper  {
}

.contacts__inner {
 display: -ms-grid;
 display: grid; 
 -ms-grid-columns: (1fr)[2]; 
 grid-template-columns: repeat(2, 1fr);
margin-bottom: 100px;
}

.contacts__info  {padding-right: 50px;
}

.contacts__text  {
    font-weight: 400;
font-size: 22px;
line-height: 141%;
margin-bottom: 14px;
}

.contacts__phone  {
    font-weight: 400;
font-size: 28px;
line-height: 143%;
color: #7eaf46;
margin-bottom: 8px;
display: inline-block;

}
.contacts__phone:focus,
.contacts__phone:hover {
    color: #7eaf46;
}
.contacts__work {
    font-weight: 400;
font-size: 18px;
line-height: 172%;
margin-bottom: 8px;
}

.contacts__email  {
    font-weight: 400;
font-size: 22px;
line-height: 143%;
color: #7eaf46;
margin-bottom: 30px;
display: inline-block;
}

.contacts__socials p {
    font-family:   "Forum", sans-serif;
    font-weight: 400;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 14px;
}
.contacts__socials img {
    width: 42px;
height: 42px;
}
 

.contacts__socials-inner  {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 12px;
}

.contacts__map {
    height: 391px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.contacts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
  
     gap: 20px;
  
     margin-bottom: 100px;
}

.contacts__item  {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  gap: 22px;
  max-width: 570px;
}
.contacts__item  img{
    border-radius: 203px;
width: 250px;
height: 250px;
-o-object-fit: cover;
   object-fit: cover;
}

 
.contacts__item-title  {
    font-family:   "Forum", sans-serif;
    font-weight: 400;
font-size: 32px;
text-transform: uppercase;
margin-bottom: 48px;
}

.contacts__item-name  {
    font-weight: 400;
font-size: 22px;
line-height: 141%;
margin-bottom: 5px;
}

.contacts__item-phone {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
 gap: 5px;
 padding-top: 4px;
 border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.contacts__item-phone p{
    font-weight: 400;
font-size: 22px;
line-height: 141%;
margin: 0;
}
.contacts__item-phone a{
    font-weight: 400;
font-size: 22px;
line-height: 141%;
color: #7eaf46;
}

.contacts__details h2 {
    margin-top: 0;
    font-family:   "Forum", sans-serif;
    font-weight: 400;
font-size: 36px;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(126, 175, 70, 0.5);
}
.contacts__details-subtitle{
    font-family:   "Forum", sans-serif;
    font-weight: 400;
font-size: 32px;
text-transform: uppercase;
margin-bottom: 24px;
}
.contacts__details ul {
    margin-bottom: 16px;
}
.contacts__details  span{
    color: #7eaf46;
}
.application.application-contacts{
    padding: 0;
}
.application-contacts .form {
   max-width: 100%;
     -ms-grid-columns: 0.95fr 1fr;
     grid-template-columns: 0.95fr 1fr;
}
.application-contacts .form img {
   width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.application-contacts .application__wrapper {
    padding: 0;
    background: #424242;
}
.application-contacts .form__inner {
    padding: 83px 54px 83px 64px;
}
.application-contacts .form__title{
    text-transform: none;
    font-weight: 400;
font-size: 36px;
}
.application-contacts .form h2 span{
    display: inline;
}
.application-contacts .form__btn{
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 15px 24px;
}
 
 

 
.portfolio .tabs .card__item-inner {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.portfolio .swiper-pagination {
  display: flex;
  padding-top: 4px;
}

.portfolio .swiper-pagination-bullet {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background: rgba(229, 229, 229, 0.5);
  border: none;
}

.portfolio .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: var(--green);
}

.portfolio .swiper-pagination-bullet-active::before {
  display: none;
}

.clients {
  padding: 120px 0;
}

.clients .title-section {
  margin-bottom: 40px;
}

.clients__item {
  padding: 31px 0;
}

.clients__item img {
  width: 163px;
  object-fit: contain;
}

.clients .swiper-wrapper {
  display: grid;
  gap: 0 20px;
  grid-template-columns: repeat(5, 1fr);
}

.clients .swiper-pagination-bullet {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background: rgba(229, 229, 229, 0.5);
  border: none;
}

.clients .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: var(--green);
}

.clients .swiper-pagination-bullet-active::before {
  display: none;
}

.application {
  position: relative;
  padding: 40px 0 60px;
}

.application__left {
  position: absolute;
  left: 0;
  top: 0px;
  width: 400px;
}

@media (max-width: 1400px) {
  .application__left {
    top: calc(170px + -170 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 1400px) {
  .application__left {
    width: calc(-110px + 510 * (100vw - 320px) / 1080);
  }
}
.application__right {
  position: absolute;
  right: 0;
top: -200px;
  width: 450px;
}

@media (max-width: 1400px) {
  .application__right {
    width: calc(-110px + 560 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 1400px) {
  .application__right {
    top: calc(70px + -270 * (100vw - 320px) / 1080);
  }
}
.application__wrapper {
  padding: 0 85px;
}

.calc-result-discount span{
  color: #7eaf46;
  font-weight: 500;
}
.quiz {
  padding: 54px 64px 72px;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateX(100%);
  transition: 0.3s;
  background: #424242;
  width: 0;
  border-radius: 8px;
}

.quiz.active {
  width: 100%;
  position: static;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.quiz__step {
  display: none;
  height: 100%;
  margin-bottom: 50px;
}

.quiz__bonus {
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 19px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
}

.quiz__bonus::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  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 d='M8.74555 10.9635C9.31101 10.9635 9.76941 10.5143 9.76941 9.96025C9.76941 9.40619 9.31101 8.95703 8.74555 8.95703C8.18008 8.95703 7.72168 9.40619 7.72168 9.96025C7.72168 10.5143 8.18008 10.9635 8.74555 10.9635Z' fill='%23FDCD32'/%3E%3Cpath d='M15.2495 15.0377C15.8149 15.0377 16.2733 14.5885 16.2733 14.0345C16.2733 13.4804 15.8149 13.0312 15.2495 13.0312C14.684 13.0312 14.2256 13.4804 14.2256 14.0345C14.2256 14.5885 14.684 15.0377 15.2495 15.0377Z' fill='%23FDCD32'/%3E%3Cpath d='M23.6917 13.3253L23.3203 12.8286C22.9187 12.2877 22.9087 11.5549 23.3052 11.0041L23.6666 10.5025C24.2186 9.73536 23.9627 8.66821 23.1145 8.22069L22.5624 7.93054C21.9601 7.61581 21.6289 6.95683 21.7443 6.29293L21.8497 5.68805C22.0103 4.76351 21.3026 3.90782 20.344 3.86847L19.7166 3.84388C19.0341 3.81438 18.4418 3.36194 18.2511 2.71772L18.0754 2.12759C17.8094 1.22272 16.7956 0.755531 15.9123 1.12928L15.3351 1.37025C14.7077 1.63581 13.975 1.47844 13.5182 0.97683L13.1017 0.519479C12.4643 -0.178843 11.345 -0.173926 10.7126 0.53915L10.3011 1.00142C9.84938 1.50795 9.12163 1.67515 8.48924 1.41943L7.90704 1.18338C7.01869 0.82438 6.01489 1.31124 5.75893 2.21611L5.5933 2.81116C5.41262 3.4603 4.83042 3.92257 4.14784 3.95699L3.52047 3.99142C2.56185 4.04551 1.86924 4.91104 2.0449 5.83558L2.16034 6.44046C2.28581 7.09944 1.9646 7.76334 1.36734 8.08791L0.820276 8.3879C-0.01789 8.84525 -0.2588 9.91732 0.308342 10.6747L0.679745 11.1713C1.08126 11.7123 1.0913 12.445 0.694802 12.9958L0.333437 13.4974C-0.218648 14.2646 0.0373185 15.3318 0.885522 15.7793L1.43761 16.0694C2.03988 16.3842 2.37113 17.0432 2.2557 17.7071L2.1503 18.3119C1.98969 19.2365 2.69737 20.0922 3.65599 20.1315L4.28336 20.1561C4.96593 20.1856 5.55817 20.638 5.74889 21.2823L5.92455 21.8724C6.19056 22.7773 7.20439 23.2445 8.08772 22.8707L8.6649 22.6297C9.29227 22.3642 10.025 22.5215 10.4818 23.0232L10.8983 23.4805C11.5408 24.1788 12.66 24.1739 13.2874 23.4608L13.6989 22.9986C14.1506 22.492 14.8784 22.3248 15.5108 22.5806L16.093 22.8166C16.9813 23.1756 17.9851 22.6887 18.2411 21.7839L18.4067 21.1888C18.5874 20.5397 19.1696 20.0774 19.8522 20.043L20.4795 20.0086C21.4381 19.9545 22.1308 19.0889 21.9551 18.1644L21.8397 17.5595C21.7142 16.9005 22.0354 16.2366 22.6327 15.9121L23.1797 15.6121C24.0179 15.1597 24.2588 14.0876 23.6917 13.3253ZM6.27086 9.96158C6.27086 8.62395 7.37503 7.54204 8.74019 7.54204C10.1053 7.54204 11.2095 8.62395 11.2095 9.96158C11.2095 11.2992 10.1053 12.3811 8.74019 12.3811C7.37503 12.3811 6.27086 11.2943 6.27086 9.96158ZM9.21699 16.2022C9.00619 16.453 8.62475 16.4874 8.36878 16.2809C8.11282 16.0744 8.07769 15.7006 8.28848 15.4498L14.768 7.80268C14.9788 7.55188 15.3602 7.51745 15.6162 7.724C15.8721 7.93054 15.9073 8.30429 15.6965 8.5551L9.21699 16.2022ZM15.2498 16.453C13.8846 16.453 12.7804 15.3711 12.7804 14.0335C12.7804 12.6959 13.8846 11.6139 15.2498 11.6139C16.6149 11.6139 17.7191 12.6959 17.7191 14.0335C17.7191 15.3711 16.6149 16.453 15.2498 16.453Z' fill='%23FDCD32'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.quiz__wrapper {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.quiz__tag {
  border-radius: 60px;
  border: 1px solid #8e8e8e;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 13px;
}

.quiz__tag::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("../img/check.svg") center center/cover no-repeat;
}

.quiz__progress {
  max-width: 668px;
  width: 100%;
}

.quiz__progress-line_active {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.quiz__progress-line_active span {
  font-size: 24px;
  color: #fdcd32;
}

@media (max-width: 1400px) {
  .quiz__progress-line_active span {
    font-size: calc(19px + 5 * (100vw - 320px) / 1080);
  }
}
.quiz__progress-track {
  position: relative;
  height: 4px;
  background: #fdcd32;
  width: 0%;
}

.quiz__progress-line {
  width: 100%;
  position: relative;
}

.quiz__progress-line::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: #8e8e8e;
  border-radius: 10px;
}

.quiz__discount {
  font-size: 16px;
  line-height: 22px;
  padding: 9px 18px;
  color: #2f2e2d;
  background: #fdcd32;
  border: 1px solid #fdcd32;
  border-radius: 30px;
}

.quiz__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.quiz__step {
  width: 100%;
}

.quiz__step-title {
  margin-top: 0;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1400px) {
  .quiz__step-title {
    font-size: calc(19px + 5 * (100vw - 320px) / 1080);
  }
}
.quiz__step input[type=radio],
.quiz__step input[type=checkbox] {
  display: none;
}

.quiz__step-p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

.quiz__step-end {
  margin-bottom: 0;
}

.quiz__step .quiz__inner label,
.quiz__step .quiz__slider label {
  cursor: pointer;
}

.quiz__step .quiz__inner label img,
.quiz__step .quiz__slider label img {
  width: 100%;
  object-fit: cover;
  height: 244px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.quiz__step .quiz__inner label input[name=step2] + span,
.quiz__step .quiz__slider label input[name=step2] + span {
  min-height: 94px;
}

.quiz__step .quiz__inner label span,
.quiz__step .quiz__slider label span {
  border: 1px solid #8e8e8e;
  border-radius: 20px;
  padding: 17px 24px;
  display: flex;
  justify-content: flex-start;
  position: relative;
  height: 100%;
  gap: 10px;
}

.quiz__step .quiz__inner label span::before,
.quiz__step .quiz__slider label span::before {
  display: block;
  content: "";
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8e8e8e;
}

.quiz__step input:checked + span::before {
  background: url("../img/check.svg") center center/cover no-repeat;
}

.quiz__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.quiz .prevBtn {
  border: none;
  background: none;
  position: relative;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.562 22.4129L21.4617 12.5132C22.146 11.8289 23.2536 11.8289 23.9362 12.5132C24.6204 13.1975 24.6204 14.3052 23.9362 14.9877L16.7244 22.2012H35.25C36.216 22.2012 37 22.9852 37 23.9512C37 24.9172 36.216 25.7012 35.25 25.7012H16.7245L23.9363 32.9129C24.6205 33.5972 24.6205 34.7049 23.9363 35.3874C23.252 36.0717 22.1443 36.0717 21.4618 35.3874L11.5621 25.4877C11.1421 25.0677 11.0126 24.4937 11.107 23.9495C11.0125 23.4087 11.1437 22.8329 11.562 22.4129Z' fill='%238E8E8E'/%3E%3C/svg%3E%0A");
}

.quiz .nextBtn {
  padding: 15px 74px;
  text-transform: uppercase;
}

.quiz__step-end_inner .quiz__step-title {
  font-size: 36px;
  margin-bottom: 16px;
  font-family: "Forum", sans-serif;
  max-width: 900px;
}

@media (max-width: 1400px) {
  .quiz__step-end_inner .quiz__step-title {
    font-size: calc(24px + 12 * (100vw - 320px) / 1080);
  }
}
.quiz__step-end_inner .quiz__step-text {
  margin-bottom: 24px;
}

.quiz__step-end_inner .quiz__step-discount {
  font-family: "Forum", sans-serif;
  font-size: 40px;
  margin-bottom: 24px;
  color: #fdcd32;
}

@media (max-width: 1400px) {
  .quiz__step-end_inner .quiz__step-discount {
    font-size: calc(24px + 16 * (100vw - 320px) / 1080);
  }
}
.quiz__step-end_inner .quiz__step-discount span {
  font-size: 32px;
  text-transform: lowercase;
}

@media (max-width: 1400px) {
  .quiz__step-end_inner .quiz__step-discount span {
    font-size: calc(21px + 11 * (100vw - 320px) / 1080);
  }
}
.quiz__wrap {
  min-width: 390px;
}

.quiz-end {
  position: relative;
}

.quiz__thanks {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.quiz__thanks img {
  width: 100px;
  height: 100px;
  margin-bottom: 18px;
}

.quiz__thanks h4 {
  font-family: "Forum", sans-serif;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 36px;
}

@media (max-width: 1400px) {
  .quiz__thanks h4 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1080);
  }
}
.quiz__thanks p {
  font-size: 16px;
  max-width: 400px;
  margin: 0 auto 32px;
}

.quiz .form {
  max-width: 100%;
}

.quiz .form label {
  width: 100%;
  margin-bottom: 0;
}

.quiz .form__input::placeholder {
  opacity: 0.5;
}

.quiz .form__btn {
  padding: 16px 32px;
  max-width: 296px;
}

.quiz .form__inputs {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.quiz .form__policy {
  color: #8e8e8e;
  max-width: 388px;
  margin: 0;
}

.bonus {
  padding: 120px 0;
  overflow: hidden;
}

.bonus__wrapper {
  background: #424242;
  display: grid;
  min-height: 590px;
  grid-template-columns: repeat(2, 1fr);
  transition: 0.3s;
  border-radius: 8px;
}

@media (max-width: 1400px) {
  .bonus__wrapper {
    min-height: calc(200px + 390 * (100vw - 320px) / 1080);
  }
}
.bonus__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 0 0 8px;
}

.bonus__wrapper.active {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
}

.bonus__description {
  padding: 64px 84px 64px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bonus__subtitle {
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 19px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
}

.bonus__subtitle::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  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 d='M8.74555 10.9635C9.31101 10.9635 9.76941 10.5143 9.76941 9.96025C9.76941 9.40619 9.31101 8.95703 8.74555 8.95703C8.18008 8.95703 7.72168 9.40619 7.72168 9.96025C7.72168 10.5143 8.18008 10.9635 8.74555 10.9635Z' fill='%23FDCD32'/%3E%3Cpath d='M15.2495 15.0377C15.8149 15.0377 16.2733 14.5885 16.2733 14.0345C16.2733 13.4804 15.8149 13.0312 15.2495 13.0312C14.684 13.0312 14.2256 13.4804 14.2256 14.0345C14.2256 14.5885 14.684 15.0377 15.2495 15.0377Z' fill='%23FDCD32'/%3E%3Cpath d='M23.6917 13.3253L23.3203 12.8286C22.9187 12.2877 22.9087 11.5549 23.3052 11.0041L23.6666 10.5025C24.2186 9.73536 23.9627 8.66821 23.1145 8.22069L22.5624 7.93054C21.9601 7.61581 21.6289 6.95683 21.7443 6.29293L21.8497 5.68805C22.0103 4.76351 21.3026 3.90782 20.344 3.86847L19.7166 3.84388C19.0341 3.81438 18.4418 3.36194 18.2511 2.71772L18.0754 2.12759C17.8094 1.22272 16.7956 0.755531 15.9123 1.12928L15.3351 1.37025C14.7077 1.63581 13.975 1.47844 13.5182 0.97683L13.1017 0.519479C12.4643 -0.178843 11.345 -0.173926 10.7126 0.53915L10.3011 1.00142C9.84938 1.50795 9.12163 1.67515 8.48924 1.41943L7.90704 1.18338C7.01869 0.82438 6.01489 1.31124 5.75893 2.21611L5.5933 2.81116C5.41262 3.4603 4.83042 3.92257 4.14784 3.95699L3.52047 3.99142C2.56185 4.04551 1.86924 4.91104 2.0449 5.83558L2.16034 6.44046C2.28581 7.09944 1.9646 7.76334 1.36734 8.08791L0.820276 8.3879C-0.01789 8.84525 -0.2588 9.91732 0.308342 10.6747L0.679745 11.1713C1.08126 11.7123 1.0913 12.445 0.694802 12.9958L0.333437 13.4974C-0.218648 14.2646 0.0373185 15.3318 0.885522 15.7793L1.43761 16.0694C2.03988 16.3842 2.37113 17.0432 2.2557 17.7071L2.1503 18.3119C1.98969 19.2365 2.69737 20.0922 3.65599 20.1315L4.28336 20.1561C4.96593 20.1856 5.55817 20.638 5.74889 21.2823L5.92455 21.8724C6.19056 22.7773 7.20439 23.2445 8.08772 22.8707L8.6649 22.6297C9.29227 22.3642 10.025 22.5215 10.4818 23.0232L10.8983 23.4805C11.5408 24.1788 12.66 24.1739 13.2874 23.4608L13.6989 22.9986C14.1506 22.492 14.8784 22.3248 15.5108 22.5806L16.093 22.8166C16.9813 23.1756 17.9851 22.6887 18.2411 21.7839L18.4067 21.1888C18.5874 20.5397 19.1696 20.0774 19.8522 20.043L20.4795 20.0086C21.4381 19.9545 22.1308 19.0889 21.9551 18.1644L21.8397 17.5595C21.7142 16.9005 22.0354 16.2366 22.6327 15.9121L23.1797 15.6121C24.0179 15.1597 24.2588 14.0876 23.6917 13.3253ZM6.27086 9.96158C6.27086 8.62395 7.37503 7.54204 8.74019 7.54204C10.1053 7.54204 11.2095 8.62395 11.2095 9.96158C11.2095 11.2992 10.1053 12.3811 8.74019 12.3811C7.37503 12.3811 6.27086 11.2943 6.27086 9.96158ZM9.21699 16.2022C9.00619 16.453 8.62475 16.4874 8.36878 16.2809C8.11282 16.0744 8.07769 15.7006 8.28848 15.4498L14.768 7.80268C14.9788 7.55188 15.3602 7.51745 15.6162 7.724C15.8721 7.93054 15.9073 8.30429 15.6965 8.5551L9.21699 16.2022ZM15.2498 16.453C13.8846 16.453 12.7804 15.3711 12.7804 14.0335C12.7804 12.6959 13.8846 11.6139 15.2498 11.6139C16.6149 11.6139 17.7191 12.6959 17.7191 14.0335C17.7191 15.3711 16.6149 16.453 15.2498 16.453Z' fill='%23FDCD32'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.bonus__text {
  margin-top: 0;
  margin-bottom: 40px;
}

.bonus__btn {
  padding: 15px 51px;
}

.bonus__title {
  font-family: "Forum", sans-serif;
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
}

@media (max-width: 1400px) {
  .bonus__title {
    font-size: calc(22.5px + 13.5 * (100vw - 320px) / 1080);
  }
}
.form {
  display: grid;
  max-width: 625px;
  margin: 0 auto;
}

.form__title {
  margin-top: 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 129%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

@media (max-width: 1400px) {
  .form__title {
    font-size: calc(24px + 4 * (100vw - 320px) / 1080);
  }
}
.form__title span {
  font-family: "Forum", sans-serif;
  color: var(--green);
}

.form label {
  display: block;
  position: relative;
  margin-bottom: 8px;
}

.form label.active .form__input {
  border: 1px solid red;
}

.form__input {
  width: 100%;
  border: 1px solid #c1c1c1;
  border-radius: 80px;
  padding: 16px 16px 16px 24px;
  position: relative;
  z-index: 1;
  outline: none;
  transition: 0.3s;
  background: transparent;
  font-weight: 400;
}

.form__input:hover {
  border: 1px solid #979797;
}
.form__input[name="description"]::placeholder {
    color: #767676;
}

.form__input:focus {
  border: 1px solid #979797;
}

.form__input::placeholder {
  font-weight: 400;
  line-height: 137%;
  color: var(--white);
}

.form__input + p {
  line-height: 137%;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  width: fit-content;
  white-space: nowrap;
}

.form__input + p span {
  padding-left: 7px;
  line-height: 137%;
  color: #767676;
}

.form__input:valid + p {
  display: none;
}

.form__file {
    margin-top: 19px;
    width: fit-content;
    margin-bottom: 40px !important;
    white-space: nowrap;
  }

.form__files {
    margin-top: 19px;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
.form__files .form__file{
    margin-top: 0;
    margin-bottom: 0 !important;
}
.form__files .form__file p{
    padding: 12px 26px;
    margin-bottom: 0;
}


.form__file input {
  display: none;
}

.form__file p {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  border: 1px solid var(--green);
  border-radius: 60px;
  padding: 12px 32px;
  font-size: 14px;
  line-height: 140%;
  color: var(--green);
}

.form__file p::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.125 9.875V12.375C13.125 12.7065 12.9933 13.0245 12.7589 13.2589C12.5245 13.4933 12.2065 13.625 11.875 13.625H3.125C2.79348 13.625 2.47554 13.4933 2.24112 13.2589C2.0067 13.0245 1.875 12.7065 1.875 12.375V9.875' stroke='%237EAF46' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.625 5.5L7.5 2.375L4.375 5.5' stroke='%237EAF46' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 2.375V9.875' stroke='%237EAF46' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  transition: 0.3s;
  background-size: contain;
}

.form__file p:hover {
  background: var(--green);
  color: var(--white);
}

.form__file p:hover::before {
  filter: brightness(0) invert(1);
}

.form__btn {
  text-transform: uppercase;
  width: 100%;
}

.form__content {
  width: 100%;
}

.form__content-inner {
  margin-top: 20px;
}

.form__content-inner p {
  font-size: 16px;
  margin-bottom: 24px;
  line-height: 137%;
  color: #767676;
}

.form__content-inner p a {
  transition: 0.3s;
  border-bottom: 0.5px solid #767676;
}

.form__content-inner p a:hover {
  color: var(--green);
  text-decoration: none;
}

.form__content-inner p a:focus {
  color: var(--green);
  text-decoration: none;
}
.form .title-section{
    font-size: 28px; 
    margin-bottom: 24px;

}
.form .title-section span{
   display: block;
}
.modal .form h2{
    font-family: "Forum", sans-serif;
    margin-bottom: 50px;
    font-weight: 400;
font-size: 28px;
line-height: 129%;
text-transform: uppercase;
margin-top: 0;
}
.form-vacancy{
    max-width: 732px;
}
.form-vacancy .form__content{
    max-width: 625px;
}
.modal-vacancy .modal__wrapper {
    max-width: 812px;
}
.modal-vacancy .button {
   padding: 16px;
}
.tooltip-item{
    min-width: 13px;
    height: 13px; 
    position: absolute;
    top: 0;
 right: 0;

}
.tooltip-item::before{
    content: "";
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23BBBBBB'/%3E%3Cpath d='M6.052 8.011C6.052 7.777 6.091 7.573 6.169 7.399C6.247 7.225 6.343 7.069 6.457 6.931C6.577 6.793 6.706 6.667 6.844 6.553C6.982 6.433 7.111 6.316 7.231 6.202C7.351 6.082 7.447 5.956 7.519 5.824C7.597 5.692 7.636 5.539 7.636 5.365C7.636 5.077 7.522 4.843 7.294 4.663C7.066 4.483 6.751 4.393 6.349 4.393C5.989 4.393 5.677 4.453 5.413 4.573C5.149 4.693 4.924 4.87 4.738 5.104L4.081 4.636C4.333 4.318 4.654 4.072 5.044 3.898C5.434 3.718 5.89 3.628 6.412 3.628C6.844 3.628 7.219 3.694 7.537 3.826C7.855 3.952 8.101 4.135 8.275 4.375C8.455 4.609 8.545 4.894 8.545 5.23C8.545 5.482 8.506 5.698 8.428 5.878C8.35 6.058 8.251 6.217 8.131 6.355C8.011 6.493 7.882 6.622 7.744 6.742C7.612 6.862 7.486 6.982 7.366 7.102C7.246 7.222 7.147 7.354 7.069 7.498C6.991 7.642 6.952 7.813 6.952 8.011H6.052ZM6.511 10.054C6.343 10.054 6.202 9.997 6.088 9.883C5.98 9.769 5.926 9.634 5.926 9.478C5.926 9.31 5.98 9.172 6.088 9.064C6.202 8.956 6.343 8.902 6.511 8.902C6.679 8.902 6.817 8.956 6.925 9.064C7.033 9.172 7.087 9.31 7.087 9.478C7.087 9.634 7.033 9.769 6.925 9.883C6.817 9.997 6.679 10.054 6.511 10.054Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-width: 13px;
    height: 13px; 
    cursor: pointer;
}
.tooltip-item p {
    position: absolute;
    bottom: 65%;
    left: 65%;
   font-size: 16px !important;
    color: #bbb;
    visibility: hidden;
  padding: 15px;
  border: 1px solid #bbb;
border-radius: 20px;
background: #424242;
    z-index: 1000;width: 285px;
    margin: 0;
}

.tooltip-item.active p {
    visibility: visible;
}

.footer {
  background: #2d2d2d;
  padding: 100px 0 40px;
}

.footer__wrapper {
  display: flex;
  gap: 25px;
  margin-bottom: 63px;
}

.footer__inner {
  max-width: 414px;
  width: 100%;
}

.footer__logo img {
  width: 196px;
  margin-bottom: 40px;
}

.footer ul {
  margin-bottom: 0;
}

.footer a {
  transition: 0.3s;
}

.footer a:hover {
  color: var(--green);
}

.footer__contacts ul li:not(:last-child) {
  margin-bottom: 16px;
}

.footer__contacts ul li span {
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #8c8c8c;
  display: block;
  margin-bottom: 8px;
}

.footer__contacts ul li a,
.footer__contacts ul li p {
  display: block;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
}

@media (max-width: 1400px) {
  .footer__contacts ul li a,
  .footer__contacts ul li p {
    font-size: calc(17px + 1 * (100vw - 320px) / 1080);
  }
}
.footer__social {
  padding-top: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer__navigation {
  display: grid;
  gap: 32px 23px;
  grid-template-columns: repeat(2, 1fr);
}

.footer__copyright {
  border-top: 1px solid #4a4a4a;
  padding: 16px 0 0;
  display: flex;
  align-items: center;
  gap: 15px;
}

.footer__copyright a,
.footer__copyright p {
  font-size: 14px;
  line-height: 143%;
  color: #7f808a;
}

.footer__accordion-inner {
  display: none;
}

.footer .nav__list-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer .nav__list-grid .nav__item {
  width: 45%;
}

.footer .nav__list-grid .nav__item:first-child {
  width: 100%;
}

.footer .nav__list-grid .nav__link-title {
  margin-bottom: 6px;
}

.footer .nav__item:not(:last-child) {
  margin-bottom: 9px;
}

.footer .nav__link {
  font-weight: 300;
  font-size: 14px;
}

.footer .nav__link-title {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.burger {
  cursor: pointer;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  background: none;
  border: none;
  cursor: pointer;
  margin-left: auto;
}

.burger::before, .burger::after {
  content: "";
  height: 2px;
  width: 100%;
  background: #fff;
  top: 8px;
  border-radius: 10px;
  transition: 0.3s;
}

.burger.active::before, .burger.active::after {
  opacity: 0.5;
}

.burger.active::before {
  transform: translateY(4px) rotate(45deg);
}

.burger.active::after {
  transform: translateY(-4px) rotate(-45deg);
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100dvh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  z-index: 150;
}

.modal {
  border-radius: 8px;
  width: 95%;
  max-width: 1060px;
  max-height: 90%;
  display: none;
  position: relative;
  background: #424242;
}

.modal.active {
  display: block;
}

.modal__content {
  overflow-y: auto;
  background: #fff;
  max-height: 95vh;
}

.modal__wrapper {
  padding: 40px 40px 60px;
  margin: 0 auto;
  max-width: 705px;
}

.modal__wrapper .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 28px;
  top: 28px;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  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%3Cg opacity='0.5'%3E%3Cpath d='M18 6L6 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.modal__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    text-align: center;
    color: #7eaf46;
    margin-bottom: 24px;
}
.modal-thanks {
  text-align: center;
  max-width: 843px;
}

.modal-thanks .modal__wrapper {
  padding: 80px 80px 88px;
  max-width: 731px;
}

.modal-thanks .modal__wrapper img {
  margin-bottom: 16px;
}

.modal-thanks .modal__wrapper h2 {
  font-family: "Forum", sans-serif;
  margin-top: 0;
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  margin-bottom: 24px;
  color: var(--green);
}
.price-section__tabs-btns {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    overflow-x: auto;
    width: 125%;
  }
  .price-section__tabs-btns::-webkit-scrollbar {
    display: none;
  }
  .price-section__tabs-btns::-webkit-scrollbar-thumb {
    display: none;
  }
  .price-section__tabs-btns::-webkit-scrollbar-track {
    display: none;
  }
  
  .price-section__more {
    background: #7eaf46;
    border-radius: 30px;
    padding: 21px 88px;
    padding: 21px 88px;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    cursor: pointer;
    margin: 50px auto 0;
    transition: 0.3s;
    width: fit-content;
  }
  
  .price-section__tabs-btn {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #a0a0a0;
    padding: 13px 24px;
    border: 1px solid #a0a0a0;
    border-radius: 80px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.3s;
  }
  .price-section__tabs-btn.active {
    background: #7eaf46;
    color: #fff;
    border: 1px solid #7eaf46;
  }
  .price-section__tabs-btn:hover {
    background: #7eaf46;
    color: #fff;
    border: 1px solid #7eaf46;
  }
  
  .price-section__tabs-content {
    display: none;
  }
  .price-section__tabs-content.active {
    display: block;
  }
  
  .slider-services .swiper-wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
  }
  .slider-services .swiper-slide {
    min-width: 100%;
  }
  
  .form h2 span {
    display: block;
  }
  section:last-child.slider,
  section:last-child.text-block,
  section:last-child.services {
    padding-bottom: 0;
  }
  
  .delivery {
    padding-bottom: 120px;
  }
  .delivery h2 {
    border-bottom: 1px solid rgba(126, 175, 70, 0.5);
    padding-bottom: 16px;
    margin-bottom: 40px;
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 40px;
  }
  @media (max-width: 1400px) {
    .delivery h2 {
      font-size: calc(
              22.5px + 25.5 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .delivery h2 span {
    font-family: "Forum", sans-serif;
    color: var(--green);
  }
  .delivery h3 {
    font-weight: 400;
    font-family: "Forum", sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 24px;
  }
  @media (max-width: 1400px) {
    .delivery h3 {
      font-size: calc(
              18px + 14 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .delivery h3 span {
    font-family: "Forum", sans-serif;
    color: var(--green);
  }
  .delivery p {
    margin-bottom: 15px;
  }
  .delivery p span,
  .delivery p a {
    color: var(--green);
  }
  .delivery ul {
    padding-left: 6px;
  }
  .delivery ul li {
    padding-left: 20px;
    position: relative;
  }
  .delivery ul li::before {
    content: "";
    min-width: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--green);
    position: absolute;
    left: 0;
    top: 5px;
  }
  .delivery ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .delivery ul li span,
  .delivery ul li a {
    color: var(--green);
  }
  
@media (max-width: 1400px) {
  .modal-thanks .modal__wrapper h2 {
    font-size: calc(31px + 17 * (100vw - 320px) / 1080);
  }
}
.modal-thanks .modal__wrapper p {
  max-width: 400px;
  margin: 0 auto;
}
.main-center {
    min-height: 577px;
    display: flex;
    align-items: center;
  }
  
  .pagination {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .btn-next, .btn-prev ,
  .pagination__next, .pagination__prev {
    width: 36px;
    height: 36px;
    position: relative;
    cursor: pointer;
  }
  .btn-next::before, .btn-prev::before ,
  .pagination__next::before, .pagination__prev::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    content: "";
    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%3Cpath d='M9.33504 5.53176L3.99489 0.191706C3.87138 0.0680969 3.7065 -1.07525e-07 3.5307 -9.21557e-08C3.3549 -7.67864e-08 3.19002 0.068097 3.06651 0.191706L2.67324 0.584873C2.41734 0.841066 2.41734 1.25745 2.67324 1.51326L7.1575 5.99751L2.66827 10.4867C2.54476 10.6104 2.47656 10.7751 2.47656 10.9508C2.47656 11.1267 2.54476 11.2915 2.66827 11.4152L3.06153 11.8083C3.18514 11.9319 3.34992 12 3.52573 12C3.70153 12 3.86641 11.9319 3.98992 11.8083L9.33504 6.46336C9.45885 6.33936 9.52685 6.1738 9.52646 5.9978C9.52685 5.82112 9.45885 5.65566 9.33504 5.53176Z' fill='%237EAF46'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 12px;
  }
  .pagination__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
  }
  .pagination__item {
    border-radius: 28px;
    width: 36px;
    height: 36px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
  }
  .btn-prev::before ,
  .pagination__prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  a.pagination__item.active, a.pagination__item:hover {
    text-decoration: none;
    background: #7eaf46;
    color: #fff;
  }
  a.pagination__item:focus {
    text-decoration: none;
    color: #fff;
    border: 1px solid #7eaf46;
  }
  
  .portfolio-page {
    padding-bottom: 70px;
  }
  
  .slider-portfolio {
    padding-top: 0;
  }
  
  .slider-portfolio .slider__slide a:focus {
    text-decoration: none;
  }
  
  .slider-portfolio .slider__slide-inner {
    padding: 12px 16px 23px;
    height: auto;
  }
  
  .slider-portfolio .slider__slide-inner p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  
  .slider-portfolio .slider__slide-inner p::after {
    display: block;
    content: "";
    min-width: 72px;
    height: 72px;
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='36' fill='%237EAF46'/%3E%3Cpath d='M30.8504 42.6148L41.2015 32.2637L41.2015 36.1422C41.2015 37.2562 42.8725 37.2562 42.8725 36.1421L42.8698 32.6071L42.8679 30.2473C42.8666 29.7889 42.4954 29.4177 42.037 29.4163L36.1433 29.4129C35.9161 29.4098 35.6973 29.4994 35.5379 29.6615C35.0075 30.192 35.3933 31.0984 36.1433 31.084L40.0265 31.0794L29.6402 41.4656C28.8638 42.3231 30.1046 43.4419 30.8504 42.6148Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .slider-portfolio .swiper-pagination {
    display: none;
  }
  
  .delivery-page {
    padding-top: 75px;
  }
  .delivery-page h2 {
    font-size: 36px;
    max-width: 1026px;
    margin-bottom: 0;
    border-bottom: none;
  }
  @media (max-width: 1400px) {
    .delivery-page h2 {
      font-size: calc(
              24px + 12 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  
  .delivery__description {
    border-top: 1px solid rgba(126, 175, 70, 0.5);
  }
  
  .delivery p {
    margin-bottom: 20px;
  }
  
  .delivery a {
    white-space: nowrap;
  }
  
  .portfolio-page {
    padding-top: 75px;
  }
  .portfolio-page h2 {
    font-size: 36px;
  }
  @media (max-width: 1400px) {
    .portfolio-page h2 {
      font-size: calc(
              24px + 12 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .portfolio-page .portfolio__inner {
    padding: 0;
  }
  .portfolio-page .card__item-inner {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .portfolio-page .card__descr {
    padding: 24px;
    min-height: 108px;
  }
  
  .portfolio__sort {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 16px;
  }
  .portfolio__sort a {
    border: 1px solid #a0a0a0;
    border-radius: 80px;
    padding: 13px 24px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #a0a0a0;
    transition: 0.3s;
  }
  .portfolio__sort a:hover {
    text-decoration: none;
  }
  .portfolio__sort a:hover, .portfolio__sort a.active {
    background: #7eaf46;
    border: 1px solid #7eaf46;
    color: #fff;
  }
  .portfolio__sort a:focus {
    text-decoration: none;
  }
  .portfolio__sort-more {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #7eaf46;
    padding: 13px 24px;
    border: 1px solid #7eaf46;
    border-radius: 80px;
    transition: 0.3s;
    cursor: pointer;
  }
  .portfolio__sort-more:hover {
    text-decoration: none;
    background: #7eaf46;
    border: 1px solid #7eaf46;
    color: #fff;
  }
  
  .text-block {
    padding-bottom: 120px;
  }
  .text-block__wrapper {
    padding-top: 40px;
    border-top: 1px solid rgba(126, 175, 70, 0.5);
  }
  .text-block h2 {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 24px;
    margin-top: 0;
  }
  @media (max-width: 1400px) {
    .text-block h2 {
      font-size: calc(
              24px + 12 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .text-block p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  @media (max-width: 1400px) {
    .text-block p {
      font-size: calc(
              13.5px + 2.5 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .text-block p a,
  .text-block p span {
    color: #7eaf46;
  }
  .text-block ul {
    padding-left: 5px;
  }
  .text-block ul li {
    margin-bottom: 20px;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
  }
  @media (max-width: 1400px) {
    .text-block ul li {
      font-size: calc(
              13.5px + 2.5 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .text-block ul li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
    border-radius: 100%;
    background: #7eaf46;
    width: 10px;
    height: 10px;
  }
  .text-block ul li a,
  .text-block ul li span {
    color: #7eaf46;
  }
 
  .detailed{
    position: relative;
    padding-top: 50px;
    margin-bottom: 100px;
    overflow: hidden;
  }
  .detailed img{
   position: absolute;
  right: -50px;
  top: -25px;
  transform: scale(-1,1);
  width: 396px;
  }
  .detailed-article img {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: scale(-1, 1);
    width: 396px;
}
  .detailed__date {
    font-size: 20px;
line-height: 100%;
margin-bottom: 15px;
  }
  .detailed h2,
  .detailed h1 {
    font-weight: 400;
font-size: 40px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 24px;
font-family: "Forum", sans-serif;
  }
  .detailed__wrapper p {   
    margin-top: 0;
    margin-bottom: 20px;
  }
  .detailed__wrapper ul {
    margin-bottom: 20px;
  }
  .detailed__wrapper ul li{ 
     display: flex;
    gap: 8px;
    padding-left: 3px;
  }
  .detailed__wrapper ul li::before { 
    content: "";
    display: block;
    min-width: 10px;
    width: 10px;
    height: 10px;
    background: #7eaf46;
    border-radius: 100%;
    margin-top: 5px;
  }
  .detailed__wrapper ul li:not(:last-child) {
    margin-bottom: 20px;   
  }

  .detailed__wrapper  span {  
    font-weight: 500;
color: #7eaf46; 
  }
  .detailed__wrapper ol {
    margin-bottom: 20px;
  padding-left: 20px;
  }
  .detailed__wrapper ol li {    
    list-style: decimal; 
  }
  .detailed__wrapper {   
    padding-bottom: 40px;
    border-bottom: 1px solid #4A4A4A;
    padding-right: 14%;
  }
  .detailed__description{
    margin-bottom: 80px;
    padding-left: 120px;
    position: relative;
  }
  .detailed__description img{
    position: absolute;
    left: 0;
    top: 0;
    width: 91px !important;
    transform: scale(1) !important;
    display: block !important;
  }
 .detailed__description p{
    font-weight: 600;
font-size: 18px;
line-height: 189%;
color: #7eaf46;
margin-bottom: 5px;
 }

 .detailed__description ol li a{
    line-height: 262%;
    text-decoration: underline;
text-decoration-skip-ink: none;
 }
 .detailed__description ol li a:hover{
    color: #fff;
 }
 .detailed-article {
    padding-top: 60px;
    margin-bottom: 0 ! important;
 }

 .detailed__banner{
 display: flex;
  align-items: center;
 gap: 20px;
 background: rgba(255, 255, 255, 0.2);
 border-radius: 8px;
 padding: 17px 50px 17px 20px;
 width: fit-content;
 margin-top: 60px;
 }
 .detailed__banner img{
position: static;
transform: scale(1);
width: 160px !important;
height: 79px;
object-fit: contain;
display: block !important;
 }
 .detailed__banner-inner p{
margin: 0;
font-size: 14px;
line-height: 143%;
 }
 .detailed__banner-inner p:first-child{
    font-size: 20px;
    line-height: 150%;
    color: #7eaf46;
    margin-bottom: 5px;
 }
  .portfolio-slider {
    padding: 40px 0 80px;
    position: relative;
    z-index: 10;
  }
  .news-slider__wrapper,
  .portfolio-slider__wrapper {
    position: relative;
  }
  .news-slider__wrapper .swiper-button-prev,
  .news-slider__wrapper .swiper-button-next ,
  .portfolio-slider__wrapper .swiper-button-prev,
  .portfolio-slider__wrapper .swiper-button-next {
    border-radius: 80px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background: var(--white);
    position: absolute;
    top: calc(50% - 30px);
    transform: translateY(-50%);
  }
  .news-slider__wrapper .swiper-button-prev::before,
  .news-slider__wrapper .swiper-button-next::before ,
  .portfolio-slider__wrapper .swiper-button-prev::before,
  .portfolio-slider__wrapper .swiper-button-next::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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%3Cg clip-path='url(%23clip0_142_1320)'%3E%3Cpath d='M8.85006 1.78746C9.06632 1.54306 9.42318 1.5362 9.64714 1.77238L9.65064 1.77607L14.7236 7.31428C14.8851 7.49013 14.9336 7.75493 14.8465 7.98508C14.8182 8.05967 14.7769 8.1273 14.725 8.18427L14.7245 8.18483L9.65259 13.7218L9.65119 13.7233L9.64082 13.7345C9.4169 13.9706 9.06002 13.9639 8.84372 13.7195C8.62808 13.4757 8.63362 13.0878 8.85549 12.8515L12.9648 8.36541L1.36058 8.36541C1.04926 8.36541 0.796876 8.08988 0.796876 7.75001C0.796876 7.41014 1.04926 7.13465 1.36053 7.13459L12.9648 7.13459L8.85001 2.64253C8.63902 2.40406 8.63912 2.02593 8.85006 1.78746Z' fill='%237EAF46'/%3E%3Cpath d='M9.25111 13.5964C9.09545 13.5967 8.96904 13.4592 8.96875 13.2892C8.96862 13.2073 8.99842 13.1287 9.05156 13.0709L13.9259 7.75027L9.05156 2.42965C8.94341 2.30743 8.94653 2.11264 9.05848 1.99457C9.16772 1.87941 9.34087 1.87941 9.45008 1.99457L14.5233 7.53303C14.6334 7.65317 14.6334 7.84794 14.5233 7.96812L9.45008 13.5066C9.39728 13.5641 9.32573 13.5964 9.25111 13.5964Z' fill='%237EAF46'/%3E%3Cpath d='M14.325 8.05678L1.35998 8.05678C1.20432 8.05678 1.07813 7.91904 1.07813 7.74911C1.07813 7.57918 1.20432 7.44141 1.35998 7.44141L14.325 7.44141C14.4807 7.44141 14.6069 7.57917 14.6069 7.74911C14.6068 7.91904 14.4807 8.05678 14.325 8.05678Z' fill='%237EAF46'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_142_1320'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .news-slider__wrapper .swiper-button-next,
  .portfolio-slider__wrapper .swiper-button-next {
    right: -28px;
  }
  .news-slider__wrapper .swiper-button-prev,
  .portfolio-slider__wrapper .swiper-button-prev {
    left: -28px;
  }
  .news-slider__wrapper .swiper-button-prev::before ,
  .portfolio-slider__wrapper .swiper-button-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .news-slider__wrapper .swiper .swiper-wrapper ,
  .portfolio-slider__wrapper .swiper .swiper-wrapper {
    height: 100%;
  }
  .news-slider__wrapper .swiper .swiper-slide ,
  .portfolio-slider__wrapper .swiper .swiper-slide {
    border-radius: 8px;
  }
  .news-slider__wrapper .swiper .swiper-slide img,
  .portfolio-slider__wrapper .swiper .swiper-slide img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .news-slider__description,
  .portfolio-slider__description {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #4a4a4a;
  }
  .news-slider__description h2,
  .portfolio-slider__description h2 {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 24px;
    margin-top: 0;
  }
  @media (max-width: 1400px) {
    .portfolio-slider__description h2 {
      font-size: calc(
              24px + 16 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .portfolio-slider__description p {
    margin: 0;
  }
  .news-swiper2 ,
  .portfolio-swiper2 {
    margin-bottom: 30px;
    height: 588px;
  }
  @media (max-width: 1400px) {
    .news-swiper2 {
      height: calc(
              270px + 328 *
                  ((100vw - 320px) / 1080)
          );
    }

    .portfolio-swiper2 {
      height: calc(
              260px + 328 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .news-swiper-thumb,
  .portfolio-swiper-thumb {
    display: flex;
    height: 62px;
  }
  @media (max-width: 1400px) {
    .news-swiper-thumb,
    .portfolio-swiper-thumb {
      height: calc(
              28px + 34 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .news-swiper-thumb .swiper-wrapper,
  .portfolio-swiper-thumb .swiper-wrapper {
    margin: 0 auto;
  }
  .news-swiper-thumb .swiper-slide ,
  .portfolio-swiper-thumb .swiper-slide {
    width: 140px;
    cursor: pointer;
    position: relative;
  }
  @media (max-width: 1400px) {
    .detailed__wrapper {   

        padding-right: 20%;
      }
    .news-swiper-thumb .swiper-slide ,
    .portfolio-swiper-thumb .swiper-slide {
      width: calc(
              50px + 90 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  .news-swiper-thumb .swiper-slide::before ,
  .portfolio-swiper-thumb .swiper-slide::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
  }
  .news-swiper-thumb .swiper-slide-thumb-active::before ,
  .portfolio-swiper-thumb .swiper-slide-thumb-active::before {
    background: rgba(0, 0, 0, 0);
  }
  
  .slider-portfolio h2.title-section {
    font-size: 40px;
  }
  @media (max-width: 1400px) {
    .slider-portfolio h2.title-section {
      font-size: calc(
              24px + 16 *
                  ((100vw - 320px) / 1080)
          );
    }
  }
  

@media (max-width: 1440px) {
  .main iframe {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 1370px) {
  .swiper-button-next {
    right: -10px;
  }
  .swiper-button-prev {
    left: -10px;
  }
  .stages__img-right {
    width: 235px;
  }
  .stages__img-left {
    width: 250px;
  }
  .stages__wrapper {
    max-width: 850px;
    margin: 0 auto;
  }
  .stages__items {
    grid-template-columns: repeat(4, 1fr);
  }
  .stages__item:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .stages__item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .stages__item:nth-child(3) {
    grid-area: 1/3/2/4;
  }
  .stages__item:nth-child(4) {
    grid-area: 1/4/2/5;
  }
  .stages__item:nth-child(4)::after {
    bottom: -40px;
  }
  .stages__item:nth-child(5) {
    grid-area: 2/2/3/3;
  }
  .stages__item:nth-child(5)::before {
    width: 104%;
  }
  .stages__item:nth-child(6) {
    grid-area: 2/3/3/4;
  }
  .stages__item:nth-child(6)::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    display: block;
    border-top: 2px dashed var(--green);
    color: var(--green);
    height: 2px;
    width: 104%;
  }
  .stages__item:nth-child(7) {
    grid-area: 2/4/3/5;
  }
  .stages__item:nth-child(7)::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    display: block;
    border-top: 2px dashed var(--green);
    color: var(--green);
    height: 2px;
    width: 104%;
  }
}
@media (max-width: 1250px) {
    .application-contacts .form__inner {
        padding: 40px 30px 60px 30px;
    }
    .contacts__item-title{
        margin-bottom: 30px;
    }
    .contacts__item img {        
        width: 160px;
        height: 160px; 
    }
    .vacancy__item { 
        display: -ms-grid; 
        display: grid;  
        -ms-grid-columns: 1fr 30px 1fr;  
        grid-template-columns: repeat(2, 1fr);
       gap: 30px;
   }
   .vacancy__item-wrap {
       padding-left: 30px; 
   }
    .detailed img{
    
       width: 320px;
       }
    .news__items,
    .articles__items { 
        gap: 20px;
        
    }
  .quiz {
    padding: 40px 21px 50px;
    min-height: 500px;
  }
}
@media (max-width: 1025px) {
    .application-contacts .form {
   
        -ms-grid-columns: 1fr;
   
        grid-template-columns: 1fr;
    }
    .application-contacts .container {
   padding: 0;
    }
    .application-contacts .form img{
        aspect-ratio: 16/9;
    }
    .contacts__map{
        min-height: 328px;
        aspect-ratio: 16/9;
        height: auto;
    }
    .contacts__inner {      
        -ms-grid-columns: 1fr;      
        grid-template-columns: repeat(1, 1fr);  
        gap: 32px;
    }
    .contacts__items{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 26px;
    }

    .header .nav__item .menu{
        box-shadow: none;
    }
    .detailed {
        padding-top: 70px;
    
    }
    .detailed img{
   display: none;
        }
        .detailed__wrapper{
            padding-right: 0;
        }
    .news__items,
    .articles__items {    
        grid-template-columns: repeat(2, 1fr);
    }

    .staff .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: inherit;
        gap: 0;
    }
    .staff__item {
        max-width: 100%;
    }
    .staff__slider .swiper-pagination{
    display: flex;
    margin-top: 32px;
    }
    .staff__slider .swiper-pagination-bullet {
        cursor: pointer;
        width: 8px;
        height: 8px;
        background: rgba(229, 229, 229, 0.5);
        border: none;
    }
    .staff__slider .swiper-pagination-bullet-active {
        width: 8px;
        height: 8px;
        background: var(--green);
    }

    .staff__slider  .swiper-pagination-bullet-active::before{
display: none;
    }
    .header-grey.header .nav__list {
        border-bottom: none;
      }
  .header__wrapper:last-child {
    padding: 12px 0;
  }
  .stages__item:nth-child(4)::after {
    height: 115px;
  }
  .main__arrow-bottom {
    display: none;
  }
  * {
    line-height: 130%;
  }
  .main__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .main .swiper-pagination {
    bottom: 60px;
  }
  .quiz__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .header .nav a:hover {
    color: var(--white) !important;
  }
  .header .nav__item .menu-big {
    min-width: auto;
    columns: auto;
  }
  .header .nav__item .menu {
    max-height: fit-content;
    padding: 0 16px;
  }
  .header .nav__item .menu .submenu li a {
    font-size: 16px !important;
  }
  .menu-mobile {
    display: block;
    padding: 0 17px;
    display: block;
    position: fixed;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2d2d2d;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
  }
  .menu-mobile::before{
    content: "";
    position: absolute;
 right: 0;
 top: 37%;
 width: 270px;
 height: 417px;

    background: url("../img/menu.png") no-repeat;
    background-size: contain;
    z-index: 151;
  }
  .active-img::before{
    display: none;
  }
  .menu-mobile a:focus,
  .menu-mobile a:hover {
    color: #fff;
    text-decoration: none;
  }
  .menu-mobile.active {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .menu-mobile .header__nav {
    display: block;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .menu-mobile .nav__link {
    font-size: 16px;
  }
  .menu-mobile .header__logo img {
    width: 86px;
    margin-left: 0;
  }
  .menu-mobile .arrow {
    justify-content: space-between;
  }
  .menu-mobile .arrow::after {
    display: none !important;
  }
  .menu-mobile .arrow .nav__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }
  .menu-mobile .arrow .nav__link::after {
    display: block;
    content: "";
    min-width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.5L10 8.5L6 4.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .menu-mobile .nav__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .menu-mobile .menu-mobile__top {
    position: relative;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .menu-mobile .arrow-right {
    font-weight: 400 !important;
    width: 100%;
    text-align: left;
    margin-bottom: 0 !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }
  .menu-mobile .arrow-right::after {
    display: block;
    content: "";
    min-width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.5L10 8.5L6 4.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .menu-mobile .nav__item .menu li:not(:last-child) {
    margin-bottom: 16px;
  }
  .menu-mobile .nav__item .menu li a {
    line-height: 1.2;
    font-weight: 400;
    font-size: 16px;
  }
  .menu-mobile .submenu {
    display: none;
  }
  .menu-mobile .nav__item {
    padding: 0;
    width: 100%;
  }
  .menu-mobile .nav__item.active .menu {
    background: #2d2d2d;
    padding-top: 100px;
    padding-bottom: 190px;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
  }
  .menu-mobile .nav__item.active .menu li {
    text-align: left !important;
  }
  .menu-mobile .nav__item.active .menu a {
    color: #fff !important;
  }
  .menu-mobile .nav__item.active .menu > li {
    width: 100%;
  }
  .menu-mobile .nav__item.active .menu > li.active .arrow-right {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    z-index: 122;
    padding: 30px 0;
    width: calc(100% - 70px);
    justify-content: center;
    margin-right: 70px;
    padding-left: 70px;
    white-space: normal;
    text-align: center;
    font-size: 14px;
  }
  .menu-mobile .nav__item.active .menu > li.active .arrow-right::after {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6662 9.33325L7.99984 15.9999L14.6664 22.6666' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 16H8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 16px;
    top: 24px;
    z-index: 112;
  }
  .menu-mobile .nav__item.active .menu > li.active .arrow-right::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: -9%;
    width: 107%;
    height: 1px;
    z-index: 112;
  }
  .menu-mobile .nav__item.active .menu::before {
    position: fixed;
    content: "";
    top: 0px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #2d2d2d;
    z-index: 111;
  }
  .menu-mobile .nav__item.active .nav__link {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    z-index: 115;
    padding: 30px 0;
    width: calc(100% - 70px);
    justify-content: center;
    margin-right: 70px;
    padding-left: 70px;
    white-space: normal;
    text-align: center;
    font-size: 14px;
  }
  .menu-mobile .nav__item.active .nav__link::after {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6662 9.33325L7.99984 15.9999L14.6664 22.6666' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 16H8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 16px;
    top: 24px;
    z-index: 112;
  }
  .menu-mobile .nav__item.active .nav__link::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: -9%;
    width: 107%;
    height: 1px;
    z-index: 112;
  }
  .menu-mobile .nav__item.active .submenu {
    background: #2d2d2d;
    opacity: 0;
    visibility: hidden;
    text-align: left;
  }
  .menu-mobile .nav__item.active .submenu li:not(:last-child) {
    margin-bottom: 24px;
  }
  .menu-mobile .nav__item.active .submenu.active {
    padding: 100px 16px 240px;
    display: block;
    overflow-y: auto;
    opacity: 1;
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 120;
  }
  .menu-mobile .nav__item.active .submenu.active::before {
    position: fixed;
    content: "";
    top: 0px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #2d2d2d;
    z-index: 111;
  }
  .menu-mobile .menu-mobile__close {
    z-index: 112;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8L8 24' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L24 24' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border: none;
    background-color: transparent;
    position: relative;
  }
  .menu-mobile .menu-mobile-title {
    font-weight: 500;
    font-size: 14px;
  }
  .menu-mobile .menu-mobile-title.active {
    display: none;
  }
  .menu-mobile .menu-mobile__content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-mobile .header__email,
  .menu-mobile .header__phone {
    justify-content: flex-start;
  }
  .menu-mobile .burger-descr {
    margin-left: -1px;
    background: #2d2d2d;
    padding-top: 20px;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 40px;
    position: relative;
    z-index: 150;
  }
  .menu-mobile .burger-descr .header__faq {
    justify-content: center;
    padding: 12px 30px;
  }
  .menu-mobile .burger-descr .header__faq::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5732 4.91667C17.6916 3.04167 15.1829 2 12.5348 2C7.02961 2 2.56969 6.44444 2.56969 11.9306C2.56969 13.6667 3.05749 15.4028 3.89373 16.8611L2.5 22L7.79617 20.6111C9.25958 21.375 10.8624 21.7917 12.5348 21.7917C18.0401 21.7917 22.5 17.3472 22.5 11.8611C22.4303 9.29167 21.4547 6.79167 19.5732 4.91667ZM17.3432 15.4722C17.1341 16.0278 16.1585 16.5833 15.6707 16.6528C15.2526 16.7222 14.6951 16.7222 14.1376 16.5833C13.7892 16.4444 13.3014 16.3056 12.7439 16.0278C10.2352 14.9861 8.63241 12.4861 8.49303 12.2778C8.35366 12.1389 7.44774 10.9583 7.44774 9.70833C7.44774 8.45833 8.07491 7.90278 8.28397 7.625C8.49303 7.34722 8.77178 7.34722 8.98084 7.34722C9.12021 7.34722 9.32927 7.34722 9.46864 7.34722C9.60801 7.34722 9.81707 7.27778 10.0261 7.76389C10.2352 8.25 10.723 9.5 10.7927 9.56944C10.8624 9.70833 10.8624 9.84722 10.7927 9.98611C10.723 10.125 10.6533 10.2639 10.5139 10.4028C10.3746 10.5417 10.2352 10.75 10.1655 10.8194C10.0261 10.9583 9.88676 11.0972 10.0261 11.3056C10.1655 11.5833 10.6533 12.3472 11.4199 13.0417C12.3955 13.875 13.162 14.1528 13.4408 14.2917C13.7195 14.4306 13.8589 14.3611 13.9983 14.2222C14.1376 14.0833 14.6254 13.5278 14.7648 13.25C14.9042 12.9722 15.1132 13.0417 15.3223 13.1111C15.5314 13.1806 16.7857 13.8056 16.9948 13.9444C17.2735 14.0833 17.4129 14.1528 17.4826 14.2222C17.5523 14.4306 17.5523 14.9167 17.3432 15.4722Z' fill='%237EAF46'/%3E%3C/svg%3E%0A");
  }
  .header__time {
    font-weight: 300;
    margin-top: 6px;
    margin-bottom: 14px;
  }
  .form__file {
    margin-top: 16px;
    margin-bottom: 15px !important;
  }
  .footer__logo img {
    width: 185px;
  }
  .footer__wrapper {
    gap: 43px;
    flex-direction: column;
  }
  .footer__contacts ul {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__inner {
    gap: 50px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .clients .swiper-pagination {
    padding-top: 24px;
    display: flex;
  }
  .clients .swiper-wrapper {
    display: flex;
    gap: 0;
  }
  .clients__item {
    padding: 20px 23px;
  }
  .portfolio .swiper {
    padding: 0;
    overflow: visible;
  }
  .portfolio .tabs__buttons,
  .portfolio__inner {
    padding: 0;
  }
  .bonus__description {
    padding: 30px;
  }
  .portfolio .swiper-slide {
    width: 100%;
    display: none;
  }
  .portfolio .swiper-slide:first-child {
    display: block;
  }
  .numbers__wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .numbers__wrapper img {
    max-width: 100%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .stages__item {
    width: 127px;
  }
  .stages__item-line {
    margin-bottom: 11px;
  }
  .stages__items {
    grid-template-columns: repeat(4, 1fr);
  }
  .stages__item p {
    font-size: 14px;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 118px;
  }
  .stages__item:nth-child(5)::before {
    width: 165%;
  }
  .stages__item:nth-child(6)::before {
    width: 165%;
  }
  .card__icon {
    width: 56px;
    height: 56px;
  }
  .tabs .card__icon {
    width: 70px;
    height: 70px;
  }
  .card__item-inner {
    padding-bottom: 16px;
  }
  .card__descr {
    padding: 40px 20px 32px;
  }
  .card__descr ul {
    columns: 1;
  }
  .card__item-inner {
    flex-direction: column;
  }
  .main__btn {
    display: flex;
    padding: 14px 29px;
  }
  .main__slide p {
    margin-bottom: 46px;
  }
  .main .container {
    padding: 70px 16px 0;
  }
  .header__faq {
    padding: 5px 15px;
  }
  .header__wrapper {
    padding: 8px 0;
    border-bottom: none;
    position: relative;
  }
  .header__wrapper::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 32px);
    height: 0.8px;
    background: rgba(255, 255, 255, 0.3);
  }
  .header__wrapper:last-child::before {
    display: none;
  }
  .burger {
    display: flex;
  }
  .main__link,
  .desktop {
    display: none !important;
  }
  .header__logo-mobile {
    display: block;
  }
  .header__logo-mobile img {
    width: 108px;
  }
  .news-slider .swiper-button-next,
  .portfolio-slider .swiper-button-next {
    display: block;
    right: -16px;
  }
  .news-slider .swiper-button-prev,
  .portfolio-slider .swiper-button-prev {
    display: block;
    left: -16px;
  }
  .slider-portfolio .swiper-pagination {
    display: flex;
  }
  .text-block {
    padding-bottom: 90px;
  }
}
@media (max-width: 769px) {
    .faq__accordion.open .faq__accordion-content {  
        padding-bottom: 30px;
    }
    .faq__accordion:not(:last-child) {
        margin-bottom: 20px;
    }
    .modal-vacancy .form label {
        margin-bottom: 10px;
    }
    .modal-vacancy .modal__wrapper {
       padding: 66px 16px;
    }
    .form__input + p span,
    .form__input + p,
    .modal-vacancy .form__input::placeholder,
    .modal-vacancy .form__input {
      font-size: 16px;
    }
 .application-contacts .form__btn{
    width: 100%;
    padding: 16px;
}
.application-contacts .form__title{
    text-transform: uppercase;
    font-size: 24px;
}
.application-contacts .form__inner {
    padding: 40px 20px 60px 20px;
}
.contacts__details-subtitle{
    font-size: 18px;
    margin-bottom: 20px;
}
.contacts__items,
.contacts__inner{
    margin-bottom: 60px;
}
.contacts__details h2{
    font-size: 24px;
line-height: 100%;

margin-bottom: 24px;
padding: 0 20px 24px;
width: calc(100% + 40px);
margin-left: -20px;
}
.contacts__item-phone a,
.contacts__item-phone p{
    font-size: 14px;
    line-height: 221%;
}
.contacts__item-phone{

    padding-top: 2px;
}
.contacts__item-name{
    font-size: 14px;
line-height: 221%;
margin-bottom: 2px;
}
.contacts__item-title{
    font-size: 20px;
    margin-bottom: 10px;
}
.contacts__item{
    gap: 10px;
}
.contacts__item img {
    width: 116px;
    height: 116px;
}
.contacts__socials p{
    font-size: 18px;
    margin-bottom: 16px;
}
.contacts__email{
    font-size: 18px;
    line-height: 111%; 
    margin-bottom: 20px;
}
.contacts__phone{
    font-size: 18px;
line-height: 111%;
margin-bottom: 10px;
}
.contacts__work{
    font-size: 16px;
line-height: 162%;
margin-bottom: 10px;
}
.contacts__text{
    font-size: 16px;
line-height: 162%;
margin-bottom: 16px;
}
.contacts{
    margin-bottom: 60px;
    padding-top: 70px;
}
.application-contacts .form img{
    aspect-ratio: auto;
-o-object-fit: contain;
   object-fit: contain;
}
.vacancy__item-text {
    margin-bottom: 16px;
}

.vacancy {
    padding-top: 70px;
}
.vacancy__item-inner{
    margin-bottom: 0;
}
.vacancy__item:not(:last-child) {
    margin-bottom: 28px;
}
.vacancy__item-title {
    font-size: 18px;
    margin-bottom: 16px;
}
.vacancy__item-wrap {
    padding-top: 30px;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #bd9a68;
}
.vacancy__item img{
    aspect-ratio: 16/9;
    height: auto;
    max-width: 100%;
    min-height: 276px;
}
.vacancy__item {

    -ms-grid-columns: (1fr)[1];

    grid-template-columns: repeat(1, 1fr);

}
.modal .form h2{
    text-align: center;
    font-size: 24px;
line-height: 150%;
margin-bottom: 30px;
}

.faq {
    margin-bottom: 60px;
    padding-top: 70px;
}
.faq__accordion.open .faq__accordion-btn {
    padding-bottom: 16px;
}
.faq__accordion.open,
.faq__accordion {
    border-radius: 32px;
}
.faq__accordion-btn{
    font-size: 16px;
    line-height: 150%;
    padding: 30px 24px;
}
    .slider-detailed{
        margin-bottom: 20px;
    }
    .detailed__info-views, .detailed__info-read, .main__info-views, .main__info-read{
        gap: 10px;
    }
    .slider-detailed .slider__slide-inner p{
        align-items: center;
    }
    .slider-detailed .slider__slide-inner{
        padding: 10px 8px 8px 20px;
    }
    .slider__date {
        margin-bottom: 0;
    }
    .detailed__banner img{
        width: 121px !important;
        height: 60px;
    }
    .detailed__banner-inner p:first-child {
        font-size: 16px;
        line-height: 100%;
  
    }
    .detailed__banner {  
        gap: 10px; 
        padding: 28px 9px 25px 16px;    
        margin-top: 40px;
    }
    .detailed__description{
        padding-left: 68px;
        margin-bottom: 60px;
    }
    .detailed__description ol li a {
        line-height: 228%;
font-size: 14px;
    }
    .detailed__description img {
             width: 62px !important;     
 
    }
    .main__info-read::before {
        width: 26px;
        height: 18px;
    }
    .main__info-views::before {
        width: 27px;
        height: 27px;
    }
    .detailed__info, .main__info {

        gap: 24px;
    }
    .main__info p{
        font-size: 20px !important;
line-height: 80%;
    }
    .slider-detailed .slider__slide-inner p{
     text-transform: none;
    }
    .slider__date {
        font-size: 12px;
      
    }
    .detailed{
        margin-bottom: 60px;
    }
    .detailed__wrapper {
        padding: 0 20px 30px;
        width: calc(100% + 40px);
        margin-left: -20px;

    }
    .detailed__wrapper p{
        margin-bottom: 12px;
    }
    .detailed h2, .detailed h1{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .news__inner,
    .articles__inner{
        margin-top: 40px;
    }
    .news{
        padding-bottom: 20px;
    }
    .articles {
        padding-bottom: 52px;
    } 
    .contacts h1,
    .vacancy h1,
    .faq h1,
    .news h1,
    .articles h1{
        margin-bottom: 24px;
        font-size: 24px;
line-height: 175%;
    }
    .news__items,
    .articles__items {    
        grid-template-columns: repeat(1, 1fr);
    }
    .staff{
        padding-bottom: 60px;
    }   
    .types__inner,
    .staff .title-section {
        margin-bottom: 24px;
    }
    .form__files .form__file p {
        padding: 10px 32px;
    }
    .form__files {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
    }
    .menu-mobile::before{
 
    width: 191px;
    height: 293px;
  
      }
  .advantages .title-section,
  .slider .title-section {
    font-size: 24px;
  }
  .slider__btn {
    padding: 14.5px 26px;
  }
  .faq .tabs__buttons{
    margin-bottom: 32px;
  }
  .faq .tabs__button,
  .portfolio .tabs__button {
    padding: 13px 24px;
  }
  .advantages__slider {
    padding-top: 24px;
  }
  .stages {
    overflow: hidden;
  }
  .main .swiper-pagination {
    bottom: 56px;
  }
  .header__links a {
    font-size: 14px;
  }
  .header__faq {
    font-size: 12px;
    gap: 10px;
  }
  .modal__title {    
    font-size: 32px;  
}
  .modal-thanks .modal__wrapper {
    padding: 80px 16px 88px;
  }
  .modal__wrapper .close {
    width: 24px;
    height: 24px;
    right: 7px;
    top: 7px;
  }
  .modal__wrapper {
    padding: 34px 16px 64px;
  }
  .quiz__thanks img {
    width: 70px;
    height: 70px;
  }
  .quiz__wrap {
    min-width: 100%;
  }
  .quiz__step .quiz__inner label input[name=step2] + span,
  .quiz__step .quiz__slider label input[name=step2] + span {
    min-height: auto;
  }
  .quiz__wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .quiz .form__inputs {
    flex-direction: column;
  }
  .footer__wrapper {
    margin-bottom: 8px;
  }
  .footer__copyright {
    padding: 24px 0 0;
  }
  .footer__logo img {
    width: 156px;
    margin-bottom: 0;
  }
  .footer {
    padding: 41px 0 17px;
  }
  .footer__accordion .footer__nav {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    will-change: max-height;
    transition: all 0.3s ease-out;
    box-sizing: content-box;
  }
  .footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .footer__accordion-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .footer__accordion-inner a {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
  }
  .footer__contacts ul {
    gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .footer__accordion.open .footer__nav {
    padding: 10px 0;
    opacity: 1;
    visibility: visible;
  }
  .footer .nav__list-grid {
    flex-direction: column;
  }
  .footer__accordion .nav__link-title {
    display: none;
  }
  .footer__navigation {
    gap: 16px;
    grid-template-columns: repeat(1, 1fr);
  }
  .footer .nav__link-title {
    min-height: 24px;
    margin-bottom: 16px;
  }
  .footer__btn {
    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 d='M6 9L12 15L18 9' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
  }
  .footer__btn::before {
    position: absolute;
    content: "";
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
  }
  .form__title {
    text-align: center;
  }
  .application__wrapper {
    padding: 0;
  }
  .application__left,
  .application__right {
    display: none;
  }
  .clients,
  .bonus {
    padding: 60px 0;
  }
  .clients__item img {
    width: 110px;
  }
  .bonus__description {
    padding: 40px 24px 56px;
  }
  .bonus__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .bonus__wrapper img {
    display: none;
  }
  .portfolio {
    padding: 60px 0;
  }
  .numbers__inner .title-section br {
    display: none;
  }
  .numbers__wrapper ul {
    padding-top: 32px;
  }
  .numbers__wrapper ul {
    gap: 24px 14px;
  }
  .numbers {
    padding: 40px 0 24px;
  }
  .advantages {
    padding: 60px 0;
  }
  .about {
    padding: 60px 0;
  }
  .about .title-section {
    margin-bottom: 25px;
  }
  .about__link {
    margin-bottom: 24px;
  }
  .about__subtitle {
    margin-bottom: 16px;
  }
  .about__subtitle,
  .about__text {
    max-width: 100%;
  }
  .about img {
    display: block;
    position: static;
    width: 100%;
  }
  .about__img {
    display: block;
    position: static;
    width: 90%;
    margin: 0 auto;
    min-height: auto;
  }
  .slider__inner {
    margin-bottom: 24px;
  }
  .services .slider__slide p {
    margin-bottom: 24px;
  }
  .services .slider__control {
    gap: 40px;
  }
  .slider__inner a,
  .portfolio__inner a {
    position: relative;
    width: 24px;
    height: 24px;
    color: transparent !important;
  }
  .slider__inner a::after,
  .portfolio__inner a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .portfolio__inner {
    padding: 0;
  }
  .slider {
    padding: 60px 0;
  }
  .slider-portfolio {
    padding-top: 0;
  }
  .stages__img-right {
    width: 166px;
    top: 15px;
    transform: rotate(8deg);
    right: -30px;
  }
  .stages__img-left {
    width: 215px;
    bottom: 10px;
    transform: rotate(39deg);
    left: -50px;
  }
  .stages__item span {
    padding-top: 0;
  }
  .stages__items {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-row-gap: 19px;
  }
  .stages__item {
    width: 100%;
  }
  .stages__item span {
    position: relative;
    width: 40%;
  }
  .stages__item p {
    max-width: 200px;
    height: 34px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .stages__item:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .stages__item:nth-child(1) .stages__item-line::before {
    width: 350px;
  }
  .stages__item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 215px;
  }
  .stages__item:nth-child(2)::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    display: block;
    background: #424242;
    z-index: 0;
    right: 70px;
    right: 295px;
    top: 58px;
    height: 127px;
    width: 130px;
  }
  .form__content-inner {
    margin-top: 20px;
  }
}
@media (max-width: 769px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-100px + 395 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 769px) {
    .form .title-section {
        font-size: 24px;
    }
  .stages__item:nth-child(2)::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    display: block;
    border: 2px dashed var(--green);
    color: var(--green);
    z-index: -1;
    right: 310px;
    top: 57px;
    height: 129px;
    width: 130px;
  }
}
@media (max-width: 769px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-120px + 430 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(3) {
    background: #424242;
    z-index: 3;
    grid-area: 2/2/3/3;
    width: 150px;
  }
  .stages__item:nth-child(3) .stages__item-line::before {
    width: 215px;
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(4) {
    margin-left: 40px;
    grid-area: 2/1/3/2;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 308px;
  }
  .stages__item:nth-child(4)::before {
    left: -40px;
    bottom: -76px;
    height: 129px;
    width: 130px;
  }
  .stages__item:nth-child(4)::after {
    left: -45px;
    bottom: -76px;
    height: 129px;
    width: 130px;
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(5) {
    margin-left: 40px;
    grid-area: 3/1/4/2;
  }
  .stages__item:nth-child(5) .stages__item-line::before {
    width: 308px;
  }
  .stages__item:nth-child(5)::before, .stages__item:nth-child(5)::after {
    display: none;
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(6) {
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 215px;
  }
  .stages__item:nth-child(6)::before {
    display: none;
  }
  .stages__item:nth-child(6)::before {
    position: absolute;
    content: "";
    border: none;
    border-radius: 50%;
    display: block;
    background: #424242;
    z-index: 0;
    right: 295px;
    top: 58px;
    height: 127.5px;
    width: 130px;
    left: auto;
  }
}
@media (max-width: 769px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(-100px + 395 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(6)::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    display: block;
    border: 2px dashed var(--green);
    color: var(--green);
    z-index: -1;
    right: 310px;
    top: 57px;
    height: 129px;
    width: 130px;
  }
}
@media (max-width: 769px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-120px + 430 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 769px) {
  .stages__item:nth-child(7) {
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 215px;
  }
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 769px) {
  .types__wrapper {
    position: relative;
    padding-bottom: 45px;
  }
}
@media (max-width: 769px) {
  .types__inner a {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 769px) {
  .types {
    padding: 60px 0;
  }
}
@media (max-width: 769px) {
  .card__descr ul {
    columns: 2;
  }
}
@media (max-width: 769px) {
  .card__item-inner {
    flex-direction: row;
  }
}
@media (max-width: 769px) {
  .cards {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 769px) {
  .main__slide h1 {
    margin-bottom: 16px;
  }
  .delivery-page {
    padding-top: 60px;
  }
  .delivery-page h2 {
    padding-bottom: 24px;
  }
  .delivery__description {
    border-top: 1px solid rgba(126, 175, 70, 0.5);
  }
  .slider-portfolio {
    padding-bottom: 60px;
  }
  .portfolio-slider__description h2 {
    margin-bottom: 20px;
  }
  .portfolio-slider__description {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .portfolio-slider {
    padding: 60px 0;
  }
  .news-swiper2 ,
  .portfolio-swiper2 {
    margin-bottom: 20px;
  }
  .text-block ul li,
  .text-block p {
    margin-bottom: 15px;
  }
  .text-block__wrapper {
    padding-top: 24px;
  }
  .text-block {
    padding-bottom: 60px;
  }
  .portfolio-page {
    padding: 60px 0 52px;
  }
  .portfolio-page .card img {
    height: 260px;
  }
  .pagination {
    margin-top: 40px;
    gap: 6px;
  }
}
@media (max-width: 630px) {
    .portfolio-page .cards {
        grid-template-columns: repeat(1, 1fr);
      }
  .quiz__inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .stages__item span {
    font-size: 36px;
    position: relative;
    width: 40%;
  }
  .stages__item:nth-child(1) .stages__item-line::before {
    width: 350px;
  }
  .stages__item:nth-child(2) {
    background: #424242;
    z-index: 3;
    grid-area: 1/2/2/3;
    transform: translateX(-40px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 215px;
  }
  .stages__item:nth-child(2)::before {
    right: 370px;
    top: 45px;
    height: 117.5px;
    width: 120px;
  }
}
@media (max-width: 630px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-120px + 490 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(2)::after {
    right: 390px;
    top: 44px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 630px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-140px + 530 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(3) {
    transform: translateX(-80px);
    width: 260px;
  }
  .stages__item:nth-child(3) .stages__item-line::before {
    width: 250px;
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(4) {
    max-width: 100px;
    margin-left: 40px;
    grid-area: 2/1/3/2;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 308px;
  }
  .stages__item:nth-child(4)::before {
    left: -40px;
    bottom: -66px;
    height: 119px;
    width: 130px;
  }
  .stages__item:nth-child(4)::after {
    left: -45px;
    bottom: -64px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(5) {
    margin-left: 40px;
    grid-area: 3/1/4/2;
  }
  .stages__item:nth-child(5) p {
    max-width: 170px;
  }
  .stages__item:nth-child(5) .stages__item-line::before {
    width: 308px;
  }
  .stages__item:nth-child(5)::before, .stages__item:nth-child(5)::after {
    display: none;
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(-50px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 215px;
  }
  .stages__item:nth-child(6)::before {
    display: none;
  }
  .stages__item:nth-child(6)::before {
    display: block !important;
    right: 370px;
    top: 45px;
    height: 116.5px;
    width: 120px;
  }
}
@media (max-width: 630px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(-120px + 490 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(6)::after {
    right: 390px;
    top: 44px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 630px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-140px + 530 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 630px) {
  .stages__item:nth-child(7) {
    transform: translateX(-50px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 215px;
  }
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 550px) {
    .card img{
        height: 220px;
    }
  .about__link {
    padding: 19px;
    width: 100%;
  }
  .card__descr ul {
    columns: 1;
  }
  .card__item-inner {
    flex-direction: column;
  }
  .stages__item span {
    font-size: 36px;
    position: relative;
    width: 40%;
  }
  .stages__item:nth-child(1) .stages__item-line::before {
    width: 200px;
  }
  .stages__item:nth-child(2) {
    background: #424242;
    z-index: 3;
    grid-area: 1/2/2/3;
    transform: translateX(-40px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 160px;
  }
  .stages__item:nth-child(2)::before {
    right: 575px;
    top: 45px;
    height: 117px;
    width: 120px;
  }
}
@media (max-width: 550px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-107px + 682 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(2)::after {
    right: 584px;
    top: 44px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 550px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-120px + 704 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(3) {
    transform: translateX(-40px);
    width: 170px;
  }
  .stages__item:nth-child(3) .stages__item-line::before {
    width: 160px;
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(4) {
    max-width: 100px;
    margin-left: 40px;
    grid-area: 2/1/3/2;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 160px;
  }
  .stages__item:nth-child(4)::before {
    left: -40px;
    bottom: -66px;
    height: 119px;
    width: 130px;
  }
  .stages__item:nth-child(4)::after {
    left: -45px;
    bottom: -64px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(5) {
    margin-left: 40px;
    grid-area: 3/1/4/2;
  }
  .stages__item:nth-child(5) .stages__item-line::before {
    width: 308px;
  }
  .stages__item:nth-child(5)::before, .stages__item:nth-child(5)::after {
    display: none;
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(0px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 130px;
  }
  .stages__item:nth-child(6)::before {
    display: none;
  }
  .stages__item:nth-child(6)::before {
    right: 600px;
    top: 45px;
    height: 116.5px;
    width: 120px;
  }
}
@media (max-width: 550px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(-80px + 680 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(6)::after {
    right: 610px;
    top: 44px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 550px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-89px + 699 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 550px) {
  .stages__item:nth-child(7) {
    transform: translateX(-20px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 145px;
  }
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 425px) {
  .stages__img-left {
    width: 195px;
    padding: 19px;
  }
  .stages__item:nth-child(1) .stages__item-line::before {
    width: 150px;
  }
  .stages__item:nth-child(1) p {
    max-width: 70px;
  }
  .stages__item:nth-child(2) {
    transform: translateX(-35px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 155px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(2) .stages__item-line::before {
    width: calc(145px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
    .card img{
        height: 170px;
    }
  .stages__item:nth-child(2)::before {
    right: 575px;
    top: 45.5px;
    height: 115px;
    width: 120px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-69px + 644 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
    .form .title-section span{
display: inline;
    }
  .stages__item:nth-child(2)::after {
    right: 595px;
    top: 44.5px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-90px + 685 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(3) {
    transform: translateX(-20px);
    background: none;
    width: 177px;
  }
  .stages__item:nth-child(3) .stages__item-line::before {
    width: 135px;
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(4) {
    max-width: 100px;
    margin-left: 40px;
    grid-area: 2/1/3/2;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 120px;
  }
  .stages__item:nth-child(4)::before {
    left: -40px;
    bottom: -66px;
    height: 119px;
    width: 130px;
  }
  .stages__item:nth-child(4)::after {
    left: -45px;
    bottom: -64px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(5) {
    margin-left: 40px;
    grid-area: 3/1/4/2;
  }
  .stages__item:nth-child(5) .stages__item-line::before {
    width: 150px;
  }
  .stages__item:nth-child(5) p {
    max-width: 90px;
  }
  .stages__item:nth-child(5)::before, .stages__item:nth-child(5)::after {
    display: none;
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(0px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) p {
    max-width: 110px;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 105px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(6) .stages__item-line::before {
    width: calc(92px + 13 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(6)::before {
    display: none;
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(6)::before {
    right: 780px;
    top: 46px;
    height: 114.5px;
    width: 120px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(-35px + 815 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(6)::after {
    right: 767px;
    top: 44.5px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-47px + 814 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(7) {
    transform: translateX(-20px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 120px;
  }
}
@media (max-width: 425px) and (max-width: 1400px) {
  .stages__item:nth-child(7) .stages__item-line::before {
    width: calc(110px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 425px) {
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 374px) {
  .stages__item p {
    font-size: 12.5px;
  }
  .stages__item:nth-child(1) .stages__item-line::before {
    width: 150px;
  }
  .stages__item:nth-child(1) p {
    max-width: 70px;
  }
  .stages__item:nth-child(2) {
    transform: translateX(-10px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 105px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(2) .stages__item-line::before {
    width: calc(95px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(2) p {
    max-width: 135px;
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(2)::before {
    right: 930px;
    top: 45px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-34px + 964 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(2)::after {
    right: 950px;
    top: 44px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-57px + 1007 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(3) {
    transform: translateX(-21px);
    width: 150px;
  }
  .stages__item:nth-child(3) p {
    max-width: 150px;
  }
  .stages__item:nth-child(3) .stages__item-line::before {
    width: 120px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(3) .stages__item-line::before {
    width: calc(110px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(4) {
    max-width: 100px;
    margin-left: 40px;
    grid-area: 2/1/3/2;
  }
  .stages__item:nth-child(4) .stages__item-line::before {
    width: 120px;
  }
  .stages__item:nth-child(4)::before {
    left: -40px;
    bottom: -66px;
    height: 119px;
    width: 130px;
  }
  .stages__item:nth-child(4)::after {
    left: -45px;
    bottom: -64px;
    height: 119px;
    width: 120px;
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(5) {
    margin-left: 40px;
    grid-area: 3/1/4/2;
  }
  .stages__item:nth-child(5) .stages__item-line::before {
    width: 150px;
  }
  .stages__item:nth-child(5) p {
    max-width: 90px;
  }
  .stages__item:nth-child(5)::before, .stages__item:nth-child(5)::after {
    display: none;
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(-10px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) p {
    max-width: 110px;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 85px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(6) .stages__item-line::before {
    width: calc(75px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(6)::before {
    display: none;
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(6)::before {
    right: 910px;
    top: 45px;
    height: 116px;
    width: 102px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(-4px + 914 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(6)::after {
    right: 930px;
    top: 45px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-26px + 956 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(7) {
    transform: translateX(-20px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 95px;
  }
}
@media (max-width: 374px) and (max-width: 1400px) {
  .stages__item:nth-child(7) .stages__item-line::before {
    width: calc(85px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 374px) {
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(2) {
    transform: translateX(-10px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 105px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(2) .stages__item-line::before {
    width: calc(95px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(2) p {
    max-width: 135px;
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(2)::before {
    right: 930px;
    top: 45px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-34px + 964 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(2)::after {
    right: 950px;
    top: 44.5px;
    height: 118px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-49px + 999 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(-10px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) p {
    max-width: 110px;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 85px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(6) .stages__item-line::before {
    width: calc(75px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(6)::before {
    display: none;
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(6)::before {
    right: 910px;
    top: 45px;
    height: 116px;
    width: 102px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(0px + 910 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(6)::after {
    right: 930px;
    top: 45px;
    height: 117.5px;
    width: 120px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-20px + 950 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(7) {
    transform: translateX(-20px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 95px;
  }
}
@media (max-width: 348px) and (max-width: 1400px) {
  .stages__item:nth-child(7) .stages__item-line::before {
    width: calc(85px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 348px) {
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(2) {
    transform: translateX(-10px);
  }
  .stages__item:nth-child(2) .stages__item-line::before {
    width: 105px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(2) .stages__item-line::before {
    width: calc(95px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(2) p {
    max-width: 135px;
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(2)::before {
    right: 930px;
    top: 45px;
    height: 118px;
    width: 120px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::before {
    right: calc(-25px + 955 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(2)::after {
    right: 950px;
    top: 44.5px;
    height: 118px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(2)::after {
    right: calc(-45px + 995 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(6) {
    background: #424242;
    z-index: 3;
    transform: translateX(-10px);
    grid-area: 3/2/4/3;
  }
  .stages__item:nth-child(6) p {
    max-width: 110px;
  }
  .stages__item:nth-child(6) .stages__item-line::before {
    width: 85px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(6) .stages__item-line::before {
    width: calc(82px + 3 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(6)::before {
    display: none;
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(6)::before {
    right: 910px;
    top: 45px;
    height: 116px;
    width: 102px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::before {
    right: calc(0px + 910 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(6)::after {
    right: 930px;
    top: 45px;
    height: 117.5px;
    width: 120px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(6)::after {
    right: calc(-20px + 950 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(7) {
    transform: translateX(-20px);
    grid-area: 4/2/5/3;
  }
  .stages__item:nth-child(7) .stages__item-line::before {
    display: block;
    width: 95px;
  }
}
@media (max-width: 341px) and (max-width: 1400px) {
  .stages__item:nth-child(7) .stages__item-line::before {
    width: calc(85px + 10 * (100vw - 320px) / 1080);
  }
}
@media (max-width: 341px) {
  .stages__item:nth-child(7)::before {
    display: none;
  }
}
.main-page {
  height: auto;
  position: relative;
  padding: 120px 0 140px;
  min-height: 577px;
}
.main-page .main__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.main-page .container {
  position: static;
  padding: 0 20px;
}
.main-page h1 {
  max-width: 790px;
  margin-top: 0;
  font-family: Forum, sans-serif;
  font-weight: 400;
  font-size: 72px;
  margin-bottom: 30px;
}
@media (max-width: 1400px) {
  .main-page h1 {
    font-size: calc(
            30px + 42 *
                ((100vw - 320px) / 1080)
        );
  }
}
.main-page p {
  font-size: 20px;
  line-height: 120%;
  max-width: 452px;
  margin-bottom: 40px;
}
@media (max-width: 1400px) {
  .main-page p {
    font-size: calc(
            16px + 4 *
                ((100vw - 320px) / 1080)
        );
  }
}
.main-page .main__btn {
  display: block;
}
.main-page::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.main-page .main__arrow-bottom {
  bottom: 30px;
}
.main-page .main__wrapper {
  position: relative;
}

.slider-category .swiper-pagination {
  display: none;
}

.slider-price {
  padding: 70px 0 100px;
}
.slider-price .slider__control {
  flex-direction: column;
  gap: 16px;
}
.slider-price .slider__slide-inner p {
  margin-bottom: 24px;
  text-align: center;
}

.main-page-subcategory {
  padding: 166px 0 235px;
}
.main-page-subcategory p {
  max-width: 542px;
}

.crumbs {
  position: absolute;
  left: 0;
  top: 230px;
  width: 100%;
  z-index: 1;
}
.crumbs-top{
    top: 180px;
}
.crumbs ul {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
}
.crumbs ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crumbs ul li a::after {
  display: block;
  content: "-";
}
.crumbs ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.crumbs ul li a,
.crumbs ul li p {
  margin: 0;
  font-size: 16px;
  line-height: 120%;
  white-space: nowrap;
}

.slider-category .slider__slide-inner {
  padding: 12px 16px 23px;
  height: auto;
}
.slider-category .slider__slide-inner p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.slider-category .slider__slide-inner p::after {
  display: block;
  content: "";
  min-width: 72px;
  height: 72px;
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='36' fill='%237EAF46'/%3E%3Cpath d='M30.8504 42.6148L41.2015 32.2637L41.2015 36.1422C41.2015 37.2562 42.8725 37.2562 42.8725 36.1421L42.8698 32.6071L42.8679 30.2473C42.8666 29.7889 42.4954 29.4177 42.037 29.4163L36.1433 29.4129C35.9161 29.4098 35.6973 29.4994 35.5379 29.6615C35.0075 30.192 35.3933 31.0984 36.1433 31.084L40.0265 31.0794L29.6402 41.4656C28.8638 42.3231 30.1046 43.4419 30.8504 42.6148Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.price-section {
  padding: 80px 0;
}
.price-section__wrapper ul li {
  padding: 15px 0 17px;
  display: grid;
  border-bottom: 1px solid #7eaf46;
  grid-template-columns: 2.1fr 0.9fr 1fr;
}
.price-section__wrapper ul li p {
  margin: 0;
  line-height: 1;
}
.price-section__wrapper ul li p:last-child {
  text-align: right;
}
.price-section__title:nth-child(2) {
padding-left: 13px;
}
.price-section__wrapper ul li p:first-child {
  text-align: left;
}
.price-section__title {
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: rgba(240, 240, 240, 0.5);
}
@media (max-width: 1400px) {
  .price-section__title {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }
}
.price-section__subtitle {
  font-size: 18px;
  text-transform: uppercase;
}
.price-section__text {
  font-size: 18px;
}
@media (max-width: 1400px) {
  .price-section__text {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.price-section__text-green {
  font-size: 20px;
  color: #7eaf46;
}

.steps {
  padding: 80px 0;
}
.steps__wrapper ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 98px;
}
@media (max-width: 1400px) {
  .steps__wrapper ul li {
    gap: calc(
            -30px + 128 *
                ((100vw - 320px) / 1080)
        );
  }
}
.steps__wrapper ul li:not(:last-child) {
  margin-bottom: 53px;
}
.steps__wrapper ul li:nth-child(even) {
  flex-direction: row-reverse;
}
.steps__wrapper ul li img {
  min-width: 541px;
  width: 100%;
  max-width: 541px;
  min-height: 280px;
  height: 280px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 1400px) {
  .steps__wrapper ul li img {
    min-width: calc(
            200px + 341 *
                ((100vw - 320px) / 1080)
        );
  }
}
.steps__wrapper ul li p {
  font-size: 16px;
}
.steps__wrapper ul li div {
  padding-left: 98px;
  border-left: 1px solid #bd9a68;
}
@media (max-width: 1400px) {
  .steps__wrapper ul li p {
    font-size: calc(
            14px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
@media (max-width: 1400px) {
  .steps__wrapper ul li p {
    padding-left: calc(
            -30px + 128 *
                ((100vw - 320px) / 1080)
        );
  }
}
.steps__wrapper ul li p a {
  text-decoration: underline;
}

.questions {
  padding: 100px 0 0;
  margin-bottom: 110px;
  position: relative;
  overflow-x: clip;
}
.questions::before {
  position: absolute;
  content: "";
  width: 414px;
  height: 447px;
  background: url(../img/about-img.png) center center/cover no-repeat;
  right: -37px;
  top: 46%;
  transform: translateY(-50%);
  z-index: 2;
}
.questions::after {
  position: absolute;
  content: "";
  width: 35%;
  height: 100%;
  top: 0;
  right: 0;
  background: #424242;
  border-radius: 0 212px 179px 0;
  z-index: 0;
}
.questions__wrapper {
  background: #424242;
  border-radius: 0 212px 179px 0;
  max-width: 1429px;
  width: 100%;
  height: 373px;
  padding: 39px 34px 106px 0;
  position: relative;
}
.questions__wrapper::before {
  border-radius: 54px 0 0 54px;
  position: absolute;
  content: "";
  top: 0;
  right: 100%;
  width: 34px;
  height: 100%;
  background: #424242;
}
.questions .form {
  position: relative;
  max-width: 973px;
  margin: 0;
  z-index: 2;
}
@media (max-width: 1400px) {
  .questions .form {
    max-width: calc(
            100px + 873 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__title {
  font-size: 48px;
  margin-bottom: 34px;
}
@media (max-width: 1400px) {
  .questions .form__title {
    font-size: calc(
            22px + 26 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__text {
  font-weight: 300;
  font-size: 20px;
  max-width: 416px;
  margin-bottom: 38px;
}
@media (max-width: 1400px) {
  .questions .form__text {
    font-size: calc(
            15px + 5 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 72px;
}
@media (max-width: 1400px) {
  .questions .form__content {
    gap: calc(
            -80px + 152 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__content label {
  width: 100%;
  margin-bottom: 0;
}
.questions .form__input {
  text-align: center;
}
.questions .form__input::placeholder {
  font-size: 18px;
  line-height: 100%;
  color: #868686;
  text-align: center;
}
@media (max-width: 1400px) {
  .questions .form__input::placeholder {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__content-inner {
  margin: 0;
}
.questions .form__btn {
  font-size: 18px;
  text-transform: capitalize;
  padding: 19px 65px;
}
@media (max-width: 1400px) {
  .questions .form__btn {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__info {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #868686;
  position: absolute;
  margin: 0 !important;
  left: 0;
  top: calc(100% + 27px);
  max-width: 100% !important;
}
@media (max-width: 1400px) {
  .questions .form__info {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.questions .form__info a {
  border: none;
}

.advantages-list {
  padding: 100px 0 70px;
}
.advantages-list__wrapper {
  width: 100%;
}
.advantages-list__item {
  width: 100%;
}
.advantages-list__item ul li {
  position: relative;
  padding: 5px 0 20px 186px;
}
.advantages-list__item ul li:not(:last-child) {
  margin-bottom: 45px;
}
.advantages-list__item ul li span {
  font-family: Forum, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 14px;
}
@media (max-width: 1400px) {
  .advantages-list__item ul li span {
    font-size: calc(
            20px + 4 *
                ((100vw - 320px) / 1080)
        );
  }
}
.advantages-list__item ul li::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='83' viewBox='0 0 57 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3327 13.1201L32.9084 23.8857H44.4797L35.1184 30.5391L38.6941 41.3046L29.3327 34.6512L19.9714 41.3046L23.5471 30.5391L14.1857 23.8857H25.757L29.3327 13.1201Z' fill='%2399B35B'/%3E%3Cpath d='M56 27.88C56 42.7049 43.7087 54.7601 28.5 54.7601C13.2913 54.7601 1 42.7049 1 27.88C1 13.0552 13.2913 1 28.5 1C43.7087 1 56 13.0552 56 27.88Z' stroke='%2399B35B' stroke-width='2'/%3E%3Cpath d='M12.9548 50.8407L3.35156 69.7007L15.9251 64.7807L19.278 75.4407L28.4986 56.5807L39.3957 82.0008L44.4251 72.9807L55.3222 76.2607L43.6051 51.6967' stroke='%2399B35B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 57px;
  height: 83px;
  left: 34px;
  top: 5px;
}
.advantages-list__item ul li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 140px;
  width: 1px;
  height: 100%;
  background: #7eaf46;
}
.advantages-list .swiper-pagination {
  display: flex;
  margin-top: 59px;
}
.advantages-list .swiper-pagination-bullet {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background: rgba(229, 229, 229, 0.5);
  border: none;
}
.advantages-list .swiper-pagination-bullet::before {
  display: none;
}
.advantages-list .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: var(--green);
}

@media (max-width: 1025px) {
  .questions .form {
    max-width: 100%;
  }
  .questions .form__content {
    gap: 20px;
  }
  .questions__wrapper {
    border-radius: 0;
  }
  .questions__wrapper::after {
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    width: 20px;
    height: 100%;
    background: #424242;
  }
  .questions {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
  }
  .questions::before {
    width: 636px;
    height: 686px;
    object-fit: contain;
    position: static;
    transform: translateY(0);
  }
  .questions::after {
    display: none;
  }
  .price-section__subtitle {
    text-transform: none;
  }
  .crumbs {
    display: none;
  }
  .crumbs-top{
    display: block;
    top: 145px;
  }
  .slider-category .swiper-button-next,
  .slider-category .swiper-button-prev {
    display: block;
  }
}
@media (max-width: 769px) {
    .slider-price .slider__slide-inner{
        padding: 44px 20px 12px;
    }
    .slider-price .slider__slide-inner p{
        margin-bottom: 8px !important;
        text-align: left;
    }
    .slider-price .slider__control{
        
        padding-top: 12px;
        position: relative;
        align-items: flex-start;
    }
    .slider-price .slider__btn{
   margin: 0 auto;
    }
    .slider-price .slider__control::before{
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% + 20px);
      height: 1px;
      background: #838384;
    }
  .slider-category .slider__slide-inner {
    padding: 8px 8px 8px 20px;
  }
  .advantages-list__item ul li::before {
    background-size: contain;
    background-repeat: no-repeat;
    width: 51px;
    height: 73px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .slider-category .slider__slide-inner p{
    font-size: 18px;
  }
  .advantages-list__item ul li {
    padding: 0 0 0 95px;
  }
  .advantages-list__item ul li::after {
    left: 75px;
  }
  .advantages-list__item ul li:not(:last-child) {
    margin-bottom: 30px;
  }
  .advantages-list .title-section {
    display: none;
  }
  .advantages-list {
    padding: 60px 0;
  }
  .questions {
    margin-bottom: 40px;
  }
  .questions::before {
    width: 436px;
    height: 470px;
  }
  .questions .form__input {
    text-align: left;
  }
  .questions .form__input::placeholder {
    text-align: left;
  }
  .questions .form__content-inner {
    margin-top: 30px;
  }
  .questions .form__info {
    text-align: center;
    position: static;
    margin-bottom: 24px !important;
  }
  .questions .form__btn {
    width: fit-content;
    margin: 0 auto;
  }
  .questions .form__title {
    margin-bottom: 18px;
  }
  .questions__wrapper {
    height: auto;
    padding: 40px 0 60px;
  }
  .questions .form__content {
    flex-direction: column;
    gap: 10px;
  }
  .questions .form__text {
    text-align: center;
    max-width: 280px;
    margin: 0 auto 46px;
  }
  .steps__wrapper ul li {
    display: block;
  }
  .steps__wrapper ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .steps__wrapper ul li img {
    min-width: auto;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .advantages-list__item {
    width: 100%;
    padding-top: 15px;
}
  .steps__wrapper ul li div {
    padding-left: 0;
    border-left: none;
  }
  .steps__wrapper ul li p {
    font-size: 16px;
 padding-left: 0;
  }
  .steps__wrapper ul li h2 {   
    padding-bottom: 10px;
    border-bottom: 1px solid #bd9a68;
    margin-bottom: 20px;
  }
  .steps__wrapper ul li img{
    min-height: auto;
    height: auto;
  }
  .steps {
    padding: 60px 0;
  }
  .price-section {
    padding: 60px 0;
  }
  .price-section .title-section {
    margin-bottom: 24px;
  }
  .price-section__wrapper ul li {
    box-shadow: 0 0 20px 0 rgba(171, 171, 171, 0.1);
    background: #2d2d2d;
    display: block;
    border: none;
    border-radius: 8px;
    padding: 16px 10px;
  }
  .price-section__wrapper ul li:not(:last-child) {
    margin-bottom: 30px;
  }
  .price-section__wrapper ul li:first-child {
    display: none;
  }
  .price-section__subtitle {
    padding: 0 10px;
    margin-bottom: 16px !important;
  }
  .price-section__text {
    margin-bottom: 19px !important;
    padding: 0 10px;
  }
  .price-section__text-green {
    padding: 16px 10px 0;
    border-top: 1px solid #59643e;
 
 
  }
  .price-section__text{
        display: flex;
        gap: 7px;
  }
  .price-section__text::before{
    content: "";
    display: block;
    min-width: 13px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_44_941)'%3E%3Cg clip-path='url(%23clip1_44_941)'%3E%3Cpath d='M5.99951 1.5V3.5' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.99951 9.5V11.5' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.4646 2.96509L3.8796 4.38009' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.11963 8.62012L9.53463 10.0351' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.999512 6.5H2.99951' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99951 6.5H10.9995' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.4646 10.0351L3.8796 8.62012' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.11963 4.38009L9.53463 2.96509' stroke='%237EAF46' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44_941'%3E%3Crect width='12' height='12' fill='white' transform='matrix(0 -1 1 0 0.473145 12)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_44_941'%3E%3Crect width='12' height='12' fill='white' transform='translate(-0.000488281 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
 
    background-repeat: no-repeat;
    background-position: center;

  }
  .price-section__wrapper ul li p:last-child {
    text-align: left;
  }
  .main-page .main__btn {
    padding: 14px 10px;
  }
}
@media (max-width: 500px) {
  .questions::before {
    width: 321px;
    height: 347px;
  }
}
@media (max-width: 359px) {
  .questions::before {
    width: 289px;
    height: 309px;
  }
}
.calculate {
  padding: 100px 0;
}
.calculate .row {
  margin: 0 !important;
}
.calculate__wrapper {
  overflow: hidden;
  background: #424242;
  border-radius: 56px;
  padding: 64px 36px 74px;
  position: relative;
}
.calculate__wrapper::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: url("../img/calculate-bg.png") center center/cover no-repeat;
  width: 480px;
  height: 165px;
}
.calculate__labels {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 43px;
  overflow-x: auto;
}
.calculate__labels .col-sm-2 {
  position: relative;
  width: 224px;
  padding: 0;
  margin: 0;
  background: #2d2d2d;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}
.calculate__labels .col-sm-2 p {
  padding: 28px 11px 35px;
  margin: 0;
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}
.calculate__labels .col-sm-2 img {
  width: 100%;
  height: 227px;
}
.calculate__labels .col-sm-2 > input:checked {
  border: 2px solid #7eaf46;
}
.calculate__labels .col-sm-2 > input:checked + span {
  border-radius: 8px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #7eaf46;
}
.calculate__size {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 69px;
  margin-bottom: 44px;
}
.calculate__size .input-group {
  max-width: 304px;
  width: 100%;
}
.calculate__size .form-group p {
  margin-left: 10px;
}
.calculate__size input {
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 30px !important;
  padding: 21px;
  background: none;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #868686;
  height: 56px;
}
@media (max-width: 1400px) {
  .calculate__size input {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.calculate__size input::placeholder {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #868686;
}
@media (max-width: 1400px) {
  .calculate__size input::placeholder {
    font-size: calc(
            16px + 2 *
                ((100vw - 320px) / 1080)
        );
  }
}
.calculate__size #plo {
  max-width: 304px;
  width: 100%;
  border: 1px solid #7eaf46;
  border-radius: 30px !important;
  padding: 11px 0;
  background: none;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  color: #7eaf46;
  height: 56px;
}
@media (max-width: 1400px) {
  .calculate__size #plo {
    font-size: calc(
            26px + 6 *
                ((100vw - 320px) / 1080)
        );
  }
}
.calculate__size .input-group-btn-vertical {
  display: none;
}
.calculate__check {
  display: grid;
  gap: 20px;
  grid-template-columns: 0.8fr 1fr 0.75fr;
  width: 100%;
  margin-bottom: 25px;
}
.calculate__check .col-sm-6:nth-child(3) .tooltip-item p{
left: auto;
right: 65%;
}
.calculate__check .col-sm-6,
.calculate__check .col-sm-12 {
  width: 100%;
  padding: 0;
  margin: 0;
}
.calculate__check .radio {
  margin-top: 0;
  width: fit-content;
  padding-right: 17px;
}
.calculate__check .radio p{
    font-weight: 500;
    font-size: 20px;
}
.calculate__check .radio:not(:last-child) {
  margin-bottom: 20px !important;
}
.calculate__check .radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.calculate__check .radio input {
  display: none;
}
.calculate__check .radio input + p {
  margin: 0;
  display: flex;
  gap: 7px;
}
.calculate__check .radio input + p::before {
  display: block;
  content: "";
  cursor: pointer;
  border-radius: 100%;
  min-width: 14px;
  height: 14px;
  background: #2d2d2d;
  margin-top: 3px;
}
.calculate__check .radio input:checked + p::before {
  background: #7eaf46;
}
.calculate .head-sub {
  padding: 0;
  font-weight: 400;
  font-size: 32px !important;
  color: #fff;
  margin-bottom: 19px;
}
.calculate__inner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 27px;
}
.calculate__inner .mt-20 {
  margin-top: 0;
  padding: 0;
  width: fit-content;
}
.calculate__inner .head-sub {
  font-size: 24px !important;
  margin-bottom: 10px !important;
  display: flex;
  align-items: center;
  gap: 7px;
}
.calc-result-discount{
    position: relative;
    padding-left: 26px;
}
.calc-result-discount::before{
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
   top: -2px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='10.5' fill='%237EAF46'/%3E%3Cpath d='M14.0757 7.97683C13.8437 7.74447 13.4669 7.74461 13.2345 7.97683L9.4484 11.7631L7.76564 10.0803C7.53328 9.84797 7.15663 9.84797 6.92427 10.0803C6.69191 10.3127 6.69191 10.6893 6.92427 10.9217L9.02763 13.0251C9.14373 13.1412 9.29598 13.1994 9.44824 13.1994C9.6005 13.1994 9.75289 13.1413 9.869 13.0251L14.0757 8.81819C14.3081 8.58599 14.3081 8.20917 14.0757 7.97683Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.calculate__inner .head-sub span {
  color: #7eaf46 !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  padding: 0 !important;
  white-space: nowrap;
}
.calculate__inner .head-sub span.calc-result-old {  
    font-size: 20px !important;
    text-decoration: line-through;
    color: #fff !important;
    padding-left: 3px !important;
}
.calculate__inner .btn {
  padding: 18px 79px;
  border: none;
}
.calculate .form-group {
  margin-bottom: 0;
  padding: 0;
}
.calculate .col-sm-12 {
  padding: 0;
}
@media (max-width: 1250px) {
    .calculate__check { 
        grid-template-columns: repeat(3, 1fr);
          }
  .questions::before {
    width: 356px;
    height: 384px;
  }
  .questions__wrapper {
    height: 350px;
  }
  .questions__wrapper::before {
    border-radius: 0;
  }
  .price-section__wrapper ul li {
    grid-template-columns: 1.9fr 1fr 1fr;
  }
}
@media (max-width: 1200px) {
    .slider-services .swiper-wrapper {
      grid-template-columns: repeat(3, 1fr);
    }
  }
@media (max-width: 1025px) {
    .slider-services .swiper-wrapper {
        display: flex;
        gap: 0;
      }
      .slider-services .swiper-slide {
        min-width: auto;
      }
   .tooltip-item p{
 left: -50%;
   transform: translateX(-20%);
        }
  .calculate__inner {
    justify-content: space-between;
    gap: 30px;
  }
  .calculate__wrapper::before {
    display: none;
  }
  .calculate .head-sub,
  .calculate__inner .head-sub span {
    font-size: 24px !important;
  }
  .calculate__inner .head-sub span.calc-result-old {
    font-size: 17px !important;  
}
  .calculate__size {
    gap: 30px;
  }
  .calculate .container {
    padding: 0;
  }
  .calculate .container .row {
    margin: 0 !important;
  }
  .calculate .container .col-sm-3 {
    width: 100%;
  }
  .calculate__wrapper {
    border-radius: 0;
    padding: 40px 16px;
  }
}
@media (max-width: 769px) { 
    .delivery {
        padding-bottom: 40px;
      }
      .delivery h3 {
        margin-top: 23px;
        margin-bottom: 20px;
      }
      .delivery h3:first-child {
        margin-top: 25px;
      }
      .delivery ul:last-child {
        margin-bottom: 0;
      }
      .delivery ul li {
        padding-left: 16px;
      }
      .delivery ul li::before {
        top: 4px;
      }
    .calculate__check .radio{
        display: flex;
        gap: 5px;
    }
    .tooltip-item{
        position: static;
    }
 .tooltip-item p { 
    
  bottom: 119%;
  font-size: 12px !important; 
  padding: 4px 12px;
  border-radius: 20px;
    }    
    .calculate__check .col-sm-6:nth-child(3) .tooltip-item p,
    .tooltip-item p {
          left: 20px;
        transform: translateX(0);
    }
  .calculate__size input,
  .calculate__size #plo {
    height: 54px;
  }
  .calculate__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .calculate__inner .mt-20 {
    width: 100%;
  }
  .calculate__inner .btn {
    width: 100%;
  }
  .calculate__labels .col-sm-2 p {
    padding: 24px 11px;
  }
  .calculate__size .input-group,
  .calculate__size #plo {
    max-width: 100%;
  }
  .calculate__size {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .calculate__labels {
    margin-bottom: 30px;
  }
  .calculate__check {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .calculate .head-sub{
    font-size: 20px !important;
    margin-bottom: 5px !important;
  }

  .calculate__inner .head-sub span {
    font-size: 18px !important;
  }
  .calculate__inner .head-sub span.calc-result-old {
    font-size: 14px !important;
}
.calc-result-discount::before {
    width: 14px;
    height: 14px;
    top: 1px;
}
.calc-result-discount {
    padding-left: 19px;
}
.calculate__check .radio p{
    font-size: 16px;
}
 
}

/* New Catalog Styles */

.catalog-ctgs {
  margin-top: -25px;
  margin-bottom: 44px;
}

.catalog-ctgs__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.catalog-ctgs__item {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 48px;
  padding: 3px 14px 3px 3px;
  border: 1px solid var(--green);
  font-size: 14px;
  line-height: 1.2;
  border-radius: 50px;
  text-decoration: none !important;
  color: #fff !important;
  overflow: hidden;
  transition: 0.3s;
}

.catalog-ctgs__item:hover {
  color: var(--green) !important;
}

.catalog-ctgs__item > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.catalog {
  padding: 44px 0 50px;
}

.catalog h1 {
  margin-top: 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 72px;
  margin-bottom: 32px;
  text-transform: uppercase;
}

.catalog__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 20px;
}

.catalog__item {
  display: flex;
  flex-direction: column;
  border: 1px solid #424242;
  border-radius: 8px;
  background: #2d2d2d;
  overflow: hidden;
}

.catalog__item a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.catalog__item-img {
  padding-bottom: 85%;
  position: relative;
  overflow: hidden;
}

.catalog__item-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.catalog__item:hover .catalog__item-img > img {
  transform: scale(1.1);
}

.catalog__item-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  padding: 24px 15px;
}

.catalog__item-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
}

.catalog__item-title:hover {
  color: var(--green);
}

.catalog__item-params {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
}

.catalog__item-params li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
  font-size: inherit;
  font-weight: 400;
}

.catalog__item-params li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-55%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBzdHJva2U9IiM3RUFGNDYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjMzMyIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cGF0aCBkPSJNNiAydjJNNiAxMHYyTTIuNDY1IDMuNDY1IDMuODggNC44OE04LjEyIDkuMTJsMS40MTUgMS40MTVNMSA3aDJNOSA3aDJNMi40NjUgMTAuNTM1IDMuODggOS4xMk04LjEyIDQuODhsMS40MTUtMS40MTUiLz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTIuNVYuNWgxMnYxMnoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMWgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
}

.catalog__item-params li:last-child {
  margin-bottom: 0;
}

.catalog__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  gap: 1rem;
  padding-top: 5px;
}

.catalog__item-price {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--green);
}

.catalog__item-btn {
  min-width: 125px;
  padding: 12px 14px;
  font-weight: 300;
}

.catalog__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 50px;
}

.catalog__pagination .pagination {
  margin: 0;
}

.catalog__mobile {
  display: none;
}

@media (max-width: 1279px) {
  .catalog__items {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1025px) {
  .catalog-ctgs {
    margin-top: 10px;
  }
  .catalog-ctgs__items {
    gap: 10px;
  }
}

@media (max-width: 991px) {
  .catalog__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 769px) {
  .catalog {
    padding-top: 64px;
    padding-bottom: 0;
  }
  .catalog h1 {
    order: -1;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.75;
  }
  .catalog__wrapper {
    display: flex;
    flex-direction: column;
  }
  .catalog-ctgs {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .catalog__desktop {
    display: none;
  }
  .catalog__mobile {
    display: block;
  }
  .catalog__pagination {
    margin-top: 30px;
  }
}

@media (max-width: 639px) {
  .catalog__items {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Card Page Styles */

.card-page__cols {
  display: flex;
  gap: 20px 40px;
  margin-top: 50px;
}

.card-page__gallery {
  display: flex;
  gap: 10px 24px;
  flex: 0 0 51.1%;
  max-width: 51.1%;
  overflow: hidden;
  height: 440px;
}

.card-page__images {
  flex: 1;
  border-radius: 20px;
  overflow: hidden;
}

.card-page__images .swiper-slide {
  height: 100%;
}

.card-page__images .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-page__thumbnails {
  width: 23%;
  height: 100%;
  order: -1;
}

.card-page__thumbnails .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.4;
}

.card-page__thumbnails .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.card-page__thumbnails .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-page__main {
  flex: 1;
  display: flex;
  flex-direction: column
}

.card-page__title {
  margin: 0 0 12px 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.1;
  text-transform: uppercase;
}

.card-page__desc {
  padding-right: 40px;
  font-size: 20px;
  line-height: 1.04;
}

.card-page__prices {
  display: flex;
  align-items: center;
  gap: 12px 47px;
  flex-wrap: wrap;
  margin-top: 35px;
}

.qty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 47px;
  padding: 7px 30px;
  border: 1px solid #fff;
  border-radius: 41px;
  text-align: center;
}

.qty__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
}

.qty__btn--decrease {
  background-size: 17px 1px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xNiAxSDEiLz48L3N2Zz4=);
}

.qty__btn--increase {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTYuNSA5SDltMCAwSDEuNU05IDlWMS41TTkgOXY3LjUiLz48L3N2Zz4=);
}

.qty__value {
  min-width: 75px;
  padding-top: 3px;
  font-size: 18px;
  line-height: 1.2;
}

.card-page__price {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.2;
  color: var(--green);
}

.card-page__btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 27px;
}

.card-page__btn {
  width: 100%;
  padding: 12px 16px;
  font-weight: 300;
  font-size: 20px;
}

.card-page__btn--rent {
  border: 1px solid var(--green);
  background: #2d2d2d;
}

.card-page__tabs .tabs__btns {
  display: flex;
  margin-top: 72px;
  overflow: auto;
  gap: 74px;
}

.card-page__tabs .tabs__btn {
  padding-bottom: 14px;
  border-bottom: 1px solid transparent;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.04;
  color: rgba(255, 255, 255, 0.5);
}

.card-page__tabs .tabs__btn.active {
  border-color: var(--green);
  color: #fff;
}

.card-page__tabs .tabs__contents {
  margin-top: -1px;
  padding-top: 30px;
  border-top: 1px solid #566e3a;
}

.card-page__tabs .tabs__content {
  display: none;
  font-size: 18px;
  font-weight: 300;
}

.card-page__tabs .tabs__content.active {
  display: block;
}

.card-page__tabs .tabs__content * {
  font-size: inherit;
  font-weight: inherit;
}

.card-page__tabs .catalog__item-params li {
  margin-bottom: 12px;
  padding-left: 30px;
}

.card-page__tabs .catalog__item-params li:before {
  width: 17px;
  height: 17px;
}

.similar {
  margin-top: 120px;
}

.similar h2 {
  margin: 0 0 40px 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
}

.similar__wrapper {
  padding-bottom: 40px;
  border-bottom: 1px solid #566e3a;
}

.similar + .application {
  margin-top: 40px;
}

.modal {
  overflow: auto;
}

.modal-order {
  max-width: 844px;
}

.modal-order .modal__wrapper {
  padding-top: 47px;
  padding-bottom: 46px;
}

.modal h2 span {
  font-family: inherit;
}

.modal h2:has(strong) {
  color: #fff !important;
}

.modal h2 strong {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: var(--green);
}

.modal .form-order h2 {
  margin-bottom: 17px;
  color: var(--green);
}

.modal .form-order h2 span {
  display: block;
  font-family: inherit;
  color: #fff;
}

.modal .form__description {
  margin-bottom: 26px;
  font-size: 18px;
}

.modal .form__content-inner {
  margin-top: 17px;
}

.modal .form__content-inner p {
  margin-bottom: 23px;
}

@media (max-width: 1025px) {
  .card-page__cols {
    flex-direction: column;
    margin-top: 64px;
  }
  .card-page__gallery {
    flex: none;
    max-width: none;
  }
}

@media (max-width: 769px) {
  body:has(.card-page) {
    .crumbs {
      position: static;
      margin-top: 15px;
    }
    .crumbs ul {
      display: block;
    }
    .crumbs li {
      display: inline;
    }
    .crumbs ul li a:after {
      display: none;
    }
    .crumbs li:not(:last-child):after {
      content: " - ";
      margin: 0 4px;
      white-space: nowrap;
      font-size: 16px;
    }
    .crumbs a, .crumbs p {
      display: inline;
      white-space: normal;
    }
  }
  .card-page__cols {
    margin-top: 20px;
  }
  .card-page__gallery {
    flex-direction: column;
    height: auto;
  }
  .card-page__images {
    height: 246px;
    order: 1;
  }
  .card-page__thumbnails {
    width: 100%;
    height: 57px;
    order: 2;
  }
  .card-page__thumbnails .swiper-slide {
    border-radius: 10px;
  }
  .card-page__title {
    margin-bottom: 15px;
    font-size: 24px;
  }
  .card-page__desc {
    padding: 2px 0 0;
    font-size: 16px;
  }
  .card-page__prices {
    flex-direction: column;
    gap: 25px;
    margin-top: 30px;
    text-align: center;
  }
  .card-page__prices .qty {
    width: 100%;
    justify-content: space-between;
  }
  .card-page__price {
    font-size: 30px;
  }
  .card-page__btns {
    margin-top: 12px;
  }
  .card-page__btn {
    font-size: 16px;
  }
  .card-page__tabs .tabs__btns {
    margin-top: 44px;
    gap: 35px;
  }
  .card-page__tabs .tabs__btn {
    padding-bottom: 9px;
    font-size: 18px;
  }
  .card-page__tabs .tabs__contents {
    padding-top: 18px;
  }
  .card-page__tabs .tabs__content {
    font-size: 16px;
  }
  .similar {
    margin-top: 19px;
  }
  .similar h2 {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .similar__wrapper {
    padding-bottom: 0;
    border: none;
  }
  .similar + .application {
    margin-top: 60px;
  }
  .modal .form__description {
    text-align: center;
    font-size: 15px;
  }
  .modal .form-order h2 {
    margin-bottom: 12px;
  }
  .modal .form__description {
    margin-bottom: 24px;
  }
  .modal-order .modal__wrapper {
    padding-top: 46px;
    padding-bottom: 45px;
  }
}

/* Reviews Page Styles */

.reviews {
  padding: 50px 0 120px;
}

.reviews h1 {
  margin-top: 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 72px;
  margin-bottom: 31px;
  text-transform: uppercase;
}

.reviews__item {
  display: flex;
  gap: 20px;
  padding: 30px 0;
  border-bottom: 1px solid #566e3a;
}

.reviews__item:first-child {
  border-top: 1px solid #566e3a;
}

.reviews__item-aside {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 29%;
}

.rating {
  display: flex;
  align-items: center;
  gap: 12px;
}

.rating__stars {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rating__star {
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzdEQUY0NiIgZD0iTTcuODk3IDEuNTI1Yy4zNi0xLjExIDEuOTMtMS4xMSAyLjI5IDBsMS4yODkgMy45NjRjLjE2LjQ5Ni42MjMuODMyIDEuMTQ1LjgzMmg0LjE2OGMxLjE2NiAwIDEuNjUxIDEuNDkzLjcwOCAyLjE3OGwtMy4zNzIgMi40NWMtLjQyMi4zMDctLjU5OS44NS0uNDM4IDEuMzQ3bDEuMjg4IDMuOTY0Yy4zNiAxLjExLS45MSAyLjAzMi0xLjg1MyAxLjM0NmwtMy4zNzItMi40NWExLjIwNCAxLjIwNCAwIDAgMC0xLjQxNiAwbC0zLjM3MiAyLjQ1Yy0uOTQzLjY4Ni0yLjIxMy0uMjM3LTEuODUzLTEuMzQ2bDEuMjg4LTMuOTY0YTEuMjA0IDEuMjA0IDAgMCAwLS40MzctMS4zNDdMLjU4OCA4LjVjLS45NDQtLjY4NS0uNDU5LTIuMTc4LjcwOC0yLjE3OGg0LjE2OGMuNTIxIDAgLjk4NC0uMzM2IDEuMTQ1LS44MzJsMS4yODgtMy45NjRaIi8+PC9zdmc+);
}

.rating__star.is-empty {
  opacity: 0.3;
}

.rating__value {
  font-size: 19px;
  line-height: 1.2;
  font-weight: 600;
  transform: translateY(3px);
}

.reviews__item-text {
  max-width: 715px;
  flex: 1;
  padding: 2px 0;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 400;
}

.reviews__item-text p {
  font-size: inherit;
  font-weight: inherit;
}

.reviews__item-name {
  padding-top: 12px;
  font-size: 25px;
  font-weight: 500;
}

.reviews__item-date {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}

.reviews__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  gap: 8px;
}

.reviews__pagination .pagination {
  margin: 0;
}

@media (max-width: 991px) {
  .reviews__item {
    flex-direction: column;
  }
  .reviews__item-aside {
    width: auto;
  }
  .reviews__item-text {
    max-width: none;
    flex: none;
  }
}

@media (max-width: 769px) {
  .reviews {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .reviews h1 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 175%;
  }
  .rating__star {
    width: 15px;
    height: 15px;
  }
  .rating__value {
    font-size: 16px;
    transform: translateY(2px);
  }
  .reviews__item {
    margin: 0 -20px;
    padding: 20px 20px 18px;
    gap: 18px;
  }
  .reviews__item-aside {
    gap: 7px;
  }
  .reviews__item-name {
    padding-top: 7px;
    font-size: 20px;
  }
  .reviews__item-date {
    font-size: 14px;
  }
  .reviews__item-text {
    font-size: 16px;
  }
  .reviews__pagination {
    margin-top: 30px;
  }
}

/* Page 404 Styles */

body:has(.page-404) .header {
  position: relative;
  z-index: 5;
}

body:has(.page-404) .footer {
  position: relative;
  z-index: 4;
  background: transparent;
}

.page-404 {
  position: relative;
  z-index: 1;
  padding: 60px 0 20px;
}

.page-404:before {
  content: "";
  position: absolute;
  top: -220px;
  left: 50%;
  margin-left: -1280px;
  width: 961px;
  height: 1209px;
  background: url("../img/page404-1.webp") no-repeat center/contain;
  z-index: -1;
}

.page-404:after {
  content: "";
  position: absolute;
  top: -845px;
  left: 50%;
  margin-left: -80px;
  width: 1584px;
  height: 2171px;
  background: url("../img/page404-2.webp") no-repeat center/contain;
  z-index: -1;
}

.page-404__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 39px;
  text-align: center;
}

.page-404__title {
  margin: 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 417px;
  line-height: 0.82em;
}

.page-404__subtitle {
  font-size: 39px;
  line-height: 1.15;
  text-transform: uppercase;
}

.page-404__btn {
  width: 100%;
  max-width: 256px;
  min-height: 62px;
  font-size: 20px;
  font-weight: 300;
  color: #fff !important;
  text-decoration: none !important;
}

@media (max-width: 769px) {
  .page-404 {
    padding: 24px 0 0;
  }
  .page-404:before {
    width: 198px;
    height: 174px;
    left: -77px;
    top: 90px;
    margin: 0;
    background-image: url("../img/page404-mob-1.webp");
    z-index: 2;
  }
  .page-404:after {
    width: 162px;
    height: 162px;
    left: auto;
    right: -45px;
    top: -10px;
    margin: 0;
    background-image: url("../img/page404-mob-2.webp");
    z-index: 2;
  }
  .page-404__wrapper {
    gap: 20px;
  }
  .page-404__title {
    font-size: 216px;
  }
  .page-404__subtitle {
    margin-top: 10px;
    font-size: 20px;
  }
  .page-404__btn {
    max-width: none;
    min-height: 43px;
    padding: 10px 16px;
    font-size: 16px;
  }
}