html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  margin-top: 140px;
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
button:active,
button:focus {
  border: none;
}

input,
input:active,
input:focus {
  border: none;
}

button {
  cursor: pointer;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  outline-offset: -2px;
}

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

* {
  outline: none;
}

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

body {
  overflow-x: hidden;
  font-family: "Open-Sans", sans-serif;
  background: #fff;
}

a {
  text-decoration: none;
}

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

:root {
  --primary: #6ba453;
  --font: #263141;
}
img {
  width: 100%;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat.ttf");
}

body {
  font-family: "Montserrat", sans-serif;
  color: var(--font);
  background-color: #fff;
}

.error_text {
    font-size: 20px;
    display: flex;
    flex-direction: column;
}

.about .dropdown-menu {
    min-width: 200px;
    height: auto;
}
.dropdown-menu {
    position: absolute;
    top: 40px;
    left: -30px;
    display: none;
    min-width: 500px;
    background: white;
    z-index: 10;
    padding: 30px;
    flex-direction: column;
    gap: 20px;
    height: 350px;
}

.dropdown-menu li {
    list-style: none;
}

.dropdown-menu li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.dropdown-menu li a:hover {
    color: var(--primary);
    font-size: 14px;
    text-decoration-line: underline;
}

.submenu {
    height: 350px;
    padding: 30px;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    min-width: 300px;
    background: white;
    border-left: 1px solid #EAEEF3;
}

.submenu li a {
    font-size: 14px;
    font-weight: 400;
}

.dropdown-menu {
    display: none;
}
.dropdown-menu.show {
    display: flex;
}

.submenu {
    display: none;
}
.submenu.show {
    display: flex;
}

.company_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.company_texts {
    max-width: 740px;
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.company_texts, .company_texts ul, .company_texts ol {
    display: flex;
    flex-direction: column;
    gap: 20px;   
}
.company_texts ul li,  .company_texts ol li{
  display: flex;
  gap: 15px;
}


.company_item img {
    object-fit: cover;
    max-width: 740px;
    width: 100%;
    max-height: 400px;
    height: auto;
    border-radius: 10px;
}

.company_texts ul li::before,
.company_texts ol li::before{
  content: "";
  display: inline-block;
  width: 19px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15" fill="none"><path d="M18.5049 3.20312L7.24121 14.5039L0.494141 7.73438L3.19238 5.02637L6.99414 8.83984L7.24219 9.08789L7.49023 8.83984L15.8057 0.495117L18.5049 3.20312Z" fill="%236BA453" stroke="%23F7F7FA" stroke-width="0.7"/></svg>');
  background-size: contain;
  vertical-align: middle;

  background-repeat: no-repeat;
  flex-shrink: 0;
} 

.faq {
    margin-bottom: 50px;
}
.faq-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.faq-container {
  padding: 30px;
  background: #F7F7FA;
  border-radius: 10px;
}

.faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}

.faq-question {
  color: #263141;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 0;
}

.faq-toggle {
  width: 22px;
  height: 22px;
  transition: transform 0.3s ease;
  background-image: url("../icons/plus.png");
  background-repeat: no-repeat;
  vertical-align: middle;
  flex-shrink: 0
}

.faq-answer {
  color: #263141;
  font-size: 16px;
  line-height: 20.8px;
  padding-top: 20px;
  display: none;
}

.faq-container.active .faq-answer {
  display: block;
}

.about_titles {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.about_titles img {
  max-width: 306px;
  width: 100%;
}
.about_titles p {
  max-width: 1134px;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.about_card {
  border-radius: 10px;
  padding: 30px;
  background-color: #f7f7fa;
/*
  max-width: 480px;
  width: 100%; 
*/
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.about_card ul li,  .about_card ol li{
  margin-bottom: 20px;
  display: flex;
  gap: 15px;
}

.about_card ul li::before,
.about_card ol li::before{
  margin-top: 3px;
  content: "";
  display: inline-block;
  width: 19px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15" fill="none"><path d="M18.5049 3.20312L7.24121 14.5039L0.494141 7.73438L3.19238 5.02637L6.99414 8.83984L7.24219 9.08789L7.49023 8.83984L15.8057 0.495117L18.5049 3.20312Z" fill="%236BA453" stroke="%23F7F7FA" stroke-width="0.7"/></svg>');
  background-size: contain;
  vertical-align: middle;

  background-repeat: no-repeat;
  flex-shrink: 0;
}

.about_cards {
  overflow-x: auto;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.about_items {
  /* min-width: 1400px; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.about_items::-webkit-scrollbar {
  display: none;
}

.about_card h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.about_card h3::before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  background-image: url("../icons/eco.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  flex-shrink: 0;
}


.crumbs-container {
    border-top: 1px solid #eaeef3;
}
.crumbs {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.crumb {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: var(--font);
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.3s;
}
.crumb:hover {
    color: var(--primary);
}

.crumb:last-child::after {
    display: none;
}

.crumb:last-child {
    color: gray;
}

.crumb::after {
    position: relative;
    content: "";
    width: 20px;
    height: 1px;
    display: block;
    background-color: var(--font);
}

.main_texts-item {
  position: absolute;
  z-index: 2;
  padding: 15px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  background-color: #7e8794;
  border-radius: 15px;
}
.main_texts-item:first-child {
  top: 279px;
  right: 580px;
  transform: rotate(6deg);
}
.main_texts-item:nth-child(2){
  top: 438px;
  right: 700px;
  transform: rotate(-4deg);
}
.main_texts-item:nth-child(3){
  top: 355px;
  right: 170px;
  transform: rotate(-9deg);
}
.main_texts-item:last-child{
  top: 520px;
  right: 250px;
  transform: rotate(11deg);
}

.texts p {
    margin-top: 30px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.card {
    display: flex;
    gap: 30px;
}

.internal img {
    width: 40%;
    height: auto;
    max-height: 350px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    object-fit: cover;
    border-radius: 10px;
}

.card_img {
    flex-shrink: 0;
    max-width: 500px;
    width: 100%;
}

.card_img img {
    width: 100%;
    max-height: 250px;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.container {
  max-width: 1540px;
  margin: 0 auto;
  padding: 0;
}

.page p {
    margin: 10px 0;
    font-size: 20px;    
}
.page a {
    color: var(--primary);
    font-size: 20px;
}

.content {
  padding-top: 100px;
}

.title {
  text-align: center;
  font-size: 44px;
  font-weight: 600;
}
.second_title {
  font-size: 44px;
  font-weight: 600; 
  line-height: 130%;
}
.items_container {
  margin-top: 60px;
}


.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.popup_content {
  position: relative;
  background: #f7f7fa;
  padding: 30px;
  border-radius: 10px;
  max-width: 450px;
  width: 100%;
  margin: 0 20px;
}
.popup_title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.popup_subtitle {
  margin: 15px 0 30px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.popup_close img {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: -26px;
  width: 52px;
  height: 52px;
}

.popup_form {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popup_btn {
  width: 100%;
  height: 60px;
}

.popup_form input {
  padding: 10px 25px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(36, 34, 109, 0.02);
}
.popup_form input::placeholder {
  color: #c3cad4;
}

.popup_ok input {
  display: none;
}

.popup_ok {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #7e8794;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  display: block;
}

.popup_ok input:checked + span {
  background-image: url("../icons/checked.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.popup_ok span {
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
}

.popup_ok a {
  color: var(--primary);
  text-decoration: underline;
  font-weight: 700;
}

.button {
  color: #fff;
  text-transform: uppercase;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transition: 0.3s all;
  font-weight: 600;
  line-height: 150%; /* 21px */
}
.button_primary {
  background-color: var(--primary);
}
.button_primary:hover {
  background-color: #62984b;
  transition: 0.3s all;
}
.button_secondary {
  background-color: #7e8794;
}
.button_secondary:hover {
  background-color: #8a97aa;
}

.burger {
  display: none;
  cursor: pointer;
  width: 50px;
}

.burger span {
  display: block;
  height: 3px;
  background-color: var(--primary);
  margin: 3px 0;
  border-radius: 5px;
  transition: 0.3s all;
}

.burger:hover span {
  background-color: var(--primary);
  transition: 0.3s all;
}

.burger.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 5px);
}
.burger.active span:nth-child(2) {
  opacity: 0;
}
.burger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -5px);
}

.burger span:nth-child(1) {
  transform: translateY(-5px);
}

.burger span:nth-child(3) {
  transform: translateY(5px);
}

