* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: 0.5s ease;
}

.fancybox__container * {
  transition: none !important;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Geometria";
  src: url(./src/fonts/Geometria-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geometria";
  src: url(./src/fonts/Geometria.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geometria";
  src: url(./src/fonts/Geometria-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geometria";
  src: url(./src/fonts/Geometria-Bold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geometria";
  src: url(./src/fonts/Geometria-ExtraBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.content {
  max-width: 1472px;
  padding: 0 16px;
  margin: 0 auto;
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Geometria", sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

.ripple {
  overflow: hidden;
  position: relative;
}
.ripple:hover::before {
  content: "";
  transform: scale(20);
  transition: 1s ease;
  bottom: -10px;
}
.ripple::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #A3CE10;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}

.green-btn {
  position: relative;
  border-radius: 5px;
  background: var(--Color-A3CE10, #A3CE10);
  display: flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border: none;
  cursor: pointer;
  overflow: hidden;
}
.green-btn.full-width {
  width: 100%;
}
.green-btn.full-width::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}
.green-btn.full-width:hover::before {
  content: "";
  transform: scale(80);
  transition: 1.5s ease;
  bottom: -10px;
}
.green-btn.full-width:hover span {
  color: #333;
}
.green-btn span {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
  font-family: "Geometria", sans-serif;
}
.green-btn:hover::before {
  content: "";
  transform: scale(20);
  transition: 1s ease;
  bottom: -10px;
}
.green-btn:hover span {
  color: #333;
}
.green-btn:hover span svg path {
  fill: #333;
}
.green-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}

.black-btn {
  position: relative;
  border-radius: 5px;
  background: #333;
  display: flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border: none;
  cursor: pointer;
  overflow: hidden;
}
.black-btn.full-width {
  width: 100%;
}
.black-btn.full-width::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}
.black-btn.full-width:hover::before {
  content: "";
  transform: scale(80);
  transition: 1.5s ease;
  bottom: -10px;
}
.black-btn.full-width:hover span {
  color: #333;
}
.black-btn span {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
  font-family: "Geometria", sans-serif;
}
.black-btn:hover::before {
  content: "";
  transform: scale(20);
  transition: 1s ease;
  bottom: -10px;
}
.black-btn:hover span {
  color: #333;
}
.black-btn:hover span svg path {
  fill: #333;
}
.black-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 0;
  transition: 1s ease;
}



.hero-swiper-block {
  height: 730px;
  width: 100%;
  position: relative;
}
.hero-swiper-block .hero-swiper {
  width: 100%;
  height: 100%;
}
.hero-swiper-block .hero-swiper .swiper-slide {
  position: relative;
}
.hero-swiper-block .hero-swiper .swiper-slide .slide-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.hero-swiper-block .hero-swiper .swiper-slide .slide-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-swiper-block .static-content {
  position: absolute;
  display: flex;
  height: fit-content;
  z-index: 10;
  top: 30%;
  right: 10%;
}
@media (max-width: 768px) {
  .hero-swiper-block .static-content{
    right: 0;
    top: 35%;
  }
}
.hero-swiper-block .static-content .slide-info-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 88px;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 58px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .hero-swiper-block .static-content .slide-info-container {
    gap: 50px;
    /*padding-bottom: 200px;*/
    align-items: center;
    justify-content: flex-end;
    margin-top: 0;
  }
}
@media (max-width: 1380px) {
  .hero-swiper-block .static-content .slide-info-container{
    gap: 40px;
  }
}
.hero-swiper-block .static-content .slide-info-container .adm {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 30px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.hero-swiper-block .static-content .slide-info-container .adm:hover {
  border-radius: 5px;
  background: #4D4D4D;
}
.hero-swiper-block .static-content .slide-info-container .adm p {
  width: 146px;
  color: var(--Color-FFFFFF, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hero-swiper-block .static-content .slide-info-container .adm span {
  color: var(--Color-FFFFFF, #FFF);
  text-align: center;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 768px) {
  .hero-swiper-block .static-content .slide-info-container .adm span {
    font-size: 21px;
  }
}
.hero-swiper-block .static-content .slide-info-container h2 {
  color: var(--Color-FFFFFF, #FFF);
  text-align: right;
  font-size: 89px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 100px */
}
@media (max-width: 768px) {
  .hero-swiper-block .static-content .slide-info-container h2 {
    font-size: 55px;
  }
}
.hero-swiper-block .static-content .slide-info-container .subtitle {
  width: 475px;
  color: var(--Color-FFFFFF, #FFF);
  text-align: right;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 30px */
}
@media (max-width: 768px) {
  .hero-swiper-block .static-content .slide-info-container .subtitle {
    font-size: 21px;
    text-align: center;
    width: unset;
  }
}
.hero-swiper-block .content-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 58px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 7;
}
.hero-swiper-block .content-container .controls {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .hero-swiper-block .content-container .controls {
    justify-content: center;
  }
}
.hero-swiper-block .content-container .controls .hero-swiper-pagination {
  display: flex;
  gap: 20px;
  width: fit-content;
  align-items: center;
}
.hero-swiper-block .content-container .controls .hero-swiper-pagination .swiper-pagination-bullet {
  background: unset;
  margin: 0;
  display: flex;
  width: 30px;
  height: 30px;
  padding: 8px 4px 7px 3px;
  justify-content: center;
  align-items: center;
  color: var(--Color-FFFFFF, #FFF);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 1;
}
.hero-swiper-block .content-container .controls .hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #A3CE10;
  transform: scale(1.3);
}
.hero-swiper-block .content-container .controls .hero-swiper-pagination .swiper-pagination-bullet:hover {
  transform: scale(1.3);
}
.hero-swiper-block .content-container .controls .hero-swiper-button-prev, .hero-swiper-block .content-container .controls .hero-swiper-button-next {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.hero-swiper-block .content-container .controls .hero-swiper-button-prev:hover, .hero-swiper-block .content-container .controls .hero-swiper-button-next:hover {
  transform: scale(1.2);
}


.timing {
  border-radius: 0 0 5px 5px;
  background: #333;
  padding: 50px 0;
}
.timing .content {
  display: flex;
  gap: 50px;
}
@media (max-width: 1250px) {
  .timing .content {
    flex-direction: column;
  }
}
.timing .content .line {
  min-height: 127px;
  height: 100%;
  width: 1px;
  background: #4D4D4D;
  flex-shrink: 0;
}
@media (max-width: 1250px) {
  .timing .content .line {
    display: none;
  }
}
.timing .content .col {
  max-width: 670px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1250px) {
  .timing .content .col {
    max-width: 100%;
  }
}
.timing .content .col .title {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
}
.timing .content .col .days {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .timing .content .col .days {
    flex-wrap: wrap;
  }
}
.timing .content .col .days .day-col {
  display: flex;
  flex-direction: column;
}
.timing .content .col .days .day-col p {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.timing .content .col .days .day-col span {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.timing .content .col .days .col {
  display: flex;
  gap: 0px;
  flex-direction: column;
}
.timing .content .col .days .col p {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.timing .content .col .days .col span {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}

.chapter {
  padding-top: 70px;
}
@media (max-width: 768px) {
  .chapter {
    padding-top: 50px;
  }
}
.chapter .content .chapter-name {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}

.goal {
  padding: 70px 0px;
  background-image: url("./src/images/goal.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (max-width: 1024px) {
  .goal {
    padding: 50px 0px;
    background-image: none;
  }
}
.goal .content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .goal .content {
    gap: 50px;
  }
}
.goal .content h2 {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
  max-width: 940px;
  width: 100%;
}
@media (max-width: 1450px) {
  .goal .content h2 {
    max-width: 640px;
  }
}
@media (max-width: 1024px) {
  .goal .content h2 {
    font-size: 34px;
    max-width: 100%;
  }
}
@media (max-width: 450px) {
  .goal .content h2 {
    font-size: 21px;
  }
}
.goal .content p {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  max-width: 940px;
  width: 100%;
}
@media (max-width: 1450px) {
  .goal .content p {
    max-width: 640px;
  }
}
@media (max-width: 1024px) {
  .goal .content p {
    font-size: 16px;
    max-width: 100%;
  }
}

.products {
  padding: 0  0 70px 0;
}
@media (max-width: 1024px) {
  .products {
    padding: 0 0 50px 0;
  }
}
.products.bordered {
  border-bottom: 1px solid #E6E6E6;
}
.products .content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .products .content {
    gap: 50px;
  }
}
.products .content h2 {
  color: #333;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .products .content h2 {
    font-size: 34px;
  }
}
.products .content h3 {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
.products .content .products-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.products .content .products-list .product-card {
  width: calc((100% - 90px) / 4);
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: #E6E6E6;
  height: 650px;
  position: relative;
}
@media (max-width: 1250px) {
  .products .content .products-list .product-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 768px) {
  .products .content .products-list .product-card {
    width: 100%;
    height: 450px;
  }
}
.products .content .products-list .product-card:hover .img-container img {
  transform: scale(1.2);
}
.products .content .products-list .product-card:hover .product-info .icon {
  opacity: 1;
  width: 24px;
  height: 24px;
  margin-top: 30px;
}
.products .content .products-list .product-card .img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.products .content .products-list .product-card .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding-bottom: 120px;
}
.products .content .products-list .product-card .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: var(--Color-FFFFFF, #FFF);
  padding: 30px;
  width: 100%;
}
.products .content .products-list .product-card .product-info .title {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 25px */
  margin-bottom: 30px;
}
.products .content .products-list .product-card .product-info .price {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
}
.products .content .products-list .product-card .product-info .icon {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.news {
  padding: 70px 0px;
}
@media (max-width: 1024px) {
  .news {
    padding: 50px 0px;
  }
}
.news .content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .news .content {
    gap: 50px;
  }
}
.news .content h2 {
  color: #333;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .news .content h2 {
    font-size: 34px;
  }
}
.news .content .news-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.news .content .news-list .news-card {
  width: calc((100% - 90px) / 4);
  border-radius: 5px;
  height: 500px;
  position: relative;
}
@media (max-width: 1250px) {
  .news .content .news-list .news-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 768px) {
  .news .content .news-list .news-card {
    width: 100%;
    height: 350px;
  }
}
.news .content .news-list .news-card.no-image {
  overflow: hidden;
}
.news .content .news-list .news-card.no-image:hover:before {
  animation: changeCircle 1s ease forwards;
}
.news .content .news-list .news-card.no-image:hover .product-info .date {
  color: #fff;
}
.news .content .news-list .news-card.no-image:hover .product-info .icon {
  background: #FFFFFF;
  border-radius: 5px;
}
.news .content .news-list .news-card.no-image:not(:hover):before {
  animation: shrinkCircle 1s ease forwards;
}
.news .content .news-list .news-card.no-image:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  position: absolute;
  bottom: -155px;
  left: -155px;
  background: #A3CE10;
  transition: 1s ease forwards;
  z-index: 1;
}
.news .content .news-list .news-card.no-image .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 30px;
  width: 100%;
  z-index: 2;
}
.news .content .news-list .news-card:hover .img-container img {
  transform: scale(1.2);
}
.news .content .news-list .news-card:hover .product-info .icon {
  opacity: 1;
  width: 24px;
  height: 24px;
  margin-top: 30px;
}
.news .content .news-list .news-card .img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.news .content .news-list .news-card .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding-bottom: 120px;
}
.news .content .news-list .news-card .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: var(--Color-FFFFFF, #FFF);
  padding: 30px 30px 30px 0;
  width: 100%;
}
.news .content .news-list .news-card .product-info p {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* количество видимых строк */
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}
.news .content .news-list .news-card .product-info .date {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  margin-bottom: 20px;
}
.news .content .news-list .news-card .product-info .icon {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.important {
  padding: 70px 0;
  background: #F6F6F6;
}
@media (max-width: 1250px) {
  .important {
    padding: 50px 0;
  }
}
.important .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1250px) {
  .important .content {
    gap: 30px;
  }
}
.important .content .head-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.important .content .head-row p {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
.important .content .important-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 1250px) {
  .important .content .important-list {
    flex-direction: column;
    align-items: center;
  }
  .important .content .head-row p {
    font-size: 20px;
  }
}
.important .content .important-list .ad-block {
  display: flex;
  width: 250px;
  height: 400px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 5px;
  background: #1A7151;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .important .content .important-list .ad-block {
    width: 100%;
  }
}
.important .content .important-list .ad-block:hover .img-container {
  transform: translateY(-70px);
}
.important .content .important-list .ad-block:hover .ad-content .wrapper {
  height: 53px;
  margin-top: 30px;
}
.important .content .important-list .ad-block .img-container {
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
}
.important .content .important-list .ad-block .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.important .content .important-list .ad-block .ad-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: linear-gradient(0deg, rgb(26, 113, 81) 26%, rgba(255, 255, 255, 0) 100%);
}
.important .content .important-list .ad-block .ad-content p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 35px */
}
.important .content .important-list .ad-block .ad-content .wrapper {
  height: 0;
  overflow: hidden;
}
.important .content .important-list .ad-block .ad-content .ripple {
  display: flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  border: none;
}
.important .content .important-list .ad-block .ad-content .ripple span {
  color: rgb(50, 124, 31);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  position: relative;
  z-index: 1;
}
.important .content .important-list .video-block {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding: 10px;
}
@media (max-width: 1250px) {
  .important .content .important-list .video-block {
    width: 100%;
  }
}
.important .content .important-list .video-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #E6E6E6;
}

.goverment-sites {
  padding: 10px;
}
@media (max-width: 1250px) {
  .goverment-sites {
    padding: 30px 0;
  }
}
.goverment-sites.gray-bg {
  background: #F6F6F6;
}
.goverment-sites .content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1250px) {
  .goverment-sites .content {
    gap: 5px;
  }
}
.goverment-sites .content .title {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
@media (max-width: 1250px) {
  .goverment-sites .content .title {
    font-size: 20px;
  }
}
.goverment-sites .content .goverment-swiper {
  height: fit-content;
  width: 100%;
  overflow-x: unset;
}
.goverment-sites .content .goverment-swiper .swiper-slide {
  border-radius: 5px;
  background: #F6F6F6;
  overflow: hidden;
  height: fit-content;
}
.goverment-sites .content .goverment-swiper .swiper-slide a {
  height: 100%;
  width: 100%;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card {
  position: relative;
  padding: 10px;
  display: flex;
  height: 120px;
  align-items: center;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:hover:before {
  animation: changeCircle 1s ease forwards;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:hover .info h3 {
  color: #fff;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:hover .info span {
  color: #fff;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:hover .info p {
  color: #fff;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:not(:hover):before {
  animation: shrinkCircle 1s ease forwards;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  position: absolute;
  bottom: -155px;
  left: -155px;
  background: #A3CE10;
  transition: 1s ease forwards;
  z-index: 1;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card.president {

}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card.president .image {
  height: 100%;
  width: 60px;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card.president .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card.president .info {
  padding: 20px;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding-left: 20px;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info span {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  text-transform: uppercase;
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info p {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
}
.goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info h3 {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
}
@media (max-width: 768px) {
  .goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info p{
    font-size: 13px;
  }
  .goverment-sites .content .goverment-swiper .swiper-slide a .goverment-card .info h3{
    font-size: 10px;
  }
}
.goverment-sites .content .goverment-swiper-nav {
  display: flex;
  gap: 20px;
}
.goverment-sites .content .goverment-swiper-nav .goverment-next {
  cursor: pointer;
}
.goverment-sites .content .goverment-swiper-nav .goverment-next:hover {
  transform: scale(1.1);
}
.goverment-sites .content .goverment-swiper-nav .goverment-next:hover svg path {
  stroke: #A3CE10;
}
.goverment-sites .content .goverment-swiper-nav .goverment-prev {
  cursor: pointer;
}
.goverment-sites .content .goverment-swiper-nav .goverment-prev:hover {
  transform: scale(1.1);
}
.goverment-sites .content .goverment-swiper-nav .goverment-prev:hover svg path {
  stroke: #A3CE10;
}

.footer {
  padding: 20px 0;
  background: #333;
}
@media (max-width: 1250px) {
  .footer {
    padding: 20px 0;
  }
}
.footer .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer .content .row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1250px) {
  .footer .content .row {
    gap: 10px;
  }
}
@media (max-width: 1024px) {
  .footer .content .row {
    display: flex;
    flex-direction: column;
  }
}
.footer .content .column {
  max-width: 298px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .footer .content .column {
    max-width: 100%;
  }
}
.footer .content .column:first-child {
  max-width: 276px;
}
@media (max-width: 1024px) {
  .footer .content .column:first-child {
  	max-width: 100%;
  }
}
.footer .content .column .logos {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1024px) {
  .footer .content .column .logos {
  	gap: 20px;
	justify-content: unset;
  }
}
.footer .content .column .footer-title {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
}
.footer .content .column .social {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer .content .column .chapter-name {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.footer .content .column .location {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer .content .column .link {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer .content .column button {
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.footer .content .column .lang-list {
  display: flex;
  gap: 10px;
}
.footer .content .column .lang-list span {
  width: 1px;
  height: 25px;
  background: #4D4D4D;
  flex-shrink: 0;
}
.footer .content .column .lang-list p {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.footer .content .column .lang-list p.active {
  color: #A3CE10;
}
.footer .content .column .lang-list p:hover {
  color: #fff;
}
.footer .content .row .column .link:hover{
  color: #A3CE10;
}

.footer .content .row .column .window:hover {
  background: #A3CE10;
}
.footer .content .row .column .window:hover span {
  color: #FFFFFF;
}
.footer .content .row .column .window:hover svg path {
  fill: #FFFFFF;
}
.footer .content .line {
  width: 1px;
  background: #4D4D4D;
  height: 170px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .footer .content .line {
    width: 100%;
    height: 1px;
  }
}
.footer .content .copy {
  color: #B3B3B3;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
}

.breadcrumbs {
  padding: 30px 0 0;
}
@media (max-width: 1250px) {
  .breadcrumbs {
    padding: 30px 0 0;
  }
}
.breadcrumbs .content ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 1250px) {
  .breadcrumbs .content ul {
    gap: 15px;
  }
}
.breadcrumbs .content ul li:last-child a {
  color: #D6D6D6;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  pointer-events: none;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumbs .content ul li a {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumbs .content ul li a:hover{
  color: #1e4c13;
  text-decoration: none;
}

.catalog {
  padding: 40px 0;
}
@media (max-width: 1250px) {
  .catalog {
    padding: 30px 0;
  }
}
.catalog .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1250px) {
  .catalog .content {
    gap: 30px;
  }
}
.catalog .content .head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .catalog .content .head-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
.catalog .content .head-row h1 {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .catalog .content .head-row h1 {
    font-size: 55px;
  }
}
.catalog .content .head-row .info {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #F6F6F6;
}
.catalog .content .head-row .info p {
  color: #333;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}
.catalog .content .head-row .info p span {
  color: #333;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.catalog .content .column-inner {
  display: flex;
  gap: 30px;
}
@media (max-width: 1024px) {
  .catalog .content .column-inner {
    flex-direction: column;
  }
}
.catalog .content .column-inner .column-mini {
  width: 338px;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .catalog .content .column-inner .column-mini {
    width: 100%;
  }
}

.catalog .content .column-inner .column-mini .catalog-mini-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  position: sticky;
  top: 10px;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 20px;
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  text-decoration: none;
  transition: gap 0.2s ease, color 0.2s ease;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a.parent {
  font-weight: 600;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a.parent.active {
  color: #A3CE10;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a.children {
  font-size: 18px;
  text-transform: none;
  padding-left: 35px;
}
.catalog .content .column-inner .column-mini .catalog-mini-container ul a.children.active {
  color: #A3CE10;
}
.catalog .content .column-inner .column-mini .catalog-mini-container ul li {
  display: contents;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a {
  display: flex;
  align-items: center; /* Выравнивание по вертикали */
  gap: 10px;
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: gap 0.2s ease, color 0.2s ease;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a:hover {
  gap: 10px;
  color: #A3CE10;
}

.catalog .content .column-inner .column-mini .catalog-mini-container ul a svg {
  flex-shrink: 0;
}

.catalog .content .column-inner .column-mini .catalog-mini-container .banner {
  display: flex;
  height: 588px;
  position: relative;
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .img {
  width: 100%;
  height: 100%;
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .banner-content .attention {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .banner-content .attention span {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.catalog .content .column-inner .column-mini .catalog-mini-container .banner .banner-content .text {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}
.catalog .content .column-inner .column {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1250px) {
  .catalog .content .column-inner .column {
    gap: 50px;
  }
}
.catalog .content .column-inner .column .products-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.catalog .content .column-inner .column .products-list .product-card {
  width: calc((100% - 60px) / 3);
  border-radius: 5px;
  border: 1px solid #E6E6E6;
  background: #E6E6E6;
  height: 650px;
  position: relative;
}
@media (max-width: 1300px) {
  .catalog .content .column-inner .column .products-list .product-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 768px) {
  .catalog .content .column-inner .column .products-list .product-card {
    width: 100%;
    height: 450px;
  }
}
.catalog .content .column-inner .column .products-list .product-card:hover .img-container img {
  transform: scale(1.2);
}
.catalog .content .column-inner .column .products-list .product-card:hover .product-info .icon {
  opacity: 1;
  width: 24px;
  height: 24px;
  margin-top: 30px;
}
.catalog .content .column-inner .column .products-list .product-card .img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.catalog .content .column-inner .column .products-list .product-card .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding-bottom: 120px;
}
.catalog .content .column-inner .column .products-list .product-card .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: var(--Color-FFFFFF, #FFF);
  padding: 30px;
  width: 100%;
}
.catalog .content .column-inner .column .products-list .product-card .product-info .title {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 25px */
  margin-bottom: 30px;
}
.catalog .content .column-inner .column .products-list .product-card .product-info .price {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
}
.catalog .content .column-inner .column .products-list .product-card .product-info .icon {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  gap: 20px;
}
.pagination.left {
  justify-content: flex-start;
}
.pagination li {
  color: #333;
  text-align: center;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.pagination li.active {
  color: #A3CE10;
  transform: scale(1.2);
}
.pagination li:hover {
  color: #A3CE10;
  transform: scale(1.2);
}
.pagination li:hover svg path {
  stroke: #A3CE10;
}

.news-page {
  padding: 40px 0px;
}
@media (max-width: 1024px) {
  .news-page {
    padding: 30px 0px;
  }
}
.news-page .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .news-page .content {
    gap: 30px;
  }
}
.news-page .content h1 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .news-page .content h1 {
    font-size: 34px;
  }
}
.news-page .content .news-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.news-page .content .news-list .news-card {
  width: calc((100% - 90px) / 4);
  border-radius: 5px;
  height: 500px;
  position: relative;
}
@media (max-width: 1250px) {
  .news-page .content .news-list .news-card {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 768px) {
  .news-page .content .news-list .news-card {
    width: 100%;
    height: 350px;
  }
}
.news-page .content .news-list .news-card.no-image {
  overflow: hidden;
}
.news-page .content .news-list .news-card.no-image:hover:before {
  animation: changeCircle 1s ease forwards;
}
.news-page .content .news-list .news-card.no-image:hover .product-info .date {
  color: #fff;
}
.news-page .content .news-list .news-card.no-image:hover .product-info .icon {
  background: #FFFFFF;
  border-radius: 5px;
}
.news-page .content .news-list .news-card.no-image:not(:hover):before {
  animation: shrinkCircle 1s ease forwards;
}
.news-page .content .news-list .news-card.no-image:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  position: absolute;
  bottom: -155px;
  left: -155px;
  background: #A3CE10;
  transition: 1s ease forwards;
  z-index: 1;
}
.news-page .content .news-list .news-card.no-image .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 30px;
  width: 100%;
  z-index: 2;
}
.news-page .content .news-list .news-card:hover .img-container img {
  transform: scale(1.2);
}
.news-page .content .news-list .news-card:hover .product-info .icon {
  opacity: 1;
  width: 24px;
  height: 24px;
  margin-top: 30px;
}
.news-page .content .news-list .news-card .img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.news-page .content .news-list .news-card .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding-bottom: 120px;
}
.news-page .content .news-list .news-card .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: var(--Color-FFFFFF, #FFF);
  padding: 30px 30px 30px 0;
  width: 100%;
}
.news-page .content .news-list .news-card .product-info p {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}
.news-page .content .news-list .news-card .product-info .date {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  margin-bottom: 10px;
}
.news-page .content .news-list .news-card .product-info .source{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  margin-bottom: 20px;
}
.news-page .content .news-list .news-card .product-info .source a{
  text-decoration: none;
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.news-page .content .news-list .news-card .product-info .icon {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.anchor-links {
  padding-top: 70px;
}
@media (max-width: 1250px) {
  .anchor-links {
    padding-top: 50px;
  }
}
.anchor-links .content {
  display: flex;
  gap: 10px;
}
.anchor-links .content a {
  border-radius: 5px;
  background: #F6F6F6;
  display: flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.anchor-links .content a span {
  position: relative;
  z-index: 1;
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.anchor-links .content a.active {
  background: #A3CE10;
}
.anchor-links .content a.active span {
  color: #FFFFFF;
}

.contacts {
  padding: 40px 0px;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 1024px) {
  .contacts {
    padding: 50px 0px;
  }
}
.contacts .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .contacts .content {
    gap: 50px;
  }
}
.contacts .content h1 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .contacts .content h1 {
    font-size: 40px;
  }
}
.contacts .content .contacts-columns {
  display: flex;
  justify-content: space-between;
}
.contacts .content .contacts-columns .line{
  width: 1px;
  background-color: #E6E6E6;
  height: auto;
}
@media (max-width: 1250px) {
  .contacts .content .contacts-columns {
    flex-direction: column;
  }
  .contacts .content .contacts-columns .line{
    width: 100%;
    background-color: black;
    height: 3px;
  }
}

.contacts .content .contacts-columns .column {
  width: calc((100% - 30px) / 2);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contacts .content .contacts-columns .column a{
  text-decoration: none;
  color: black;
}
@media (max-width: 1250px) {
  .contacts .content .contacts-columns .column {
    width: 100%;
  }
}
.contacts .content .contacts-columns .column .title {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
  text-transform: uppercase;
}
.contacts .content .contacts-columns .column .chapter {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.contacts .content .contacts-columns .column .line {
  width: 100%;
  height: 1px;
  background: #E6E6E6;
  flex-shrink: 0;
}
.contacts .content .contacts-columns .column .location {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  font-family: var(--Geometria, Geometria);
}
.contacts .content .contacts-columns .column .link {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
.contacts .content .contacts-columns .column .link:hover {
  color: rgb(163, 206, 16);
  text-decoration: none;
}

.contacts .content .contacts-columns .column .timing-block {
  display: flex;
  flex-direction: column;
}
.contacts .content .contacts-columns .column .timing-block.horisontal {
  flex-direction: row;
  gap: 20px;
}
.contacts .content .contacts-columns .column .timing-block p {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
.contacts .content .contacts-columns .column .timing-block span {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}

.map {
  padding: 70px 0 0;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .map {
    gap: 50px;
    padding: 50px 0 0;
  }
}
.map .content h2 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .map .content h2 {
    font-size: 40px;
  }
}
.map .map-container {
  height: 823px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1250px) {
  .map .map-container {
    height: 600px;
  }
}
.map .map-container div {
  height: 100%;
}
.map .map-container iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.structure {
  padding: 70px 0px;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 1024px) {
  .structure {
    padding: 50px 0px;
  }
}
.structure .content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .structure .content {
    gap: 50px;
  }
}
.structure .content h2 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
  display: none;
}
@media (max-width: 1024px) {
  .structure .content h2 {
    font-size: 40px;
  }
}
.structure .content .structure-columns {
  display: flex;
  /*gap: 30px;*/
  flex-direction: column;
}
@media (max-width: 1250px) {
  .structure .content .structure-columns {
    flex-direction: column;
  }
}
.structure .content .structure-columns .col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1250px) {
  .structure .content .structure-columns .col {
    width: 100%;
  }
}
.structure .content .structure-columns .col .structure-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.structure .content .structure-columns .col .structure-card .title {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
  text-transform: uppercase;
}
@media (max-width: 1250px) {
  .structure .content .structure-columns .col .structure-card .title {
    font-size: 21px;
  }
}
.structure .content .structure-columns .col .structure-card .name {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.structure .content .structure-columns .col .structure-card .structure-chapter {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
.structure .content .structure-columns .col .structure-card a {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
.structure .content .structure-columns .col .structure-card a:hover {
  color: #A3CE10;
  text-decoration: none;
}
.structure .content .structure-columns .col .structure-card .text {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
.structure .content .structure-columns .col .structure-card .phones{
  display: flex;
  flex-direction: column;
}
.structure .content .structure-columns .col .info-block {
  border-radius: 5px;
  border: 1px solid #333;
  background: #333;
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.structure .content .structure-columns .col .info-block .info-chapter {
  color: #B3B3B3;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
.structure .content .structure-columns .col .info-block p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  display: flex;
  flex-direction: column;
}
.structure .content .structure-columns .col .info-block p a {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.structure .content .structure-columns .col .info-block p a:hover {
  color: #A3CE10;
  text-decoration: none;
}

.structure .content .structure-columns .line {
  min-height: 20px;
  height: auto;
  width: 1px;
  flex-shrink: 0;
  background: #E6E6E6;
}
@media (max-width: 1250px) {
  .structure .content .structure-columns .line {
    display: none;
  }
}
.structure .content .structure-columns .horisontal-line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: #E6E6E6;
}

.news-single-container {
  padding: 70px 0;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 1250px) {
  .news-single-container {
    padding: 50px 0;
  }
}
.news-single-container .content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .news-single-container .content {
    gap: 50px;
  }
}
.news-single-container .content h1 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .news-single-container .content h1 {
    font-size: 40px;
  }
}
.news-single-container .content .news-single-inner {
  display: flex;
  gap: 30px;
}
@media (max-width: 1250px) {
  .news-single-container .content .news-single-inner {
    flex-direction: column;
  }
}
.news-single-container .content .news-single-inner .news-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* gap: 30px; */
}
.news-single-container .content .news-single-inner .news-body span {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.news-single-container .content .news-single-inner .news-body span.date {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
}
.news-single-container .content .news-single-inner .news-body p {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.news-single-container .content .news-single-inner .news-body ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  .news-single-container .content .news-single-inner .news-body ul {
    padding-left: 0;
  }
}
.news-single-container .content .news-single-inner .news-body ul li {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.news-single-container .content .news-single-inner .news-body ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background: #A3CE10;
  flex-shrink: 0;
}
.news-single-container .content .news-single-inner .news-body ol {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  .news-single-container .content .news-single-inner .news-body ol {
    padding-left: 0;
  }
}
.news-single-container .content .news-single-inner .news-body ol li {
  display: flex;
  gap: 10px;
  align-items: center;
}
.news-single-container .content .news-single-inner .news-body ol li span {
  border-radius: 5px;
  background: var(--Color-A3CE10, #A3CE10);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--Color-FFFFFF, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
}
.news-single-container .content .news-single-inner .news-body ol li p {
  color: #333;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.news-single-container .content .news-single-inner .news-body .source {
  color: #B3B3B3;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
}
.news-single-container .content .news-single-inner .news-body .source span {
  color: var(--Color-A3CE10, #A3CE10);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 15px */
  text-decoration-line: underline;
}
.news-single-container .content .news-single-inner .news-images {
  max-width: 705px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  height: fit-content;
}
@media (max-width: 1250px) {
  .news-single-container .content .news-single-inner .news-images {
    max-width: 100%;
    gap: 15px;
  }
}
.news-single-container .content .news-single-inner .news-images a {
  width: calc((100% - 60px) / 3);
  height: 137px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1000px) {
  .news-single-container .content .news-single-inner .news-images a {
    width: calc((100% - 30px) / 2);
    height: 237px;
  }
}
@media (max-width: 600px) {
  .news-single-container .content .news-single-inner .news-images a {
    height: 150px;
  }
}
.news-single-container .content .news-single-inner .news-images a:first-child {
  width: 100%;
  height: 450px;
}
@media (max-width: 600px) {
  .news-single-container .content .news-single-inner .news-images a:first-child {
    width: 100%;
    height: 300px;
  }
}
.news-single-container .content .news-single-inner .news-images a:hover img {
  transform: scale(1.1);
}
.news-single-container .content .news-single-inner .news-images a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.8s ease;
}

.product-single-container {
  padding: 70px 0;
  border-bottom: 1px solid #E6E6E6;
}
@media (max-width: 1250px) {
  .product-single-container {
    padding: 50px 0;
  }
}
.product-single-container .content {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1024px) {
  .product-single-container .content {
    gap: 50px;
  }
}
.product-single-container .content h1 {
  color: #333;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 70px */
}
@media (max-width: 1024px) {
  .product-single-container .content h1 {
    font-size: 40px;
  }
}
.product-single-container .content .product-inner {
  display: flex;
  gap: 30px;
}
@media (max-width: 1250px) {
  .product-single-container .content .product-inner {
    flex-direction: column;
  }
}
.product-single-container .content .product-inner .product-images {
  max-width: 705px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  height: fit-content;
}
@media (max-width: 1250px) {
  .product-single-container .content .product-inner .product-images {
    max-width: 100%;
    gap: 15px;
  }
}
.product-single-container .content .product-inner .product-images a {
  width: calc((100% - 60px) / 3);
  height: 215px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 1000px) {
  .product-single-container .content .product-inner .product-images a {
    width: calc((100% - 30px) / 2);
    height: 315px;
  }
}
@media (max-width: 600px) {
  .product-single-container .content .product-inner .product-images a {
    height: 150px;
  }
}
.product-single-container .content .product-inner .product-images a:first-child {
  width: 100%;
  height: 705px;
}
@media (max-width: 600px) {
  .product-single-container .content .product-inner .product-images a:first-child {
    width: 100%;
    height: 300px;
  }
}
.product-single-container .content .product-inner .product-images a:hover img {
  transform: scale(1.1);
}
.product-single-container .content .product-inner .product-images a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.8s ease;
}
.product-single-container .content .product-inner .product-body-content {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 12px;
  max-width: 700px;
  color: #333;
}

.product-single-container .content .product-inner .product-body-content .price {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.product-single-container .content .product-inner .product-body-content .price p {
  margin: 0;
  color: #A3CE10;
}

.product-single-container .content .product-inner .product-body-content .price span {
  background-color: #e6f3c4;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 18px;
  color: #333;
}

.product-single-container .content .product-inner .product-body-content .attention {
  background-color: #fff3cd;
  padding: 10px 15px;
  border-left: 5px solid #ffc107;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 14px;
}

.product-single-container .content .product-inner .product-body-content .attention p {
  margin: 0;
  font-weight: bold;
  color: #cc0000;
}

.product-single-container .content .product-inner .product-body-content .attention p span {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  color: #555;
}

.product-single-container .content .product-inner .product-body-content > .title {
  font-size: 21px;
  color: #A3CE10;
  margin: 25px 0 15px;
  font-weight: bold;
}

.product-single-container .content .product-inner .product-body-content .details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-single-container .content .product-inner .product-body-content .details .detail-item {
  background-color: #fff;
  padding: 12px 15px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0,0,0,0.05);
  line-height: 1.5;
}

.product-single-container .content .product-inner .product-body-content .details .detail-item .title {
  font-weight: bold;
  color: #A3CE10;
  display: inline-block;
  margin-right: 5px;
}


@keyframes changeCircle {
  from {
    background: transparent;
    width: 5px;
    height: 5px;
  }
  to {
    background: #A3CE10;
    width: 938px;
    height: 938px;
  }
}
@keyframes shrinkCircle {
  from {
    background: #A3CE10;
    width: 938px;
    height: 938px;
  }
  to {
    background: transparent;
    width: 5px;
    height: 5px;
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 50px 0 10px;
}
.header.page-header {
  position: relative;
  top: unset;
  left: unset;
  background: #F6F6F6;
  padding: 10px 0;
}
.header.page-header .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header.page-header .content .logo-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 247px;
  width: 100%;
}
.header.page-header .content .logo-inner .logos {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header.page-header .content .logo-inner p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
}
.header.page-header .content .header-inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.header.page-header .content .header-inner .services-wrap {
  position: relative;
  width: fit-content;
}
.header.page-header .content .header-inner .services-wrap .services {
  display: flex;
  padding: 10px 15px 10px 20px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
}
.header.page-header .content .header-inner .services-wrap .services:hover {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.4);
}
.header.page-header .content .header-inner .services-wrap .services:hover p {
  color: #A3CE10;
}
.header.page-header .content .header-inner .services-wrap .services:hover p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='%23A3CE10'/%3E%3C/svg%3E");
}
body > header > div > div.header-inner > div.services-wrap.phones > ul > li > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
body > header > div > div.header-inner > div.services-wrap.phones > ul > li:hover > a{
  color: #67820d;
}
body > div.header-menu.active > div > div.mobile-inner > div.mobile-controls > div.services-wrap.phones > div > p{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}
body > div.header-menu.active > div > div.mobile-inner > div.mobile-controls > div.services-wrap.phones > div > p > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}
body > header > div > div.header-inner > div.services-wrap.phones > div > p > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}

body > div.header-menu.active > div > div.mobile-inner > div.header-menu-inner > div.services-wrap.phones > ul > li > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
body > div.header-menu.active > div > div.mobile-inner > div.header-menu-inner > div.services-wrap.phones > div > p > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.header.page-header .content .header-inner .services-wrap .services p {
  color: var(--Color-FFFFFF, #333);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header.page-header .content .header-inner .services-wrap .services p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='%23333333'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.header.page-header .content .header-inner .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  /*padding: 15px 15px 15px 20px;*/
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  gap: 20px;
  width: 100%;
  display: none;
}
.header.page-header .content .header-inner .services-wrap .services-list.active {
  display: flex;
}
.header.page-header .content .header-inner .services-wrap .services-list li {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.header.page-header .content .header-inner .services-wrap .services-list li:hover {
  color: #333;
}
.header.page-header .content .header-inner .services-wrap .services-list li:first-child {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.header.page-header .content .header-inner .services-wrap .services-list li:first-child:hover {
  color: #333;
}
.header.page-header .content .header-inner .services-wrap .services-list li:first-child::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 15.2071C5.68342 15.5976 6.31658 15.5976 6.70711 15.2071L12 9.91421L17.2929 15.2071C17.6834 15.5976 18.3166 15.5976 18.7071 15.2071C19.0976 14.8166 19.0976 14.1834 18.7071 13.7929L12.7071 7.79289C12.3166 7.40237 11.6834 7.40237 11.2929 7.79289L5.29289 13.7929C4.90237 14.1834 4.90237 14.8166 5.29289 15.2071Z' fill='%23A3CE10'/%3E%3C/svg%3E");
  display: block;
}
.header.page-header .content .header-inner .window {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 45px;
}
.header.page-header .content .header-inner .window:hover {
  background: #A3CE10;
}
.header.page-header .content .header-inner .window:hover span {
  color: #FFFFFF;
}
.header.page-header .content .header-inner .window:hover svg path {
  fill: #FFFFFF;
}
.header.page-header .content .header-inner .window span {
  color: var(--Color-FFFFFF, #333);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header.page-header .content .header-inner .mailer {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header.page-header .content .header-inner .mailer:hover {
  background: #A3CE10;
}
.header.page-header .content .header-inner .mailer:hover span {
  color: #FFFFFF;
}
.header.page-header .content .header-inner .mailer:hover svg path {
  fill: #FFFFFF;
}
.header.page-header .content .header-inner .mailer span {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header.page-header .content .header-inner .eye {
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header.page-header .content .header-inner .eye:hover {
  background: #A3CE10;
}
.header.page-header .content .header-inner .eye:hover svg path {
  stroke: #FFFFFF;
}
.header.page-header .content .header-inner .burger-btn {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-end;
  cursor: pointer;
}
.header.page-header .content .header-inner .burger-btn:hover span:first-child {
  width: 35px;
  height: 2px;
  border-radius: 5px;
  background: #333;
  flex-shrink: 0;
}
.header.page-header .content .header-inner .burger-btn:hover span:nth-child(2) {
  width: 35px;
}
.header.page-header .content .header-inner .burger-btn:hover span:last-child {
  width: 35px;
}
.header.page-header .content .header-inner .burger-btn span {
  transition: 0.5s ease;
}
.header.page-header .content .header-inner .burger-btn span:first-child {
  width: 35px;
  height: 2px;
  border-radius: 5px;
  background: #333;
  flex-shrink: 0;
  transition: 0.5s ease;
}
.header.page-header .content .header-inner .burger-btn span:nth-child(2) {
  width: 27px;
  height: 2px;
  border-radius: 5px;
  background: #333;
  flex-shrink: 0;
  transition: 0.5s ease;
}
.header.page-header .content .header-inner .burger-btn span:last-child {
  width: 18px;
  height: 2px;
  border-radius: 5px;
  background: #333;
  flex-shrink: 0;
  transition: 0.5s ease;
}
.header .content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header .content .logo-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 247px;
  width: 100%;
}
.header .content .logo-inner .logos {
  display: flex;
  gap: 24px;
  align-items: center;
}
.header .content .logo-inner p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
}
.header .content .header-inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.header .content .header-inner .services-wrap {
  position: relative;
  width: fit-content;
  z-index: 100;
}
.header .content .header-inner .services-wrap .services {
  display: flex;
  padding: 10px 15px 10px 20px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
}
.header .content .header-inner .services-wrap .services:hover {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.4);
}
.header .content .header-inner .services-wrap .services p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  white-space: nowrap;
}
.header .content .header-inner .services-wrap .services p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.header .content .header-inner .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 10px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  gap: 10px;
  width: 100%;
  display: none;
}
.header .content .header-inner .services-wrap .services-list.active {
  display: flex;
  z-index: 100;
}
.header .content .header-inner .services-wrap .services-list li {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
  z-index: 100;
}
body > div.header-menu.active > div > div.row > div.header-menu-inner > div.services-wrap.phones > div > p > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}
body > div.header-menu.active > div > div.row > div.header-menu-inner > div.services-wrap.phones > ul > li > a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}
body > div.header-menu.active > div > div.row > div.header-menu-inner > div.services-wrap.phones > ul > li > a:hover{
  color: #67820d;
}
body > header > div > div.header-inner > div.services-wrap.phones > ul > li:hover{
  color: #67820d;
}


.header .content .header-inner .services-wrap .services-list .lang__link-active{
  color: var(--Color-A3CE10, #A3CE10);
  pointer-events: none;
  background-color: #ECECEC;
}


.header .content .header-inner .services-wrap .services-list li:first-child{
  padding: 5px 15px;
  z-index: 100;
}
.header .content .header-inner .services-wrap .services-list li:last-child{
  padding: 5px 15px;
}

.header .content .header-inner .services-wrap .services-list li:hover {
  color: #333;
}
.header .content .header-inner .services-wrap .services-list li:first-child {
  z-index: 100;
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.header .content .header-inner .services-wrap .services-list li:first-child:hover {
  color: #333;
}
.header .content .header-inner .services-wrap .services-list li:first-child::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 15.2071C5.68342 15.5976 6.31658 15.5976 6.70711 15.2071L12 9.91421L17.2929 15.2071C17.6834 15.5976 18.3166 15.5976 18.7071 15.2071C19.0976 14.8166 19.0976 14.1834 18.7071 13.7929L12.7071 7.79289C12.3166 7.40237 11.6834 7.40237 11.2929 7.79289L5.29289 13.7929C4.90237 14.1834 4.90237 14.8166 5.29289 15.2071Z' fill='%23A3CE10'/%3E%3C/svg%3E");
  display: block;
  pointer-events: auto;
}
.header .content .header-inner .services-wrap .services-list li:first-child:hover{
  color: var(--Color-A3CE10, #A3CE10);
}
.header .content .header-inner .window {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 45px;
}
.header .content .header-inner .window:hover {
  background: #A3CE10;
}
.header .content .header-inner .window span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header .content .header-inner .mailer {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header .content .header-inner .mailer:hover {
  background: #A3CE10;
}
.header .content .header-inner .mailer span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header .content .header-inner .eye {
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
@media (max-width: 1340px) {
  .header .content .header-inner .eye {
    display: none;
  }
  .header .content .header-inner .mailer {
    display: none;
  }
  .header .content .header-inner .window {
    display: none;
  }
  .header .content .header-inner .services-wrap {
    display: none;
  }
  .header.page-header .content .header-inner .eye {
    display: none;
  }
  .header.page-header .content .header-inner .mailer {
    display: none;
  }
  .header.page-header .content .header-inner .window {
    display: none;
  }
  .header.page-header .content .header-inner .services-wrap {
    display: none;
  }
}
.header .content .header-inner .eye:hover {
  background: #A3CE10;
}
.header .content .header-inner .burger-btn {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-end;
  cursor: pointer;
}
.header .content .header-inner .burger-btn:hover span:first-child {
  width: 35px;
  height: 2px;
  border-radius: 5px;
  background: #FFFFFF;
  flex-shrink: 0;
}
.header .content .header-inner .burger-btn:hover span:nth-child(2) {
  width: 35px;
}
.header .content .header-inner .burger-btn:hover span:last-child {
  width: 35px;
}
.header .content .header-inner .burger-btn span {
  transition: 0.5s ease;
}
.header .content .header-inner .burger-btn span:first-child {
  width: 35px;
  height: 2px;
  border-radius: 5px;
  background: #FFFFFF;
  flex-shrink: 0;
  transition: 0.5s ease;
}
.header .content .header-inner .burger-btn span:nth-child(2) {
  width: 27px;
  height: 2px;
  border-radius: 5px;
  background: #FFFFFF;
  flex-shrink: 0;
  transition: 0.5s ease;
}
.header .content .header-inner .burger-btn span:last-child {
  width: 18px;
  height: 2px;
  border-radius: 5px;
  background: #FFFFFF;
  flex-shrink: 0;
  transition: 0.5s ease;
}

.header-menu {
  position: fixed;
  max-height: 95vh;
  height: fit-content;
  top: -1700px;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 70px 0 100px;
  background: #333;
}
.header-menu.close {
  animation: headerMenuAnimationClose 1s ease forwards;
}
.header-menu.active {
  animation: headerMenuAnimationOpen 1s ease forwards;
}
@media (max-width: 1250px) {
  .header-menu {
    padding: 50px 0;
  }
}
@media (max-width: 1024px) {
  .header-menu {
    padding: 30px 0;
    overflow-y: auto;
    scrollbar-color: #A3CE10 #4D4D4D;
    scrollbar-width: thin;
    max-height: 100vh;
    height: 100%;
  }
  .header-menu::-webkit-scrollbar {
    width: 4px;
    background-color: #4D4D4D;
    border-radius: 20px;
  }
  .header-menu::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: var(--Color-A3CE10, #A3CE10);
  }
}
.header-menu .content .row {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 1024px) {
  .header-menu .content .row {
    display: none;
  }
}
.header-menu .content .row .header-menu-inner {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
.header-menu .content .row .header-menu-inner .services-wrap {
  position: relative;
  width: fit-content;
}
.header-menu .content .row .header-menu-inner .services-wrap .services {
  display: flex;
  padding: 10px 15px 10px 20px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
}
.header-menu .content .row .header-menu-inner .services-wrap .services:hover {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.4);
}
.header-menu .content .row .header-menu-inner .services-wrap .services p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-menu .content .row .header-menu-inner .services-wrap .services p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 10px 0;
  /*padding: 15px 15px 15px 20px;*/
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  gap: 20px;
  width: 100%;
  display: none;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list .lang__link-active{
  color: var(--Color-A3CE10, #A3CE10);
  pointer-events: none;
  background-color: #ECECEC;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list.active {
  display: flex;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list li {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  padding: 5px 15px;
  width: 100%;
  height: 35px;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list li:hover {
  color: #333;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list li:first-child {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list li:first-child:hover {
  color: #333;
}
.header-menu .content .row .header-menu-inner .services-wrap .services-list li:first-child::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 15.2071C5.68342 15.5976 6.31658 15.5976 6.70711 15.2071L12 9.91421L17.2929 15.2071C17.6834 15.5976 18.3166 15.5976 18.7071 15.2071C19.0976 14.8166 19.0976 14.1834 18.7071 13.7929L12.7071 7.79289C12.3166 7.40237 11.6834 7.40237 11.2929 7.79289L5.29289 13.7929C4.90237 14.1834 4.90237 14.8166 5.29289 15.2071Z' fill='%23A3CE10'/%3E%3C/svg%3E");
  display: block;
}
.header-menu .content .row .header-menu-inner .window {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 45px;
}
.header-menu .content .row .header-menu-inner .window:hover {
  background: #A3CE10;
}
.header-menu .content .row .header-menu-inner .window span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .row .header-menu-inner .mailer {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header-menu .content .row .header-menu-inner .mailer:hover {
  background: #A3CE10;
}
.header-menu .content .row .header-menu-inner .mailer span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .row .header-menu-inner .eye {
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header-menu .content .row .header-menu-inner .eye:hover {
  background: #A3CE10;
}
.header-menu .content .row .header-menu-inner .burger-btn-close {
  cursor: pointer;
}
.header-menu .content .row .menu-container {
  display: flex;
  gap: 46px;
}
.header-menu .content .row .menu-container .navigation {
  max-width: 566px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 610px;
  padding-right: 46px;
  overflow-y: scroll;
  scrollbar-color: #A3CE10 #4D4D4D;
  scrollbar-width: thin;
  flex-shrink: 0;
}
@media (max-width: 1250px) {
  .header-menu .content .row .menu-container .navigation {
    max-width: 415px;
  }
}
.header-menu .content .row .menu-container .navigation::-webkit-scrollbar {
  width: 4px;
  background-color: #4D4D4D;
  border-radius: 20px;
}
.header-menu .content .row .menu-container .navigation::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: var(--Color-A3CE10, #A3CE10);
}
.header-menu .content .row .menu-container .navigation li a {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 1250px) {
  .header-menu .content .row .menu-container .navigation li a {
    font-size: 34px;
  }
}
.header-menu .content .row .menu-container .navigation li a:hover {
  color: #A3CE10;
}
.header-menu .content .row .menu-container .navigation li a:hover svg path {
  stroke: #A3CE10;
  fill-opacity: 1;
  stop-opacity: 1;
}
.header-menu .content .row .menu-container .navigation li a.active {
  color: #A3CE10;
}
.header-menu .content .row .menu-container .navigation li a.active svg path {
  stroke: #A3CE10;
  fill-opacity: 1;
  stop-opacity: 1;
}
.header-menu .content .row .menu-container .dropdown-column {
  max-width: 534px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-height: 610px;
  padding-right: 46px;
  overflow-y: scroll;
  scrollbar-color: #A3CE10 #4D4D4D;
  scrollbar-width: thin;
}
.header-menu .content .row .menu-container .dropdown-column::-webkit-scrollbar {
  width: 4px;
  background-color: #4D4D4D;
  border-radius: 20px;
}
.header-menu .content .row .menu-container .dropdown-column::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: var(--Color-A3CE10, #A3CE10);
}
.header-menu .content .row .menu-container .dropdown-column .dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 30px;
  display: none;
}
.header-menu .content .row .menu-container .dropdown-column .dropdown-menu.active {
  display: flex;
}
.header-menu .content .row .menu-container .dropdown-column .dropdown-menu li a {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header-menu .content .row .menu-container .banner {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #333;
  display: inline-flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 268px;
  height: fit-content;
}
.header-menu .content .row .menu-container .banner:hover {
  background: #4D4D4D;
}
.header-menu .content .row .menu-container .banner .banner-row {
  display: flex;
  gap: 20px;
}
.header-menu .content .row .menu-container .banner .banner-row p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header-menu .content .row .menu-container .banner .banner-row span {
  color: var(--Color-FFFFFF, #FFF);
  text-align: center;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header-menu .content .row .menu-container .banner .title {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header-menu .content .row .menu-container .banner .transparent-btn {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: transparent;
  cursor: pointer;
}
.header-menu .content .row .menu-container .banner .transparent-btn:hover {
  background: #A3CE10;
}
.header-menu .content .row .menu-container .banner .transparent-btn:hover svg {
  width: 24px;
}
.header-menu .content .row .menu-container .banner .transparent-btn span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .row .menu-container .banner .transparent-btn svg {
  width: 0;
  overflow: hidden;
}
.header-menu .content .row .menu-container .banner .white-btn {
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  display: flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border: none;
  cursor: pointer;
}
.header-menu .content .row .menu-container .banner .white-btn:hover {
  background: #A3CE10;
}
.header-menu .content .row .menu-container .banner .white-btn:hover span {
  color: #FFFFFF;
}
.header-menu .content .row .menu-container .banner .white-btn span {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  display: none;
}
@media (max-width: 1024px) {
  .header-menu .content .mobile-inner {
    display: flex;
  }
}
.header-menu .content .mobile-inner .header-menu-inner {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  padding: 20px;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap {
  position: relative;
  width: fit-content;
}
@media (max-width: 768px) {
  .header-menu .content .mobile-inner .header-menu-inner .services-wrap {
    display: none;
  }
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services {
  display: flex;
  padding: 10px 15px 10px 20px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services:hover {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.4);
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  gap: 20px;
  width: 100%;
  display: none;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li{

}

.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list.active {
  display: flex;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li:hover {
  color: #333;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li:first-child {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li:first-child:hover {
  color: #333;
}
.header-menu .content .mobile-inner .header-menu-inner .services-wrap .services-list li:first-child::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 15.2071C5.68342 15.5976 6.31658 15.5976 6.70711 15.2071L12 9.91421L17.2929 15.2071C17.6834 15.5976 18.3166 15.5976 18.7071 15.2071C19.0976 14.8166 19.0976 14.1834 18.7071 13.7929L12.7071 7.79289C12.3166 7.40237 11.6834 7.40237 11.2929 7.79289L5.29289 13.7929C4.90237 14.1834 4.90237 14.8166 5.29289 15.2071Z' fill='%23A3CE10'/%3E%3C/svg%3E");
  display: block;
}
.header-menu .content .mobile-inner .header-menu-inner .window {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 45px;
}
@media (max-width: 768px) {
  .header-menu .content .mobile-inner .header-menu-inner .window {
    display: none;
  }
}
.header-menu .content .mobile-inner .header-menu-inner .window:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .header-menu-inner .window span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .header-menu-inner .mailer {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .header-menu .content .mobile-inner .header-menu-inner .mailer {
    display: none;
  }
}
.header-menu .content .mobile-inner .header-menu-inner .mailer:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .header-menu-inner .mailer span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .header-menu-inner .eye {
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .header-menu .content .mobile-inner .header-menu-inner .eye {
    display: none;
  }
}
.header-menu .content .mobile-inner .header-menu-inner .eye:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .header-menu-inner .burger-btn-close {
  cursor: pointer;
}
.header-menu .content .mobile-inner .navigation {
  display: flex;
  flex-direction: column;
}
.header-menu .content .mobile-inner .navigation li {
  padding: 20px;
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 71.5px;
  transition: 0.5s linear;
  overflow: hidden;
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown.active {
  height: auto;
  transition: 0.5s linear;
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown.active .dropdown-link::after {
  transform: rotate(180deg);
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown .dropdown-link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M27.2071 17.2929C26.8166 16.9024 26.1834 16.9024 25.7929 17.2929L20.5 22.5858L15.2071 17.2929C14.8166 16.9024 14.1834 16.9024 13.7929 17.2929C13.4024 17.6834 13.4024 18.3166 13.7929 18.7071L19.7929 24.7071C20.1834 25.0976 20.8166 25.0976 21.2071 24.7071L27.2071 18.7071C27.5976 18.3166 27.5976 17.6834 27.2071 17.2929Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  margin-left: auto;
  transition: 0.3s ease;
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown .dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.header-menu .content .mobile-inner .navigation li.header-mobile-dropdown .dropdown-menu li {
  padding: 0 30px;
}
.header-menu .content .mobile-inner .navigation li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header-menu .content .mobile-inner .navigation li a:hover {
  color: #A3CE10;
}
.header-menu .content .mobile-inner .banner {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #333;
  display: inline-flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 268px;
  height: fit-content;
  align-self: center;
}
.header-menu .content .mobile-inner .banner:hover {
  background: #4D4D4D;
}
.header-menu .content .mobile-inner .banner .banner-row {
  display: flex;
  gap: 20px;
}
.header-menu .content .mobile-inner .banner .banner-row p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header-menu .content .mobile-inner .banner .banner-row span {
  color: var(--Color-FFFFFF, #FFF);
  text-align: center;
  font-family: var(--Geometria, Geometria);
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header-menu .content .mobile-inner .banner .title {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header-menu .content .mobile-inner .banner .transparent-btn {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: transparent;
  cursor: pointer;
}
.header-menu .content .mobile-inner .banner .transparent-btn:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .banner .transparent-btn:hover svg {
  width: 24px;
}
.header-menu .content .mobile-inner .banner .transparent-btn span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .banner .transparent-btn svg {
  width: 0;
  overflow: hidden;
}
.header-menu .content .mobile-inner .banner .white-btn {
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  display: flex;
  padding: 15px 20px 15px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border: none;
  cursor: pointer;
}
.header-menu .content .mobile-inner .banner .white-btn:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .banner .white-btn:hover span {
  color: #FFFFFF;
}
.header-menu .content .mobile-inner .banner .white-btn span {
  color: #333;
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .mobile-controls {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: none;
}
body > div.header-menu.active > div > div.mobile-inner > div.mobile-controls > a {
  display: block;
}
@media (max-width: 768px) {
  .header-menu .content .mobile-inner .mobile-controls {
    display: flex;
  }
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap {
  position: relative;
  width: fit-content;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services {
  display: flex;
  padding: 10px 15px 10px 20px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services:hover {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.4);
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services p {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services p::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 8.79289C5.68342 8.40237 6.31658 8.40237 6.70711 8.79289L12 14.0858L17.2929 8.79289C17.6834 8.40237 18.3166 8.40237 18.7071 8.79289C19.0976 9.18342 19.0976 9.81658 18.7071 10.2071L12.7071 16.2071C12.3166 16.5976 11.6834 16.5976 11.2929 16.2071L5.29289 10.2071C4.90237 9.81658 4.90237 9.18342 5.29289 8.79289Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 24px;
  height: 24px;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 15px 15px 15px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  background: var(--Color-FFFFFF, #FFF);
  gap: 20px;
  width: 100%;
  display: none;
  z-index: 10;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list.active {
  display: flex;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li a{
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li:hover {
  color: #333;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li:first-child {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li:first-child:hover {
  color: #333;
}
.header-menu .content .mobile-inner .mobile-controls .services-wrap .services-list li:first-child::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.29289 15.2071C5.68342 15.5976 6.31658 15.5976 6.70711 15.2071L12 9.91421L17.2929 15.2071C17.6834 15.5976 18.3166 15.5976 18.7071 15.2071C19.0976 14.8166 19.0976 14.1834 18.7071 13.7929L12.7071 7.79289C12.3166 7.40237 11.6834 7.40237 11.2929 7.79289L5.29289 13.7929C4.90237 14.1834 4.90237 14.8166 5.29289 15.2071Z' fill='%23A3CE10'/%3E%3C/svg%3E");
  display: block;
}
.header-menu .content .mobile-inner .mobile-controls .window {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 45px;
}
.header-menu .content .mobile-inner .mobile-controls .window:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .mobile-controls .window span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .mobile-controls .mailer {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  padding: 10px 20px 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header-menu .content .mobile-inner .mobile-controls .mailer:hover {
  background: #A3CE10;
}
.header-menu .content .mobile-inner .mobile-controls .mailer span {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.header-menu .content .mobile-inner .mobile-controls .eye {
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 45px;
  cursor: pointer;
}
.header-menu .content .mobile-inner .mobile-controls .eye:hover {
  background: #A3CE10;
}

@keyframes headerMenuAnimationOpen {
  0% {
    top: -1100px;
  }
  90% {
    top: 20px;
  }
  100% {
    top: 0;
  }
}
@keyframes headerMenuAnimationClose {
  0% {
    top: 0;
  }
  100% {
    top: -1100px;
  }
}
.services {
  width: 100%;
  position: relative;
}
.services .services-swiper {
  height: 835px;
  width: 100%;
}
@media (max-width: 768px) {
  .services .services-swiper {
    height: 700px;
  }
}
@media (max-width: 400px) {
  .services .services-swiper {
    height: 800px;
  }
}
.services .services-swiper .swiper-slide {
  position: relative;
}
.services .services-swiper .swiper-slide .img {
  width: 100%;
  height: 100%;
}
.services .services-swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
@media (max-width: 1250px) {
  .services .services-swiper .swiper-slide .img img {
    object-position: right;
  }
}
.services .services-swiper .swiper-slide .service-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.services .services-swiper .swiper-slide .service-content .content {
  display: flex;
  flex-direction: column;
  gap: 100px;
  /*justify-content: space-between;*/
  height: 80%;
  padding-bottom: 70px;
  margin-top: 200px;
}
@media (max-width: 1024px) {
  .services .services-swiper .swiper-slide .service-content .content {
    gap: 50px;
    padding-bottom: 50px;
  }
}
.services .services-swiper .swiper-slide .service-content .content h2 {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}
.services .services-swiper .swiper-slide .service-content .content .title {
  color: var(--Color-FFFFFF, #FFF);
  font-family: Geometria;
  font-size: 89px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 150px */
}
@media (max-width: 1250px) {
  .services .services-swiper .swiper-slide .service-content .content .title {
    font-size: 34px;
  }
}
@media (max-width: 768px) {
  .services .services-swiper .swiper-slide .service-content .content .title {
    font-size: 34px;
  }
}
.services .services-swiper .swiper-slide .service-content .content ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 705px;
}
.services .services-swiper .swiper-slide .service-content .content ul li {
  display: flex;
  align-items: center;
  gap: 30px;
}
.services .services-swiper .swiper-slide .service-content .content ul li span {
  display: flex;
  width: 70px;
  height: 70px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: var(--Color-A3CE10, #A3CE10);
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  flex-shrink: 0;
}
@media (max-width: 1250px) {
  .services .services-swiper .swiper-slide .service-content .content ul li span {
    width: 50px;
    height: 50px;
  }
}
.services .services-swiper .swiper-slide .service-content .content ul li p {
  color: var(--Color-FFFFFF, #FFF);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 20px */
}
.services .services-controls-panel {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 70px;
  z-index: 9;
  width: 100%;
}
.services .services-controls-panel .content .controls {
  display: flex;
  gap: 20px;
  align-items: center;
}
.services .services-controls-panel .content .controls .services-swiper-next {
  cursor: pointer;
}
.services .services-controls-panel .content .controls .services-swiper-next:hover {
  transform: scale(1.1);
}
.services .services-controls-panel .content .controls .services-swiper-prev {
  cursor: pointer;
}
.services .services-controls-panel .content .controls .services-swiper-prev:hover {
  transform: scale(1.1);
}
.services .services-controls-panel .content .controls .services-swiper-pagination {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 1250px) {
  .services .services-controls-panel .content .controls .services-swiper-pagination {
    display: none;
  }
}
.services .services-controls-panel .content .controls .services-swiper-pagination .pagination-item {
  cursor: pointer;
  color: var(--Color-FFFFFF, #FFF);
  text-align: center;
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.5;
  transition: 0.5s ease;
}
.services .services-controls-panel .content .controls .services-swiper-pagination .pagination-item.active {
  font-size: 21px;
  opacity: 1;
  color: #A3CE10;
}
.services .services-title{
  position: relative;
  margin-bottom: 25px;
  /*position: absolute;*/
  /*top: 20%;*/
  /*left: 5%;*/
  /*z-index: 1;*/
}
.services .services-title h2{
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
}


.timing-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 23;
  display: none;
}
.timing-modal.open {
  display: block;
}
@media (max-width: 800px) {
  .timing-modal {
    max-width: 95%;
    width: 100%;
  }
}
.timing-modal .timing-modal-body {
  border-radius: 5px;
  background: #333;
  display: inline-flex;
  padding: 50px;
  align-items: flex-start;
  gap: 50px;
  position: relative;
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body {
    padding: 50px 30px;
    gap: 30px;
    width: 100%;
  }
}
.timing-modal .timing-modal-body .close-btn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
.timing-modal .timing-modal-body .inner {
  display: flex;
  gap: 50px;
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner {
    gap: 30px;
    flex-direction: column;
  }
}
.timing-modal .timing-modal-body .inner .col {
  display: flex;
  width: 281px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner .col {
    width: 100%;
  }
}
.timing-modal .timing-modal-body .inner .col .title {
  color: var(--Color-FFFFFF, #FFF);
  font-family: var(--Geometria, Geometria);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner .col .title {
    font-size: 21px;
  }
}
.timing-modal .timing-modal-body .inner .col .timing-block {
  display: flex;
  flex-direction: column;
}
.timing-modal .timing-modal-body .inner .col .timing-block.horisontal {
  flex-direction: row;
  gap: 20px;
}
.timing-modal .timing-modal-body .inner .col .timing-block p {
  color: var(--Color-A3CE10, #A3CE10);
  font-family: var(--Geometria, Geometria);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner .col .timing-block p {
    font-size: 16px;
  }
}
.timing-modal .timing-modal-body .inner .col .timing-block span {
  color: #fff;
  font-family: var(--Geometria, Geometria);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner .col .timing-block span {
    font-size: 16px;
  }
}
.timing-modal .timing-modal-body .inner .line {
  min-height: 10px;
  height: auto;
  width: 1px;
  background: #4D4D4D;
}
@media (max-width: 800px) {
  .timing-modal .timing-modal-body .inner .line {
    display: none;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 12;
  display: none;
  padding: 0 25px;
}
.overlay.open {
  display: block;
}

/*стили для герба РБ и логотипа МЛХ в хедере*/
.gerb-header {
	height: 70px;
}

@media (max-width: 800px) {
  .gerb-header {
    height: 50px;
  }
}
/*# sourceMappingURL=style.css.map */