.aside {
  padding: 30px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100vh;
  background: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease;
  z-index: 1000;
}
.aside nav ul {
  gap: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.aside.active {
  display: flex;
  left: 0;
}

.nav_services {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.nav_services svg {
    vertical-align: middle;
    transition: transform 0.3s;
}

.nav_services:hover svg {
    transform: rotate(180deg);
}

/* .dropdown {
    display: none;
    position: absolute;
    top: 25px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 5;
    white-space: nowrap;
}

.dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-right: 1px solid #EAEEF3;
    padding-right: 30px;
}

.dropdown-parent {
    display: inline-block;
}

.subdropdown {
    display: none;
    position: absolute;
    top: 30px;
    left: 100%;
    font-size: 14px;
    font-weight: 400;
}

.dropdown-parent:hover .subdropdown {
    display: inline-block;
}

.subdropdown-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
} */

.header {
   position: fixed;
   z-index: 5;
   width: 100%;
   background-color: #fff;
}

.header_logo {
    max-width: 248px;
    width: 100%;
  }

.header_items {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.header_review {
  color: var(--font);
}

.header_item,
.map_links {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header_item p,
.map_links p {
  color: #474f5a;
  font-size: 14px;
  font-weight: 500;
}
.header_contacts,
.aside_contacts,
.map_links-contacts,
.footer_info-contacts {
  display: flex;
  align-items: center;
  gap: 2px;
}

.header_contacts img,
.aside_contacts img,
.map_links-contacts img,
.footer_info-contacts img {
  width: 40px;
  height: 40px;
}
.header_review {
  text-wrap: nowrap;
  font-size: 32px;
  font-weight: 600;
}
.header_review span {
  color: #8a8fa3;
  font-size: 20px;
  font-weight: 600;
}
.header_tel {
  color: #7e8794;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  text-align: end;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header_tel a {
  color: var(--font);
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.header_btn {
  font-size: 14px;
  height: 45px;
}

.nav_ul {
  list-style: none;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #eaeef3;
}

.nav_item a {
  color: var(--font);
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-transform: uppercase;
  transition: 0.3s all;
}
.nav_item a:hover {
  color: var(--primary);
  transition: 0.3s all;
}

.nav_item-dropdown a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav_item-dropdown a::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="7" viewBox="0 0 13 7" fill="none"><path d="M1.39844 1.5L5.69133 5.79289C6.08186 6.18342 6.71502 6.18342 7.10554 5.79289L11.3984 1.5" stroke="%23263141" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  vertical-align: middle;
}

.main {
  overflow: hidden;
  position: relative;
  padding: 168px 0;
  background-position: 50% 50%;
  background-size: cover;
}
.main_img, .main_img-second {
  object-fit: contain;
  max-width: 720px;
  width: 100%;
  max-height: 800px;
  height: auto;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
.main_img-second {
  right: 200px;
}

.main span {
  color: var(--primary);
}
.main_info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 40px;
  font-size: 16px;
  font-weight: 400;
}

.main_titles p {
  font-size: 24px;
  font-weight: 500;
}
.main_titles h1 {
  margin-top: 10px;
  font-size: 48px;
  font-weight: 600;
  text-transform: uppercase;
}


.main_description {
  max-width: 625px;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
}

.main_benefits {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main_buttons {
  display: flex;
  gap: 40px;
}
.main_buttons div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main_btn {
  margin-top: 15px;
  font-size: 16px;
  height: 60px;
}

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

.info_img {
  max-width: 429px;
  width: 100%;
  max-height: 669px;
  height: auto;
  object-fit: contain;
}

.info_item {
  max-width: 950px;
  width: 100%;
}

.info_item h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
}
.info_item p {
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.info_benefits {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-auto-rows: auto;
  gap: 20px;
}
.info_benefit {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  font-weight: 600;
}
.info_benefit span {
  color: var(--primary);
}
.info_benefit::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("../icons/thermometer.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.services_items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.services_item {
  cursor: pointer;
  position: relative;
  padding: 30px;
  background: #f7f7fa;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: inline-flex;
  gap: 30px;
  overflow: hidden;
  transition: box-shadow 0.3s ease; 
}

.services_item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.services_item-image {
    position: absolute;
    right: -100px;
    top: 0;
    width: 300px;
    height: 100%;
    object-fit: cover;
}

.services_item-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.services_item-list {
    margin: 0 !important;
    list-style: none !important;
    max-width: 400px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.services_item-list li a {
  color: #474F5A;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: underline;
  transition: color 0.3s ease; 
}

.services_item-list li a:hover {
  color: var(--primary);
}

.images {
    overflow-x: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.images_items {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.images_items > * {
    flex-shrink: 0;
    width: 370px;
}

.images_item {
    cursor: pointer;
}

.calculator_img img, .images_item img {
  border-radius: 10px;
}

.calculator_img {
  position: relative;
  max-width: 500px;
  width: 100%;
  height: auto;
  max-height: 654px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calculator_img-items {
  transform: translate(0, 0);
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  z-index: 1;
  max-width: 302px;
  width: 100%;
  height: 161px;
  padding: 20px 25px;
  border-radius: 10px;
  background: rgba(43, 43, 55, 0.3);
  backdrop-filter: blur(20px);
}
.calculator_img-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.calculator_img-items span {
  font-size: 20px;
  font-weight: 600;
}
.calculator_img-line {
  margin: 10px auto 10px auto;
  width: 113px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.calculator_img-contacts a {
  color: #fff;
}
.calculator_img-contact {
  font-size: 20px;
  font-weight: 600;
}
.calculator_btn {
  position: absolute;
  z-index: 1;
  height: 60px;
  bottom: 32px;
}
.calculator_items {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.quiz-container {
  width: 100%;
  padding: 40px;
  border-radius: 10px;
  background: #F7F7FA;
}

.progress-container {
  position: relative;
}

.progress-container img {
    width: 59px;
    height: 51px;
    right: 20px;
    top: -21px;
    position: absolute;
    z-index: 1;
}

.progress-bar {
  padding: 5px;
  width: 100%;
  height: 30px;
  background: #fff;
  border-radius: 500px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  width: 33.33%;
  display: flex;
  transition: width 0.3s ease;
  background: 
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.10),
      rgba(255, 255, 255, 0.10) 10px,
      transparent 10px,
      transparent 20px
    ),
    var(--primary);
  border-radius: 500px;
  position: relative;
  overflow: hidden;
}

.quiz-content h3 {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
}

.step-counter {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.quiz-step {
  display: none;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.quiz-step.active {
  display: flex;
  flex-direction: column;
  gap: 40px;
  opacity: 1;
  transform: translateX(0);
}

.options {
    display: flex;
    gap: 20px;
}


.option {
  max-width: 300px;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}
.option-img {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;    
}
.option-img img {
    max-width: 300px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.option p {
    margin-top: 25px;
}

.option-btn {
    bottom: -15px;
    position: absolute;
    z-index: 1; 
    margin-top: -15px;
    border: 5px #F7F7FA solid;
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.29814L4.57384 9.7243L0 5.15046L2.01689 3.13357L4.57384 5.69052L9.98311 0.28125L12 2.29814Z"/></svg>') no-repeat center center;
    background-color: #C3CAD4;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.option-btn:hover {
    background-color: var(--primary);
}

.option-btn.selected {
    background-color: var(--primary);
    border: 5px #F7F7FA solid;
}

.quiz-navigation {
  display: flex;
  justify-content: space-between;
  gap: 10px;

}
.next-btn, .submit-btn {
    gap: 10px;
    height: 50px;
    text-wrap: nowrap;
    font-size: 14px;
}
.next-btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
}

.back-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  gap: 10px; 
  color: #7E8794;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  text-transform: uppercase;
}

.quiz-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 700px;
    width: 100%;
    gap: 10px;
}
.quiz-buttons label a {
    color: var(--primary);
}
.quiz-form-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.quiz-form input, .quiz-form textarea {
    background: #FFF;
    border: none;
}
.quiz-form textarea {
    margin-top: 20px;
    height: 261px;
}

.benefits {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.benefits_items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-auto-rows: auto;
  gap: 50px;
  justify-items: center;
}
.benefits-second_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.benefits_item {
  display: grid;
  justify-items: center;
  max-width: 480px;
  width: 100%;
}

.benefits-second_item {
    max-width: 268px;
    width: 100%;
    padding: 20px;
}

.benefits_item::before {
  border-radius: 10px;
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  vertical-align: middle;
  background-color: #6BA453;
}

.benefits_item:nth-child(1)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M47.7524 33.9896C46.5628 28.5479 39.992 21.4208 31.0149 15.8354C29.8162 15.1031 28.5999 14.4001 27.367 13.7271C33.4837 11.0042 39.2003 9.81042 42.7212 10.7083C44.0128 11.0375 44.9128 11.6312 45.3982 12.475C46.3274 14.0896 45.7503 16.6708 43.7753 19.7354C43.7003 19.8505 43.6488 19.9792 43.6237 20.1142C43.5987 20.2492 43.6005 20.3879 43.6293 20.5222C43.658 20.6565 43.713 20.7838 43.7911 20.8967C43.8692 21.0097 43.9688 21.1061 44.0843 21.1804C44.1998 21.2547 44.3289 21.3054 44.4641 21.3297C44.5993 21.3539 44.7379 21.3512 44.872 21.3216C45.0061 21.2921 45.1331 21.2363 45.2456 21.1575C45.358 21.0787 45.4538 20.9785 45.5274 20.8625C47.9816 17.0542 48.5628 13.7937 47.2045 11.4375C46.4274 10.0896 45.092 9.1625 43.2357 8.69167C40.6399 8.02292 37.1316 8.31875 33.1982 9.39583C32.617 7.60833 31.9462 6.02083 31.1857 4.69167C29.4295 1.62083 27.2878 0 24.9962 0C20.0253 0 15.9712 8.06667 14.8732 19.075C14.6791 21.0441 14.581 23.0214 14.5795 25C14.5795 26.2125 14.6274 27.4187 14.6962 28.6167C9.06908 24.1833 5.09408 19.3042 4.27533 15.5625C3.98991 14.2625 4.11908 13.1896 4.65449 12.3792C5.68366 10.8229 8.24408 10.1812 11.8691 10.575C12.1431 10.602 12.4169 10.5205 12.6315 10.3479C12.8461 10.1754 12.9845 9.92555 13.017 9.65208C13.0468 9.37748 12.9663 9.10229 12.7932 8.88702C12.6202 8.67176 12.3687 8.53404 12.0941 8.50417C7.58783 8.01667 4.41699 8.95833 2.91699 11.2333C2.05866 12.5312 1.83158 14.1396 2.23991 16.0104C3.42949 21.4521 10.0003 28.5792 18.9774 34.1646C19.9545 34.7708 21.3795 35.5708 22.6524 36.2625C16.5253 38.9937 10.7982 40.1896 7.27324 39.2917C5.98158 38.9625 5.08158 38.3687 4.59616 37.525C3.68991 35.95 4.21908 33.4458 6.08574 30.4708C6.16638 30.3551 6.22269 30.2243 6.25126 30.0862C6.27982 29.9481 6.28005 29.8056 6.25193 29.6674C6.2238 29.5293 6.16791 29.3982 6.08764 29.2823C6.00737 29.1663 5.9044 29.0679 5.78495 28.9929C5.66551 28.9179 5.53209 28.868 5.39278 28.8461C5.25346 28.8243 5.11116 28.8309 4.97448 28.8656C4.83781 28.9004 4.70962 28.9625 4.59768 29.0483C4.48573 29.1341 4.39237 29.2417 4.32324 29.3646C1.99199 33.0729 1.46283 36.2562 2.79199 38.5625C3.56908 39.9104 4.90449 40.8375 6.76074 41.3083C7.70241 41.55 8.76283 41.6667 9.91908 41.6667C14.1712 41.6667 19.8024 40.0354 25.5545 37.2021C27.1941 36.3917 28.8462 35.4958 30.4899 34.4896C31.2649 34.0146 32.0232 33.5229 32.7691 33.0229C31.467 42.0792 28.0982 47.9167 24.9982 47.9167C23.5191 47.9167 21.9607 46.6229 20.617 44.275C20.48 44.0349 20.2532 43.8591 19.9865 43.7862C19.7199 43.7134 19.4352 43.7494 19.1951 43.8865C18.955 44.0235 18.7792 44.2503 18.7064 44.5169C18.6335 44.7836 18.6695 45.0683 18.8066 45.3083C20.5628 48.3792 22.7045 50 24.9962 50C29.967 50 34.0107 42.0354 35.1087 31.025C35.2941 29.1271 35.4128 27.0521 35.4128 25C35.4128 23.7854 35.3649 22.5792 35.2962 21.3833C40.9232 25.8167 44.8982 30.6958 45.717 34.4375C46.0024 35.7375 45.8732 36.8104 45.3378 37.6208C44.3378 39.1396 41.8628 39.7938 38.367 39.45C38.0926 39.4261 37.8198 39.511 37.6074 39.6864C37.395 39.8617 37.2601 40.1135 37.2316 40.3875C37.2054 40.6626 37.2895 40.9368 37.4652 41.15C37.6409 41.3633 37.8941 41.4981 38.1691 41.525C38.8399 41.5875 39.4795 41.6208 40.0899 41.6208C43.4399 41.6208 45.8378 40.65 47.0774 38.7687C47.9357 37.4708 48.1628 35.8625 47.7545 33.9917L47.7524 33.9896ZM24.9982 2.08333C26.4774 2.08333 28.0357 3.37708 29.3795 5.725C30.0628 6.91875 30.6607 8.38542 31.1941 10.0167C27.4732 11.2437 23.4712 13.0833 19.5066 15.5104C18.7316 15.9854 17.9732 16.4771 17.2274 16.9771C18.5295 7.92083 21.8982 2.08333 24.9982 2.08333ZM33.0941 30.2562C31.9128 31.1021 30.6795 31.9292 29.4024 32.7104C27.9316 33.6104 26.4524 34.4042 24.9774 35.1437C23.3181 34.2755 21.6847 33.3584 20.0795 32.3937C18.998 31.7211 17.9384 31.0138 16.9024 30.2729C16.5869 26.7703 16.5869 23.2464 16.9024 19.7437C18.103 18.8815 19.3343 18.0629 20.5941 17.2896C22.0732 16.3833 23.5607 15.5875 25.0441 14.8437C26.4128 15.5604 28.5087 16.7313 29.917 17.6062C30.9996 18.2801 32.0606 18.9881 33.0982 19.7292C33.4089 23.2314 33.4075 26.7543 33.0941 30.2562ZM27.0816 25C27.0816 25.5525 26.8621 26.0824 26.4714 26.4731C26.0807 26.8638 25.5508 27.0833 24.9982 27.0833C24.4457 27.0833 23.9158 26.8638 23.5251 26.4731C23.1344 26.0824 22.9149 25.5525 22.9149 25C22.9149 24.4475 23.1344 23.9176 23.5251 23.5269C23.9158 23.1362 24.4457 22.9167 24.9982 22.9167C25.5508 22.9167 26.0807 23.1362 26.4714 23.5269C26.8621 23.9176 27.0816 24.4475 27.0816 25Z' fill='white'/></svg>");
}

.benefits_item:nth-child(2)::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M42.2831 40.8083C44.9981 36.8021 46.2283 31.9733 45.7612 27.1564C45.2941 22.3394 43.1589 17.837 39.7247 14.4271L25.0018 0.03125L13.1227 11.65L1.57057 0.1L0.0976562 1.57292L48.431 49.9042L49.9039 48.4313L42.2831 40.8083ZM25.0018 2.94375L38.2602 15.9104C41.2993 18.9299 43.2081 22.9024 43.6667 27.1619C44.1252 31.4214 43.1057 35.7091 40.7789 39.3063L14.5956 13.1229L25.0018 2.94375ZM36.556 43.9188L38.0435 45.4063C34.3525 48.3892 29.7475 50.0112 25.0018 50C22.2649 50.0075 19.5536 49.472 17.0249 48.4246C14.4963 47.3772 12.2006 45.8386 10.2706 43.8979C2.68724 36.3146 2.18932 24.2979 8.76224 16.125L10.2497 17.6125C4.48516 24.9563 4.97266 35.6542 11.7435 42.425C13.4808 44.1712 15.5471 45.5556 17.8228 46.4982C20.0986 47.4409 22.5386 47.923 25.0018 47.9167C29.1936 47.9234 33.2648 46.5147 36.556 43.9188Z" fill="white"/></svg>');
}

.benefits_item:nth-child(3)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M16.6292 40.2062C16.5693 40.4268 16.4386 40.6215 16.2571 40.7604C16.0757 40.8994 15.8536 40.9748 15.625 40.975C11.1514 39.8336 7.18609 37.2333 4.3562 33.5854C1.5263 29.9375 -0.0065784 25.4502 2.12214e-05 20.8333C2.12214e-05 9.34583 9.34586 0 20.8334 0C31.1438 0 39.7979 7.37917 41.4084 17.5458C41.451 17.8187 41.3837 18.0974 41.2212 18.3207C41.0588 18.5441 40.8144 18.6939 40.5417 18.7375C40.2691 18.7784 39.9913 18.7104 39.7683 18.5483C39.5453 18.3861 39.3951 18.1428 39.35 17.8708C38.6651 13.4582 36.4195 9.43792 33.0215 6.54075C29.6235 3.64358 25.2987 2.06192 20.8334 2.08333C10.4938 2.08333 2.08335 10.4958 2.08335 20.8333C2.08808 24.9458 3.44205 28.9432 5.93753 32.212C8.433 35.4809 11.9321 37.8406 15.8979 38.9292C16.1645 39.0014 16.3915 39.1764 16.529 39.4159C16.6665 39.6554 16.7012 39.9397 16.6292 40.2062ZM50 36.4583V44.7917C50 47.6646 47.6646 50 44.7917 50H30.4604C26.5021 50 23.0646 47.1812 22.2875 43.3L20.975 38.8125C20.7783 37.8942 20.7908 36.9435 21.0115 36.0307C21.2322 35.1179 21.6555 34.2665 22.25 33.5396C22.8351 32.823 23.5724 32.2457 24.4085 31.8497C25.2445 31.4536 26.1583 31.2488 27.0834 31.25H33.7146L32.5063 24.4479C32.4808 24.0331 32.476 23.6173 32.4917 23.2021C32.7438 22.2771 33.3292 21.5479 34.1417 21.15C34.557 20.9517 35.0103 20.8453 35.4705 20.8381C35.9307 20.8309 36.387 20.9231 36.8084 21.1083C37.3396 21.3292 37.8563 21.875 38.2292 22.6062L42.7979 31.2479H44.7896C47.6625 31.2479 49.9979 33.5833 49.9979 36.4562L50 36.4583ZM41.7542 33.0479C41.4169 32.8538 41.1411 32.5686 40.9584 32.225L36.3813 23.5687C36.1667 23.1458 35.9729 23.0146 35.9709 23.0146C35.8267 22.9522 35.6711 22.9205 35.5139 22.9216C35.3568 22.9227 35.2017 22.9565 35.0584 23.0208C34.8187 23.147 34.6356 23.3591 34.5459 23.6146L34.575 24.2208L35.7667 30.8875C35.8196 31.1872 35.8063 31.4948 35.7276 31.7888C35.6489 32.0828 35.5067 32.3559 35.3111 32.5891C35.1155 32.8222 34.8712 33.0096 34.5954 33.1382C34.3196 33.2668 34.0189 33.3334 33.7146 33.3333H27.0834C25.8292 33.3333 24.6563 33.8896 23.8604 34.8583C23.0646 35.8271 22.75 37.0896 22.9959 38.3167L24.3084 42.8042C24.9104 45.8 27.4896 47.9146 30.4584 47.9146H41.6709L41.7521 33.0458L41.7542 33.0479ZM47.9167 36.4583C47.9167 34.7354 46.5146 33.3333 44.7917 33.3333H43.8354L43.7563 47.9167H44.7917C46.5146 47.9167 47.9167 46.5146 47.9167 44.7917V36.4583ZM31.3438 15.625C31.5349 15.4297 31.6417 15.167 31.641 14.8937C31.6403 14.6204 31.5322 14.3584 31.34 14.164C31.1479 13.9697 30.887 13.8586 30.6138 13.8548C30.3405 13.8511 30.0767 13.9548 29.8792 14.1437L20.8375 23.0896C20.2762 23.643 19.5196 23.9533 18.7313 23.9533C17.943 23.9533 17.1864 23.643 16.625 23.0896L12.1917 18.7083C11.9942 18.5194 11.7304 18.4156 11.4571 18.4194C11.1838 18.4232 10.923 18.5343 10.7308 18.7286C10.5387 18.9229 10.4306 19.185 10.4299 19.4583C10.4292 19.7316 10.5359 19.9943 10.7271 20.1896L15.1604 24.5708C16.1459 25.5437 17.4375 26.0312 18.7313 26.0312C20.025 26.0312 21.3188 25.5437 22.3042 24.5688L31.3459 15.6229L31.3438 15.625Z' fill='white'/></svg>");
}

.benefits_item:nth-child(4)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M3.65216 28.6772L16.2105 16.1542C18.5523 13.8177 21.7253 12.5055 25.0334 12.5055C28.3415 12.5055 31.5145 13.8177 33.8563 16.1542C35.4584 17.7563 36.4793 19.7001 37.0272 21.7459L35.2813 23.4917C34.9783 21.2744 33.9618 19.2158 32.3855 17.6272C30.4344 15.6812 27.7912 14.5884 25.0355 14.5884C22.2798 14.5884 19.6366 15.6812 17.6855 17.6272L5.12508 30.1522C3.16258 32.1147 2.08133 34.7313 2.08133 37.5188C2.08133 40.3063 3.16258 42.923 5.12508 44.8855C7.07568 46.8325 9.71908 47.926 12.4751 47.926C15.2311 47.926 17.8745 46.8325 19.8251 44.8855L19.8313 44.8917L23.1542 41.5688C23.7542 41.6334 24.3605 41.673 24.973 41.673C25.3334 41.673 25.6897 41.6438 26.0459 41.6209L21.3001 46.3667C21.2751 46.3917 21.2417 46.4022 21.2147 46.423C18.8852 48.7216 15.7435 50.0092 12.4709 50.0063C10.8328 50.0091 9.21035 49.6883 7.69661 49.0623C6.18287 48.4362 4.80771 47.5174 3.65008 46.3584C2.48775 45.1993 1.56672 43.8213 0.940217 42.304C0.313717 40.7867 -0.00581961 39.1603 8.02324e-05 37.5188C8.02324e-05 34.1751 1.29591 31.0355 3.65216 28.6772ZM24.9751 37.4938C26.6132 37.4972 28.2359 37.1766 29.7497 36.5506C31.2635 35.9245 32.6386 35.0053 33.7959 33.8459L46.3542 21.323C48.6953 18.9768 50.0101 15.7978 50.0101 12.4834C50.0101 9.16902 48.6953 5.98998 46.3542 3.64382C41.5168 -1.19368 33.6667 -1.21243 28.7938 3.57507C28.7647 3.59799 28.7292 3.60841 28.7022 3.63549L23.9584 8.38132C24.3147 8.35841 24.6709 8.32924 25.0313 8.32924C25.6438 8.32924 26.2501 8.36882 26.8501 8.43341L30.173 5.11049L30.1813 5.11882C32.1321 3.173 34.775 2.08026 37.5303 2.08026C40.2856 2.08026 42.9285 3.173 44.8792 5.11882C46.8303 7.07403 47.926 9.72336 47.926 12.4855C47.926 15.2476 46.8303 17.897 44.8792 19.8522L32.3209 32.3751C30.3704 34.3214 27.7274 35.4145 24.972 35.4145C22.2165 35.4145 19.5735 34.3214 17.623 32.3751C16.0451 30.7876 15.0283 28.7285 14.7272 26.5105L12.9813 28.2563C13.5292 30.3022 14.5501 32.2459 16.1522 33.848C17.3098 35.0075 18.6853 35.9267 20.1995 36.5527C21.7136 37.1788 23.3366 37.4972 24.9751 37.4938Z' fill='white'/></svg>");
}

.benefits_item:nth-child(5)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M2.06771 12.5187C2.62024 12.5187 3.15015 12.2992 3.54085 11.9085C3.93155 11.5178 4.15104 10.9879 4.15104 10.4353C4.15104 9.8828 3.93155 9.3529 3.54085 8.9622C3.15015 8.5715 2.62024 8.352 2.06771 8.352C1.51517 8.352 0.98527 8.5715 0.594569 8.9622C0.203868 9.3529 -0.015625 9.8828 -0.015625 10.4353C-0.015625 10.9879 0.203868 11.5178 0.594569 11.9085C0.98527 12.2992 1.51517 12.5187 2.06771 12.5187ZM40.9719 18.7687H49.9844V20.6791L43.0865 25.077L45.8719 33.0499L44.3094 34.1395L37.5156 28.8874L30.6927 34.1624L29.1906 33.0312L31.8823 24.9603L24.9823 20.6895V18.7687H34.0448L36.499 9.39367H38.5198L40.9719 18.7687ZM45.8385 20.852H39.3635L38.9573 19.2958L37.5115 13.7645L36.0635 19.2978L35.6573 20.8541H29.2073L32.9823 23.1916L34.3844 24.0583L33.8635 25.6208L32.3073 30.2853L36.2448 27.2416L37.5198 26.2562L38.7948 27.2416L42.6927 30.2541L41.124 25.7666L40.5802 24.2103L41.9719 23.3228L45.8448 20.8541L45.8385 20.852ZM41.651 41.6853C41.0985 41.6853 40.5686 41.9048 40.1779 42.2955C39.7872 42.6862 39.5677 43.2161 39.5677 43.7687C39.5677 44.3212 39.7872 44.8511 40.1779 45.2418C40.5686 45.6325 41.0985 45.852 41.651 45.852C42.2036 45.852 42.7335 45.6325 43.1242 45.2418C43.5149 44.8511 43.7344 44.3212 43.7344 43.7687C43.7344 43.2161 43.5149 42.6862 43.1242 42.2955C42.7335 41.9048 42.2036 41.6853 41.651 41.6853ZM12.4594 15.4853L13.0865 17.8874C13.8281 17.0603 14.599 16.2437 15.4031 15.4374C23.726 7.11658 33.4698 2.1145 40.1115 2.1145C42.501 2.1145 44.4906 2.76242 45.8656 4.13742C48.0677 6.3395 48.4052 10.1166 47.201 14.5999H49.4073C50.6094 9.60825 50.0177 5.34367 47.3385 2.6645C41.1406 -3.5355 26.4656 1.43117 13.9302 13.9645C13.426 14.4687 12.9385 14.9749 12.4594 15.4853ZM12.4865 4.18533C13.039 4.18561 13.569 3.96638 13.9599 3.57588C14.3508 3.18537 14.5706 2.65558 14.5708 2.10304C14.5711 1.55051 14.3519 1.02049 13.9614 0.629598C13.5709 0.238702 13.0411 0.0189437 12.4885 0.0186675C11.936 0.0181149 11.4059 0.237078 11.0148 0.627389C10.6237 1.0177 10.4037 1.54738 10.4031 2.09992C10.4026 2.65245 10.6215 3.18258 11.0118 3.57367C11.4022 3.96476 11.9339 4.18478 12.4865 4.18533ZM5.37187 30.0499L-0.015625 28.4541V25.7166L5.37396 24.1437L6.96562 18.7708H9.70521L11.274 24.1458L16.651 25.7166V28.4541L11.276 30.0478L9.70312 35.4374H6.96354L5.36771 30.0499H5.37187ZM2.71562 27.0895L7.04896 28.3728L8.33229 32.7083L9.59896 28.3708L13.926 27.0895L9.59479 25.827L8.33229 21.4999L7.05104 25.8249L2.71562 27.0895ZM14.5698 47.2645C10.0948 48.4645 6.32396 48.1249 4.12396 45.9249C2.74896 44.5499 2.10104 42.5624 2.10104 40.1708C2.10104 38.8437 2.35312 37.3666 2.73854 35.8291L2.01979 33.402L1.24479 33.1728C-0.748958 39.1395 -0.432292 44.3166 2.64896 47.3978C5.33021 50.077 9.59479 50.6687 14.5844 49.4666C19.7552 48.2166 25.699 45.0124 31.476 40.2312L29.8323 38.8624C24.6281 43.0728 19.2219 46.0145 14.5698 47.2645Z' fill='white'/></svg>");
}

.benefits_item:nth-child(6)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'><path d='M16.9969 15.425C19.5719 17.5729 22.2386 19.7938 25.7115 19.7938C30.174 19.7938 33.9032 16.6917 35.0344 12.5021C36.8907 13.6146 38.6303 15.3125 40.2074 17.8979L41.9865 16.8125C39.9969 13.55 37.7511 11.5458 35.3782 10.3042C35.3844 10.1646 35.4178 10.0354 35.4178 9.89583C35.4178 4.43958 31.0636 0 25.7115 0C14.0719 0.00208333 8.90735 9.60625 8.69277 10.0167L7.89485 11.5417H9.61568C12.3344 11.5417 14.599 13.4271 16.9969 15.425ZM25.7115 2.08542C29.7511 2.08542 33.0344 5.33333 33.2865 9.41042C30.5823 8.48542 27.7657 8.33542 25.0011 8.33542V10.4188C27.8136 10.4188 30.5678 10.5625 33.1469 11.5771C32.3948 15.0792 29.3511 17.7104 25.7115 17.7104C22.9928 17.7104 20.7282 15.8229 18.3303 13.825C16.2115 12.0583 14.0344 10.2438 11.3949 9.65417C13.1824 7.17292 17.8115 2.08542 25.7115 2.08542ZM46.3657 23.5896L45.4303 22.1604L44.5886 23.6479C43.1844 26.1313 40.6053 27.5833 37.874 29.1208C35.0136 30.7313 32.0574 32.3958 30.3657 35.3854C29.729 36.5039 29.3218 37.7382 29.168 39.016C29.0142 40.2938 29.1168 41.5894 29.4699 42.8271C29.7803 43.925 30.3011 44.9208 30.9448 45.825C29.0452 46.5357 27.0314 46.8923 25.0032 46.8771V48.9604C27.8949 48.9604 30.3678 48.4188 32.449 47.5188C32.9803 47.9833 33.5532 48.4042 34.1865 48.7542C35.6613 49.5708 37.3195 49.9988 39.0053 49.9979C42.4844 49.9979 45.8678 48.1875 47.6844 44.9771C53.5011 34.6917 46.6615 24.0375 46.3657 23.5896ZM45.8699 43.9521C43.7574 47.6813 38.9699 49.0146 35.1949 46.9313C34.9386 46.7896 34.7178 46.6063 34.4803 46.4417C37.5063 44.5558 39.7488 41.6399 40.7948 38.2313L38.8011 37.6292C37.8334 40.7451 35.7025 43.3684 32.8511 44.9542C32.2182 44.1563 31.7501 43.2407 31.474 42.2604C31.1961 41.2874 31.1155 40.2687 31.2368 39.2641C31.358 38.2596 31.6788 37.2893 32.1803 36.4104C33.5844 33.9271 36.1657 32.4729 38.8969 30.9375C41.2532 29.6104 43.6761 28.2458 45.4011 26.1333C46.9428 29.2042 49.9074 36.8188 45.8719 43.9542L45.8699 43.9521ZM18.5865 43.9813C18.5636 42.3521 18.8803 40.6688 19.1824 39.0396C19.7449 36.0271 20.324 32.9125 18.9199 29.8188C18.3795 28.6132 17.6038 27.5279 16.6382 26.6263C15.6726 25.7247 14.5366 25.0252 13.2969 24.5688C11.838 24.0424 10.2746 23.8717 8.73652 24.0708C9.16777 22.2396 9.92402 20.6 10.8844 19.4833L9.30527 18.1271C7.8761 19.7917 6.89277 22.1208 6.48443 24.6229C6.23443 24.7167 5.97818 24.7729 5.73443 24.8875C0.769852 27.2063 -1.41348 33.1896 0.871935 38.2229C5.8636 49.2208 18.1782 49.6917 18.7011 49.7063L20.4407 49.7542L19.6615 48.1979C18.9877 46.8914 18.6201 45.4488 18.5865 43.9792V43.9813ZM17.1344 38.6583C16.8136 40.3854 16.4803 42.1729 16.5032 44.0083C16.5178 45.1604 16.7178 46.3083 17.0928 47.4375C13.7344 46.9083 6.1886 44.8917 2.76777 37.3625C1.00943 33.4875 2.59485 28.9333 6.2761 26.9792C6.22193 30.3917 7.25943 33.8438 9.69902 36.1708L11.1344 34.6625C8.86985 32.5021 8.15318 29.2604 8.4011 26.2042C8.89277 26.1063 9.39069 26.0396 9.89069 26.0396C11.3994 26.0463 12.8743 26.4874 14.1389 27.3102C15.4035 28.133 16.4044 29.3026 17.0219 30.6792C18.1553 33.175 17.6574 35.8375 17.1323 38.6583H17.1344Z' fill='white'/></svg>");
}

.benefits_title {
  margin: 25px 0 15px 0;
  font-weight: 600;
  line-height: 26px;
}

.benefits_description {
  font-size: 15px;
  line-height: 17px;
}

.slick-prev::after,
.slick-next::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("../icons/arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  border-radius: 50%;
}

.slick-next::after {
  transform: scaleX(-1);
}

.clients_slide-icon {
    width: 30px !important;
    height: 30px !important;
}

.clients_slide-contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; 
}

.clients_slide img {
  position: relative;
  max-width: 370px;
  width: 100%;
  height: 400px;
  border-radius: 10px;
  object-fit: cover;
}

.clients_slide-info {
  position: absolute;
  font-size: 16px;
  max-width: 340px;
  width: 100%;
  text-align: center;
  z-index: 1;
  color: #fff;
  padding: 20px 25px;
  bottom: 15px;
  border-radius: 10px;
  background: rgba(43, 43, 55, 0.3);
  backdrop-filter: blur(20px);
}
.clients_slide-items {
  position: absolute;
  max-width: 340px;
  width: 100%;
  text-align: center;
  z-index: 1;
  color: #fff;
  padding: 20px 25px;
  bottom: 15px;
  border-radius: 10px;
  background: rgba(43, 43, 55, 0.3);
  backdrop-filter: blur(20px);
}

.clients_slide a {
    color: #fff;
    transition: 0.5s color;
}

.clients_slide a:hover {
    color: var(--primary);
}

.clients_slide-name {
  font-weight: 600;
  font-size: 16px;
}
.clients_slide-experience {
  margin-top: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.clients_text {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.peculiarities_step-connector:last-child,
.peculiarities_step-connector:last-of-type {
    display: none;
}

.peculiarities_description {
  margin-top: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.peculiarities_progress-container {
  margin: 0 auto;
  width: calc(100% - 15%);
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}

.peculiarities_step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}

.peculiarities_cards {
  justify-content: center;
  width: calc(100% - 60px);
  margin-top: 20px;
  height: 315px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.peculiarities_card {
  width: 100%;
  min-width: 284px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  justify-content: space-between;
}

.peculiarities_card span {
  font-size: 18px;
  font-weight: 600;
}

.peculiarities_card-text {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  max-width: 500px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.peculiarities_card-img {
  max-width: 500px;
  min-width: 282px;
  width: 100%;
  border-radius: 10px;
  height: 250px;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.peculiarities_card.active .peculiarities_card-img {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.peculiarities_card.active .peculiarities_card-text {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.peculiarities_step-circle {
  cursor: pointer;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: white;
  border: 1px solid #eaeef3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 500;
  color: #7e8794;
  font-family: "Inter", sans-serif;
  position: relative;
  z-index: 2;
}

.peculiarities_step-circle.active {
  background: #6ba453;
  color: white;
  border: none;
}

.peculiarities_step-connector.active {
  background: repeating-linear-gradient(to right, #6ba453 0, #6ba453 5px, transparent 5px, transparent 10px);
}

.peculiarities_step-connector {
  flex: 1;
  min-width: 20px;
  height: 3px;
  background: repeating-linear-gradient(to right, #eaeef3 0, #eaeef3 5px, transparent 5px, transparent 10px);
  position: relative;
  margin-top: 32px;
  align-self: stretch;
}

.peculiarities_step-connector::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #f7f7fa;
  border-radius: 50%;
  border: 3px solid #6ba453;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.peculiarities_step-description {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.examples_items {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  font-size: 16px;
  font-weight: 400;
}

.examples_item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.examples_item img {
  width: 24px;
  height: 24px;
}

.examples_item::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_24319_11360)'%3E%3Cpath d='M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z' fill='%236BA453'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24319_11360'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.examples_item::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 7.41L10 6l6 6l-6 6l-1.41-1.41L13.17 12L8.59 7.41z' fill='%236BA453'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

#examples_twenty img {
  height: 659px;
  object-fit: cover;
}
.twentytwenty-container {
  position: relative;
}

.systems_buttons {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.systems_button {
  color: #fff;
  padding: 0 30px;
  height: 50px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%; /* 21px */
  text-transform: uppercase;
  border-radius: 500px;
}
.systems_button-secondary {
  color: #a1abb9;
  background-color: #f7f7fa;
  transition: 0.3s all;
}
.systems_button-secondary:hover {
  color: #a1abb9;
  background-color: #e3e3e4;
  transition: 0.3s all;
}

.systems_items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(300px, 30%, 500px), 1fr));
  gap: 20px;
}

.systems_card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 30px;
  max-width: 500px;
  width: 100%;
  border-radius: 10px;
  background: #f7f7fa;
}
.systems_card-title {
  position: absolute;
  text-align: center;
  color: #fff;
  margin: 0 30px;
  padding: 15px 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  border-radius: 10px;
  background-color: var(--primary);
}

.systems_items .systems_card:nth-of-type(2n) .systems_card-title {
  background-color: #F04438;
}

.systems_items .systems_card:nth-of-type(3n) .systems_card-title {
  background-color: #FDB64E;
}

.systems_card img {
  height: 402px;
  object-fit: contain;
}

.systems_progress {
  width: 100%;
  display: flex;
  gap:20px;
}
.systems_progress-item {
    width: calc(33.333% - 13.333px);
}
.systems_progress-title{
    font-weight: 500;
    font-size: 13px;
    line-height: 130%;
    text-align: center;
    color: #7E8794;
}
.systems_progress-bar {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    color: #6BA453;
    position: relative;
}
.systems_progress-bar svg{
     height: 110px;
    width: 110px;
    top: 0;
    transform: translateX(50%) rotate(-90deg);
    right: 50%;
    position: absolute;
}
.ways_cards {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.ways_card {
  max-width: 760px;
  width: 100%;
  padding: 30px;
  position: relative;
  background: #f7f7fa;
  overflow: hidden;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ways_card-image {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  top: 0;
  right: 0;
  position: absolute;
}

.ways_card-title {
  width: 75%;
  font-size: 24px;
  font-weight: 600;
  line-height: 31.2px;
}

.ways_card-description {
  max-width: 400px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.ways_card-description p {
  margin-top: 10px;
}

.form {
  margin-top: 100px;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  border-radius: 10px;
}
.form img {
  position: absolute;
  top: -17px;
  right: 21px;
  max-width: 40%;
  width: 100%;
}

.form_items {
  max-width: 60%;
  padding: 60px 30px 60px 60px;
}
.form_title {
  font-size: 40px;
  font-weight: 600;
  line-height: 130%;
}
.form_title span {
  color: var(--primary);
  font-weight: 700;
  text-transform: uppercase;
}
.form_item {
  margin-top: 60px;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}
.form_subtitle {
  font-size: 26px;
  font-weight: 600;
  line-height: 130%;
}
.form_description {
  margin: 15px 0 30px 0;
}

.form_inputs {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
}

.form_inputs input {
  max-width: 350px;
  width: 100%;
  height: 60px;
  padding: 10px 50px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(36, 34, 109, 0.02);

  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.form_inputs input::placeholder {
  color: #c3cad4;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.form_ok input {
  display: none;
}

.form_ok {
  font-size: 14px;
  font-weight: 400;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  display: block;
}

.form_ok input:checked + span {
  background-image: url("../icons/checked.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: var(--primary);
}

.form_ok span {
  border: 1px var(--primary) solid;
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
}

.form_ok a {
  color: #263141;
  text-decoration: underline;
}

.form_text {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 400;
}


.portfolio_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio img {
  border-radius: 10px;
  object-fit: cover;
}

.portfolio_item {
  display: grid;
  grid-template-columns: 370px 1fr 370px;
  gap: 20px;
  width: 100%;
}

.portfolio_item img {
  width: 100%;
  height: 100%;
  height: 300px;
}
.portfolio_items {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  max-height: 620px;
  height: auto;
}
.portfolio_first-item {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  height: fit-content;
}
.portfolio_first-item img {
  width: 100%;
  height: 300px;
}
.portfolio_second-item {
  max-width: 760px;
  width: 100%;
}
.portfolio_second-item img {
  height: 620px;
}

.variants_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.variants_items img {
  border-radius: 10px;
  height: 400px;
  max-width: 500px;
  width: 100%;
  object-fit: cover;
}
.variants_variant {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.variants_variant p {
  position: absolute;
  font-size: 16px;
  max-width: 470px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  z-index: 1;
  color: #fff;
  padding: 20px 25px;
  bottom: 15px;
  border-radius: 10px;
  background: rgba(43, 43, 55, 0.3);
  backdrop-filter: blur(20px);
}

.reviews_titles {
  display: flex;
  justify-content: space-between;
}
.reviews_titles h2 {
  font-size: 44px;
  font-weight: 600;
  line-height: 130%;
}

.reviews img {
  border-radius: 10px;
}
.reviews_images {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.reviews_items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.reviews_image {
    max-width: 441px;
    width: 100%;
    max-height: 328px;
    height: auto;
}

.reviews_item {
    max-width: 902px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.reviews_reviews {
    max-width: 578px;
    width: 100%;
}

.consult {
    background-size: cover;
}
.consult_items {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.consult_info {
    margin-top: 120px;
    margin-bottom: 119px;
}
.consult_texts {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 587px;
    width: 100%;
    padding: 40px 120px 40px 40px;
    margin-top: 130px;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%;
}

.consult_texts,
.consult_form {
    border-radius: 20px;
    background: #fff;
}

.consult_form {
    position: absolute;
    z-index: 1;
    max-width: 600px;
    width: 100%;
    right: 0;
    margin-top: 120px;
    padding: 40px;
    max-height: 657px;
    height: auto;
}
.consult_img {
    position: absolute;
    z-index: 1;
    left: 30%;
    width: 510px;
    height: 877px;
    object-fit: contain;
}
.consult h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}
.consult_first-text {
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px;
}
.consult_second-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
}

.consult_form-subtitle {
    margin: 15px 0 30px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.consult_form form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.consult_form form textarea {
    border: none;
    height: 150px;
}
.consult_form-inputs {
    display: flex;
    gap: 20px;
}
.input {
    height: 60px;
    width: 100%;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 10px;
    background: #f7f7fa;
    box-shadow: 0px 0px 20px 0px rgba(36, 34, 109, 0.02);
}
.input::placeholder {
    color: #c3cad4;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.consult_btn {
    height: 60px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.map_map {
    height: 682px;
}
.map_items {
    position: relative;
}
.map_item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px;
    top: 120px;
    right: 0;
    max-width: 500px;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.map_item h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
}

.map_contact {
    display: flex;
    gap: 20px;
    color: var(--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.map_contact img {
    width: 40px;
    height: 40px;
}
.map_contact button {
    background: none;
    border: none;
}
.map_contact span {
    cursor: pointer;
    margin-top: 10px;
    color: var(--primary);
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
}
.map_contact a:first-child {
    display: block;
    color: var(--font);
    font-size: 20px;
    font-weight: 600;
}
.map_contact-text {
    margin-top: 10px;
}
.map_line {
    width: 100%;
    height: 1px;
    background: #eaeef3;
}

.other img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.other_titles {
    display: flex;
    justify-content: space-between;
}
.other_titles h2 {
    font-size: 44px;
    font-weight: 600;
    line-height: 130%;
}
.other_items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.other_blog {
    max-width: 760px;
    width: 100%;
}
.other_news-container {
    max-width: 680px;
    width: 100%;
}
.other_news {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.other_news-news {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.other_news-items {
    display: flex;
    max-width: 325px;
    width: 100%;
    gap: 20px;
    flex-direction: column;
}
.other_news-items p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.other_blog-img {
    height: 329px;
}
.other_news-img {
    width: 320px;
    height: 250px;
}
.other_blog-items {
    margin: 30px 0;
}

.other_texts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.other_texts h3 {
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.other_texts p {
    margin-bottom: 30px;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
.other_texts a {
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}

.inner .footer {
    margin-top: 0;
}

.footer {
    margin-top: 100px;
    padding: 60px 0;
    background: #202126;
}

.footer a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.3s;
}

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

.footer_logo {
    max-width: 289px;
    width: 100%;
}

.footer_top {
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_top-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer_top-item p {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.2);
}

.footer_top-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.footer_top-menu li {
    width: calc(50% - 7.5px);
}

.footer_wrapper {
    border-top: 1px solid #ffffff33;
    border-bottom: 1px solid #ffffff33;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer_menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.footer_menu a {
    display: block;
    line-height: 130%;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer_menu li:last-child a {
    margin-bottom: 0;
}

.footer_contact {
    max-width: 290px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.footer_map span::before,
.footer_mail span::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.footer_map span::before {
    background-image: url("../icons/footer-map.png");
}
.footer_mail span::before {
    background-image: url("../icons/footer-mail.png");
}
.footer_info {
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.footer_bot {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.footer_bot-item {
    font-size: 14px;
    line-height: 130%;
    color: #fff;
}

.progress-circle {
    transform: rotate(-90deg);
}

.progress-background {
    fill: none;
    stroke: #D9D9D9;
    stroke-width: 10;
}

.progress-bar {
    fill: none;
    stroke: #6BA453;
    stroke-width: 10;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.3s ease;
}

@media (max-width: 1900px){
    .textsit {
      padding-top: 100px!important;  
    }
    .container {
        padding: 0 20px;
    }
    .map_item {
        right: 20px;
    }
    .button {
        padding: 0 15px;
    }
    .main_img-second {
        right: 0;
    }
    .main_texts-item:first-child {
        right: 400px;
    }
    .main_texts-item:nth-child(2){
        right: 480px;
    }
    .main_texts-item:nth-child(3){
        right: 20px;
    }
    .main_texts-item:last-child{
        right: 20px;
    }
}

@media (max-width: 1600px){
    .peculiarities_items {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
    }
    .peculiarities::-webkit-scrollbar {
        display: none;
    }
    
    .peculiarities_cards, .peculiarities_progress-container  {
        min-width: 1350px;
        width: auto; 
    }
}

@media (max-width: 1500px) {
    .consult_img {
        display: none;
    }
    .consult_form {
        position: static;
    }
}

@media (max-width: 1400px) {
    .systems_items {
        grid-template-columns: repeat(2, auto);
        justify-content: center;
    }
    .portfolio_items {
        gap: 0;
    }
    .portfolio_second-item img {
        display: none;
    }
    .calculator_img {
        max-width: 350px;
    }
    .option-img img {
        height: 250px;
    }
    .quiz-container {
        padding: 20px;
    }
    
    .reviews_items {
        gap: 20px;
    }
    .reviews_item {
        max-width: 700px;
    }
    .portfolio_items {
        flex-direction: column;
        max-height: max-content;
    }
    .portfolio_second-item {
        max-width: 100%;
        max-height: 500px;
        height: auto;
    }
  
    .main_img-second {
        top: 40%;
        right: 0;
        max-width: 450px;
    }
  
    .main_img {
        top: 30%;
        right: -5%;
        max-width: 450px;
    }
  
    .main_texts {
        display: none;
    }

    .info_img {
        padding-left: 0;
    }
    .ways_card-image {
        right: -20%;
    }
    .ways_card-title,
    .ways_card-description {
        max-width: 70%;
    }
    .form img {
        top: 15%;
    }
    .form_item {
        margin-top: 30px;
    }
}


@media (max-width: 1200px) {
    .consult {
        padding-bottom: 30px;
    }
    .consult_texts {
        margin-top: 30px;
        padding: 40px;
    }
    .consult h2 {
        font-size: 30px;
    }
    .reviews_items {
        flex-direction: column;
        gap: 50px;
    }
    .reviews_reviews {
        max-width: 578px;
    }
    .reviews_images {
        justify-content: flex-start;
    }
    .reviews_item {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .card_img {
        max-width: 300px;
    }
    main {
        margin-top: 80px;
    }
    .about_items,
    .benefits_items {
        grid-template-columns: repeat(2, 1fr);
    }
    .benefits_item {
        max-width: 350px;
    }
    .services_item-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .services_item {
        gap: 20px;
    }
    .services_item-image {
        object-fit: contain;
    }
    .services_item-title, .services_item-list {
        max-width: 300px;
        width: 100%;
    }
    .info_img {
        max-width: 250px;
    }
    .portfolio_second-item img {
        height: 300px;
    }
    .company_texts {
        max-width: 100%;
    }
    .company_item img {
        max-width: 300px;
        max-height: 200px;
    }
    .company_second-img {
        display: none;
    }
    .calculator_img {
        max-width: 300px;
    }
    .calculator_img-items {
        font-size: 11px;
        max-width: 200px;
        width: 100%;
        padding: 15px;
    }
    .option-img img {
        height: 200px;
    }
    
    .calculator_img-items span, .calculator_img-contact {
        font-size: 15px;
    }
    
    .quiz-buttons {
        align-items: flex-end;
        flex-direction: column-reverse;
     }
    .input {
        padding: 15px;
    }
    .quiz-content h3 {
        margin-top: 20px;
        font-size: 15px;
    }
   .quiz-form-container, .quiz-step, .quiz-step.active {
        gap: 20px;
    }
 
    .next-btn, .back-btn, .submit-btn {
        gap: 5px;
        height: 40px;
        font-size: 11px;
    }
    .main_img-second {
        top: 20%;
    }
    .footer_map span::before,
    .footer_mail span::before,
    .footer_info-contacts img {
        width: 30px;
        height: 30px;
    }
    .footer_info p {
        display: none;
    }
    .footer_top {
        flex-wrap: wrap;
        gap: 20px;
    }
    .other_blog,
    .other_news-container {
        max-width: 100%;
    }
    .other_blog-container {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .other_blog-items {
        width: 325px;
    }
    .other_blog-items p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .other_news-news {
        justify-content: flex-start;
    }

    .other_blog-img {
        max-width: 320px;
        width: 100%;
        height: 250px;
    }
    .other_items {
        flex-direction: column;
    }
    .consult_info {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .consult_img {
        display: block;
        left: auto;
        right: 0;
        top: 30px;
        max-width: 450px;
        width: 100%;
    }
    .consult_form {
        margin-top: 0;
        max-width: 100%;
    }
    .consult h2 br {
        display: none;
    }
    .consult_items {
        flex-direction: column;
    }
    .portfolio_first-item img {
        height: 200px;
    }
    .portfolio_second-item {
        max-height: 250px;
    }

    .content {
        padding-top: 50px;
    }
    .burger {
        display: block;
    }

    .nav,
    .header_item p,
    .header_review {
        display: none;
    }
    .main {
        padding: 30px 0;
    }
    .main_img {
        top: 10%;
        right: -10%;
        max-width: 400px;
    }
    .main_info {
        max-width: 600px;
        gap: 20px;
    }
    .main_titles h1,
    .info_item h2,
    .title,
    .form_title,
    .other_titles h2,
    .second_title {
        font-size: 30px;
    }
    .info_item p {
        margin: 20px 0;
        font-size: 16px;
    }
    .info_benefit::before {
        width: 40px;
        height: 40px;
    }

    .ways_cards {
        flex-direction: column;
    }
    .ways_card {
        max-width: 100%;
    }
    .ways_card-image {
        right: 0;
    }
    .ways_card-title,
    .ways_card-description {
        max-width: 70%;
    }

    .portfolio_item {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .portfolio_item img {
        height: 200px;
    }
    .form_inputs input {
        max-width: 100%;
        padding: 10px 20px;
        height: 40px;
    }
    .form_btn {
        height: 40px;
        font-size: 11px;
    }
    .variants_items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .variants_items p {
        max-width: 100%;
        border-radius: 0;
    }
    .variants_items img {
        height: 300px;
    }
}

@media (max-width: 900px) {
    .burger {
        width: 30px;
    }
    .burger span:nth-child(1) {
        transform: translateY(-3px);
    }
    .burger span:nth-child(3) {
        transform: translateY(3px);
    }
    .systems_items {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }
    .form_btn {
        width: 200px;
    }
    .container {
        padding: 0 10px;
    } 
    .calculator_items {
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }
    .consult_form-inputs {
        flex-direction: column;
    }
    .main_img-second {
        display: none;
    }
    .consult_img {
        max-width: 300px;
    }
}
@media (max-width: 768px) {
    .peculiarities_card.active .peculiarities_card-img {
        display: none;
    }

    .peculiarities_card.active .peculiarities_card-text {
        display: block;
    }
    .map_items {
        display: none;
    }
    .about_items {
        grid-template-columns: repeat(1, 1fr);
    }
    .twentytwenty-container {
        height: 400px !important;
    }
    .other_news-news,
    .other_blog-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .reviews img {
        height: auto;
    }
    .popup_content {
        padding: 20px;
    }
    .popup_form {
        margin: 15px 0;
        gap: 15px;
    }
    .popup_form input {
        padding: 10px 15px;
        font-size: 11px;
    }
    .popup_ok {
        font-size: 11px;
    }
    .popup_btn {
        font-size: 11px;
        height: 30px;
    }
    .popup_close img {
        top: -10px;
        right: -10px;
        width: 32px;
        height: 32px;
    }
    .services_item-image {
        display: none;
    }
    
    .map_items {
        margin: 0 10px;
    }
    
    .company_item {
        flex-direction: column;
    }
    .company_item img {
        max-width: 100%;
        max-height: 400px;
    }
    .about_titles img {
        display: none;
    }
    .about_titles p {
        text-align: center;
    }
    .about_card h3, .popup_title, .error_text {
        font-size: 15px;
    }
    .about_card h3::before {
        width: 40px;
        height: 40px;
    }
    .about_card {
        gap: 15px;
    }
    .peculiarities_progress-container {
        margin: 0 125px;
    }
    .card_img img {
        max-height: 150px;
    }
    .info_img {
        display: none;
    }
    .content {
        padding-top: 30px;
    }
    .benefits-second_items {
        justify-content: center;
    }
    .other_blog-items {
        margin: 0;
    }
    .footer_logo {
        max-width: 100%;
    }
    .footer_logo img {
        height: 100%;
    }
    .footer {
        margin-top: 30px;
        padding: 30px 0;
    }
    .footer_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding-bottom: 20px;
    }
    .footer_top-item {
        align-items: flex-start;
    }
    .footer_menu,
    .footer_bot {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .footer_menu a {
        margin-bottom: 0;
    }
    .footer_wrapper {
        flex-direction: column-reverse;
    }
    .other_blog-img,
    .other_news-img {
        max-width: 200px;
        width: 100%;
        height: 150px;
    }
    .map_map {
        height: 500px;
    }
    .consult_texts,
    .consult_form,
    .map_item {
        padding: 20px;
    }
    .consult_btn,
    .input {
        height: 40px;
        font-size: 11px;
    }

    .consult_img {
        display: none;
    }
    .portfolio_first-item {
        display: grid;
    }
    .portfolio_second-item {
        max-height: 200px;
    }

    .portfolio_first-item img {
        height: 150px;
    }
    .items_container {
        margin-top: 30px;
    }
  
    .header_tel {
        gap: 5px;
    }
    .header_btn,
    .main_btn,
    .nav_item a,
    .info_item,
    .consult_texts,
    .consult_first-text,
    .input::placeholder,
    .texts p,
    .crumb, .ways_card-description, .about_titles p,
    .about_card ul li, .about_card ol li,
    .faq-answer,
    .company_texts {
        font-size: 11px;
    }
    .header_tel,
    .header_btn {
        display: none;
    }
    .benefits_title,
    .map_item h2 {
        font-size: 17px;
    }
    .main_img {
        display: none;
    }
    .main_titles p,
    .main_info,
    .info_item p,
    .services_item-list li,
    .services_item a,
    .benefits_description,
    .form_inputs input,
    .form_inputs input::placeholder,
    .clients_text,
    .consult_second-text,
    .map_contact,
    .map_contact p:first-child,
    .map_contact span,
    .map_links p,
    .other_texts p,
    .other_texts a,
    .other_btn,
    .footer ul li a,
    .footer_item p,
    .footer_bot div,
    .footer_bot a {
        font-size: 11px;
    }
    .main_titles h1,
    .info_item h2,
    .title,
    .form_title,
    .form_subtitle,
    .reviews_titles h2,
    .consult h2,
    .other_titles h2,
    .second_title, 
    .ways_card-title, 
    .other_texts h3 {
        font-size: 20px;
    }
    .main_btn {
        margin-top: 10px;
        height: 45px;
    }
    .info_benefits,
    .map_item {
        gap: 10px;
    }

    .info_benefit::before,
    .map_contact img,
    .map_links-contacts a img {
        width: 30px;
        height: 30px;
    }
    .info_benefit {
        gap: 10px;
        font-size: 11px;
    }
    .info_img {
        max-width: 250px;
    }

    .services_item-title,
    .faq-question {
        font-size: 15px;
    }
    .images_item {
        max-width: 250px;
    }
    .benefits_item::before {
        width: 50px;
        height: 50px;
        background-size: 50%;
    }
    .benefits_title {
        margin: 10px 0;
    }
    .benefits_item {
        height: auto;
    }
  
    .examples_items {
        font-size: 11px;
        gap: 10px;
    }
    .examples_item {
        gap: 10px;
    }
    .ways_card-image {
        display: none;
    }
    .ways_card-title,
    .ways_card-description {
        max-width: 100%;
    }
    .form img {
        display: none;
    }
    .form_items {
        padding: 30px;
        max-width: 100%;
    }
    .form_inputs input {
        max-width: 30%;
    }
}

@media (max-width: 550px) {
    .card {
        flex-direction: column;
        gap: 20px;
    }
    .benefits_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .systems_progress-title {
        font-size: 11px;
    }
    
    .systems_progress-bar svg {
        width: 70px;
    }
    
    .systems_progress-bar {
        font-size:15px; 
    }
    
    .systems_card-title {
        font-size: 11px;
        padding: 15px 15px;
        margin: auto;
    }
    .systems_card {
        padding: 20px;
    }
    
    .systems_card img {
        height: 300px;
    }
    
    .portfolio_item {
        display: flex;
        flex-direction: column;
    }
    .company_item img {
        max-height: 200px;
    }
    .clients_slide-items {
        max-width: 250px;
    }
    .quiz-buttons label {
        margin-left: -50px;
    }
    .options {
        align-items: center;
    }
    .options, .card {
        flex-direction: column;   
    }
    
    .footer_bot {
        display: flex;
        flex-direction: column;
    }
    .variants_items {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .variants_items p {
        padding: 15px;
        max-width: 80%;
        border-radius: 10px;
    }
    .variants_items img {
        height: 200px;
    }
    .header_tel {
        display: none;
    }
    .services_items {
        display: flex;
        flex-direction: column;
    }
    .slick-prev::after,
    .slick-next::after {
        width: 40px;
        height: 40px;
    }
    .clients_slide img {
        max-width: 300px;
        height: 300px;
    }
    .clients_slide p {
        max-width: 250px;
        font-size: 11px;
    }
    #examples_twenty img {
        height: 400px;
    }
    .form_inputs {
        flex-direction: column;
    }
    .form_inputs input {
        max-width: 100%;
    }
    .portfolio_item img {
        height: 150px;
    }
}
@media (max-width: 400px) {
    .other_blog-img,
    .other_news-img {
        max-width: 100%;
        width: 100%;
        height: 200px;
    }
    .form {
        margin-top: 30px;
    }
    .portfolio_items {
        margin-top: 5px;
    }
    .portfolio_items, .portfolio_item, .portfolio_first-item {
        gap: 5px;
    }
    .header_items {
        gap: 10px;
    }
    .systems_buttons {
        flex-wrap: wrap;
    }
    
    .header_contacts svg {
        width: 30px;
        height: 30px;
    }
    .header_contacts img {
        width: 30px;
        height: 30px;
    }
    
    .aside {
        width: 250px;
    }
    .main_benefits {
        gap: 10px;
    }
    .main_buttons {
        flex-direction: column;
        gap: 20px;
    }
}

.faq-answer ul {
    list-style-type: disc;
    margin: 20px;
}
.textsit ul {
    list-style-type: disc;
    margin: 20px;
}

.listinig ul {
    list-style-type: disc;
    margin: 20px;
}

.listinig ul li {
    padding-top: 10px;
}

.services_item-list ul {
    list-style-type: none;
}