@charset "UTF-8";
.page-head + .container .full-p-banner,
.page-head + .container-xl .full-p-banner {
  margin-top: 0;
}

.banner-slider {
  overflow: hidden;
}
.banner-slider .swiper-slide {
  cursor: grab;
}
@media screen and (max-width: 450px) {
  .banner-slider .full-p-banner {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 450px) {
  .banner-slider.images {
    width: 100vw;
    margin-left: calc(var(--global-xl) * -1);
  }
}
.banner-slider.images .full-p-banner {
  width: 100%;
  height: min(408px, 40vw);
}
@media screen and (max-width: 450px) {
  .banner-slider.images .full-p-banner {
    height: auto;
  }
}
.banner-slider.images .full-p-banner .full-p-banner__bg img {
  object-position: center;
}

.full-p-banner {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: var(--banner-bg);
  margin-top: var(--mt);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .full-p-banner {
    flex-direction: column;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
.full-p-banner.bg-gradient {
  background: linear-gradient(96deg, #1C5152 5.97%, #165C5F 10.39%, #047573 20.17%, #017D79 27.34%, #169182 36.31%, #479D82 43.97%, #87A471 64.42%, #C5A052 79.61%, #D79944 94.42%, #E09549 106.84%, #DC924B 113.01%);
}
@media screen and (max-width: 600px) {
  .full-p-banner.bg-gradient {
    background: var(--Gradient-Card-Mb, linear-gradient(173deg, #1C5152 -6.54%, #165C5F 0.08%, #047573 14.75%, #017D79 25.5%, #169182 38.94%, #479D82 50.43%, #87A471 66.81%, #C5A052 89.05%, #D79944 103.71%, #E09549 115.93%, #DC924B 129.13%));
  }
}
.full-p-banner.bg-gradient .page-title,
.full-p-banner.bg-gradient .main-title {
  color: var(--white);
}
.full-p-banner.bg-gradient .full-p-banner__content {
  color: var(--white-90);
}
@media screen and (max-width: 600px) {
  .full-p-banner.top-text .full-p-banner__content {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner.top-text .full-p-banner__content {
    padding-bottom: 24px;
    padding-top: 28rem;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner.top-text .full-p-img {
    order: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner.top-text .full-p-img ~ .full-p-banner__content {
    padding-top: 3rem;
  }
}
.full-p-banner.white .page-title,
.full-p-banner.white .main-title {
  color: var(--white);
}
.full-p-banner.white .full-p-banner__content {
  color: var(--white-90);
}
@media screen and (max-width: 600px) {
  .full-p-banner.banner-info .full-p-banner__content {
    min-height: unset;
    padding-bottom: 24px;
  }
}
.full-p-banner.btns .full-p-banner__content {
  justify-content: flex-start;
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom {
    border-radius: 12px;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom .full-p-banner__content {
    min-height: unset;
    padding: 32px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--BG-2);
    margin-top: -10px;
    color: var(--Grey-secondaty-text);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner.grey-bottom .full-p-banner__content {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom .page-title,
  .full-p-banner.grey-bottom .main-title {
    color: var(--black);
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom .full-p-banner__bg {
    position: static;
  }
}
.full-p-banner.grey-bottom .full-p-img {
  padding: 0;
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom .full-p-img {
    min-height: unset;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner.grey-bottom .full-p-img ~ .full-p-banner__content {
    order: 2;
  }
}
.full-p-banner .full-p-banner__bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  right: 0;
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-banner__bg {
    width: 100%;
  }
}
.full-p-banner .full-p-banner__bg img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
  object-position: right;
}
@media screen and (max-width: 1300px) {
  .full-p-banner .full-p-banner__bg img {
    object-position: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .full-p-banner .full-p-banner__bg img {
    object-position: 70%;
  }
}
@media screen and (max-width: 768px) {
  .full-p-banner .full-p-banner__bg img {
    object-position: 56%;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-banner__bg img {
    background-position: center bottom;
    object-fit: cover;
    width: 100%;
  }
}
.full-p-banner .full-p-banner__content {
  min-height: min(400px, 30vw);
  position: relative;
  z-index: 2;
  padding: 32px 60px;
  max-width: 53%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1300px) {
  .full-p-banner .full-p-banner__content {
    padding: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .full-p-banner .full-p-banner__content {
    max-width: 63%;
    min-height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .full-p-banner .full-p-banner__content {
    max-width: 100%;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-banner__content {
    min-height: 66rem;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner .full-p-banner__content {
    padding: 24px;
    gap: 6px;
    color: var(--Grey-secondaty-text);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    min-height: 20rem;
    padding-bottom: 32rem;
  }
}
.full-p-banner .full-p-banner__content ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.full-p-banner .full-p-banner__content ul > li {
  padding-left: 2rem;
  position: relative;
}
.full-p-banner .full-p-banner__content ul > li::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .full-p-banner .btn-transp {
    border: 1px solid var(--white-40);
  }
}
.full-p-banner .full-p-img {
  order: 2;
  padding: 10px;
  height: auto;
  width: -webkit-fill-available;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 900px) {
  .full-p-banner .full-p-img {
    padding: 0;
    margin-left: -20px;
    min-width: 230px;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-img {
    width: 100%;
    height: 220px;
    margin: 0;
    justify-content: center;
    padding-bottom: 0;
  }
}
.full-p-banner .full-p-img picture {
  display: flex;
  justify-content: center;
}
.full-p-banner .full-p-img img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-img img {
    height: 100%;
    width: 100%;
    object-position: bottom center;
  }
}
.full-p-banner .full-p-img ~ .full-p-banner__content {
  max-width: 58%;
}
@media screen and (max-width: 1024px) {
  .full-p-banner .full-p-img ~ .full-p-banner__content {
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner .full-p-img ~ .full-p-banner__content {
    min-height: unset;
    width: 100%;
    max-width: 100%;
    padding: 32px;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner .full-p-img ~ .full-p-banner__content {
    padding-bottom: 3rem;
    padding: 24px;
  }
}

.full-p-banner__top-btns {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 24px 48px;
}
@media screen and (max-width: 600px) {
  .full-p-banner__top-btns {
    margin-bottom: 10px;
    width: 100%;
    justify-content: flex-end;
  }
}
.full-p-banner__top-btns .share {
  padding-left: 0;
}
@media (hover: hover) {
  .full-p-banner__top-btns .share {
    padding-right: 15px;
  }
}
@media screen and (hover: hover) {
  .full-p-banner__top-btns .share:hover .share__block {
    transform: translate(10px, -50%);
  }
}
.full-p-banner__top-btns .share__block {
  right: unset;
  left: calc(100% - 20px);
}

.full-p-banner__info {
  margin-left: 45px;
  border-radius: 6px;
  background: linear-gradient(180deg, #00492B 0%, #006930 100%);
  backdrop-filter: blur(35px);
  position: absolute;
  left: 50%;
  top: min(90px, 5vw);
  z-index: 2;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
@media screen and (max-width: 1300px) {
  .full-p-banner__info {
    margin-left: 10px;
    margin-right: 32px;
    left: 53%;
  }
}
@media screen and (max-width: 1024px) {
  .full-p-banner__info {
    margin-left: 0;
    margin-right: 10px;
    left: unset;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 900px) {
  .full-p-banner__info {
    position: relative;
    right: unset;
    transform: unset;
    top: unset;
    max-height: max-content;
    align-self: center;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner__info {
    width: calc(100% - 64px);
    margin: 0 0 32px;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner__info {
    width: calc(100% - 32px);
    margin: 0 0 16px;
  }
}

.full-p-banner__info_row {
  display: grid;
  grid-template-columns: 99px 25px 154px;
  grid-gap: 10px;
  color: var(--white);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7rem;
}
@media screen and (max-width: 900px) {
  .full-p-banner__info_row {
    grid-gap: 8px;
    grid-template-columns: 80px 10px 120px;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner__info_row {
    grid-gap: 20px;
    grid-template-columns: calc(50% - 74px) 24px calc(50% - 20px);
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner__info_row {
    grid-gap: 10px;
    font-size: 1.3rem;
    line-height: 1.7rem;
    grid-template-columns: calc(50% - 54px) 25px 50%;
  }
}
.full-p-banner__info_row .line {
  display: flex;
  align-items: center;
  width: 100%;
}
.full-p-banner__info_row .line::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: var(--white);
}
.full-p-banner__info_row span:nth-child(1) {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  .full-p-banner__info_row span:nth-child(1) {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .full-p-banner__info_row span:nth-child(1) {
    text-align: right;
  }
}
@media screen and (max-width: 450px) {
  .full-p-banner__info_row span:nth-child(1) {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}

.full-p-banner__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}

.vi .full-p-banner {
  background: var(--light-bg);
}
.vi .card-info__img::before {
  filter: grayscale(1);
}
.vi .bg-gradient {
  background: linear-gradient(90deg, #717070 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
.vi .full-p-banner__info {
  background: linear-gradient(90deg, #595656 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
.vi[class*=c1] .full-p-banner {
  background: #454545;
}
.vi[class*=c1] .full-p-banner .page-title,
.vi[class*=c1] .full-p-banner .main-title,
.vi[class*=c1] .full-p-banner .full-p-banner__content,
.vi[class*=c1] .full-p-banner .btn__back,
.vi[class*=c1] .full-p-banner .share {
  color: black;
}
.vi[class*=c1] .full-p-banner.white .page-title,
.vi[class*=c1] .full-p-banner.white .main-title,
.vi[class*=c1] .full-p-banner.white .full-p-banner__content {
  color: white;
}
.vi[class*=c1] .bg-gradient {
  background: linear-gradient(90deg, #717070 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
}
@media screen and (max-width: 600px) {
  .vi[class*=c1] .bg-gradient {
    background: linear-gradient(180deg, #717070 39.69%, rgba(0, 0, 0, 0.8196078431) 103%);
  }
}
.vi[class*=c1] .bg-gradient .page-title,
.vi[class*=c1] .bg-gradient .main-title,
.vi[class*=c1] .bg-gradient .full-p-banner__content {
  color: white;
}
.vi[class*=c1] .full-p-banner__info {
  background: linear-gradient(90deg, #d9d9d9 39.69%, rgba(131, 131, 131, 0.82) 103%);
  border: 1px solid black;
}
.vi[class*=c2] .full-p-banner {
  background: var(--Neutral-3);
}
.vi[class*=c2] .bg-gradient {
  background: linear-gradient(90deg, #002d56 39.69%, rgb(154, 203, 247) 103%);
}
.vi[class*=c2] .full-p-banner__info {
  background: linear-gradient(90deg, #002d56 39.69%, rgb(100, 156, 207) 103%);
  border: 1px solid var(--black);
}

.page-head + .cards-info {
  margin-top: 0;
}

.cards-info {
  margin-top: var(--mt);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.card-info {
  width: calc((100% - 48px) / 4);
  background: var(--BG-1);
  border-radius: 6px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: 0.3s;
  flex-grow: 1;
  max-width: calc(50% - 8px);
}
@media screen and (max-width: 1300px) {
  .card-info {
    width: calc((100% - 32px) / 3);
  }
}
@media screen and (max-width: 900px) {
  .card-info {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (max-width: 600px) {
  .card-info {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 450px) {
  .card-info {
    padding: 24px 16px;
  }
}
@media screen and (hover: hover) {
  .card-info:hover {
    background: var(--white);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .card-info:hover .btn-arr {
    background: var(--green-hover-pressed);
  }
  .card-info:hover .btn-arr .icon {
    stroke: var(--white);
  }
}
.card-info .btn-arr {
  margin-top: 6px;
}
.card-info.img {
  width: calc(50% - 8px);
  min-height: 25.7rem;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .card-info.img {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 768px) {
  .card-info.img {
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 600px) {
  .card-info.img {
    width: 100%;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 450px) {
  .card-info.img {
    padding-bottom: 86px;
  }
}
.card-info.img .card-info__content {
  padding-right: 320px;
}
@media screen and (max-width: 1300px) {
  .card-info.img .card-info__content {
    padding-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .card-info.img .btn-arr {
    margin-top: 24px;
  }
}
.card-info.img .card-info__content ._plug{
  height: 5.2rem;
}
@media screen and (max-width: 450px) {
  .card-info.img .card-info__content ._plug {
    margin-top: 24px;
  }
}
.card-info.big {
  width: 100%;
  max-width: 100%;
  padding: 32px 24px;
}
@media screen and (max-width: 450px) {
  .card-info.big {
    padding: 24px 16px;
  }
}
.card-info.big .card-info__img {
  width: 278px;
  height: 278px;
  right: 49px;
  bottom: 40px;
}
@media screen and (max-width: 900px) {
  .card-info.big .card-info__img {
    bottom: -20px;
  }
}
@media screen and (max-width: 450px) {
  .card-info.big .card-info__img {
    width: 172px;
    height: 172px;
    bottom: 18px;
    right: 54px;
  }
}
.card-info.big .card-info__img::before {
  right: -22px;
  bottom: 3px;
}
@media screen and (max-width: 600px) {
  .card-info.big .card-info__img::before {
    right: -19px;
    bottom: -4px;
    width: 179px;
    height: 178px;
  }
}
.card-info.big .card-info__content {
  gap: 25px;
  padding-right: 400px;
  color: var(--Color);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1300px) {
  .card-info.big .card-info__content {
    padding-right: 340px;
  }
}
@media screen and (max-width: 900px) {
  .card-info.big .card-info__content {
    padding-right: 0;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 450px) {
  .card-info.big .card-info__content {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    padding-bottom: 139px;
  }
}
.card-info.big .btn-arr {
  margin-top: 0;
}

.cards-info.archive-page {
  margin-top: 32px;
}

.card-info__content_subtitle {
  color: var(--black);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 6px;
}
@media screen and (max-width: 450px) {
  .card-info__content_subtitle {
    font-size: 1.7rem;
  }
}

.card-info__content_list {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 24px;
}
@media screen and (max-width: 450px) {
  .card-info__content_list {
    gap: 24px;
  }
}
.card-info__content_list li {
  width: calc(50% - 12px);
  position: relative;
  padding-left: 66px;
}
@media screen and (max-width: 1024px) {
  .card-info__content_list li {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .card-info__content_list li {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 768px) {
  .card-info__content_list li {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .card-info__content_list li {
    padding-left: 54px;
  }
}
.card-info__content_list .card-info__content_ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  object-fit: contain;
  object-position: center;
}
@media screen and (max-width: 450px) {
  .card-info__content_list .card-info__content_ico {
    width: 38px;
    height: 38px;
  }
}

.card-info__black {
  color: var(--Grey-Black, #000);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.card-info__img {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 100%;
  right: 42px;
  bottom: -33px;
}
@media screen and (max-width: 768px) {
  .card-info__img {
    right: -40px;
    bottom: -80px;
  }
}
@media screen and (max-width: 450px) {
  .card-info__img {
    width: 142px;
    height: 142px;
    bottom: -3px;
    right: 31px;
  }
}
.card-info__img::before {
  content: "";
  width: 276px;
  height: 276px;
  display: block;
  bottom: -15px;
  right: -30px;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='276' height='276' viewBox='0 0 276 276' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='137.618' cy='137.618' r='137.118' stroke='url(%23paint0_linear_8704_2786)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8704_2786' x1='-69.4903' y1='26.6555' x2='410.49' y2='388.176' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23006930'/%3E%3Cstop offset='0.104881' stop-color='%23006930'/%3E%3Cstop offset='0.216312' stop-color='%23027056'/%3E%3Cstop offset='0.310575' stop-color='%2330825F'/%3E%3Cstop offset='0.382168' stop-color='%23669364'/%3E%3Cstop offset='0.450055' stop-color='%238C9F67'/%3E%3Cstop offset='0.518845' stop-color='%23A89F5D'/%3E%3Cstop offset='0.579498' stop-color='%23C5A052'/%3E%3Cstop offset='0.68441' stop-color='%23D79944'/%3E%3Cstop offset='0.804877' stop-color='%23E09549'/%3E%3Cstop offset='0.855797' stop-color='%23DC924B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 450px) {
  .card-info__img::before {
    width: 165px;
    height: 165px;
    bottom: -10px;
    right: -17px;
  }
}
.card-info__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}

.card-info__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  flex-grow: 1;
}
@media screen and (max-width: 450px) {
  .card-info__content {
    gap: 8px;
    color: var(--Grey-secondaty-text);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 18.9px */
  }
}

.card-info__text {
  flex-grow: 1;
}

.card-info__ico {
  display: block;
  width: 5rem;
  height: 5rem;
  object-fit: contain;
  object-position: center;
  margin-bottom: 14px;
  transition: opacity 0.3s;
}
@media screen and (max-width: 450px) {
  .card-info__ico {
    width: 4.2rem;
    height: 4.2rem;
    margin-bottom: 6px;
  }
}
.card-info__ico.lazyload {
  opacity: 0;
}

.card-info__title {
  color: var(--black);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .card-info__title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 450px) {
  .card-info__title {
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .vi .card-info {
    width: 100%;
    max-width: unset;
  }
}
.vi[class*=c1] .card-info {
  border: 2px solid white;
}
.vi[class*=c1] .btn-arr {
  border: 1px solid white;
}
.vi[class*=c2] .card-info {
  border: 2px solid #002d56;
}
@media screen and (hover: hover) {
  .vi[class*=c2] .card-info:hover .icon {
    stroke: var(--white);
  }
}
.vi[class*=c2] .btn-arr {
  border: 1px solid var(--black);
}

.catalog {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 1;
  gap: 32px;
  padding-bottom: var(--mt);
}
@media screen and (max-width: 1300px) {
  .catalog {
    gap: 24px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .catalog {
    flex-direction: column;
    padding-bottom: 44px;
  }
}
.catalog .result {
  color: var(--Grey-secondaty-text);
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  max-width: 764px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .catalog .result {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .catalog.static .catalog__filter-drop .icon-chevron-down {
    transform: scale(1, -1);
  }
}
@media screen and (max-width: 1024px) {
  .catalog.static .filters {
    position: static;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0px);
    z-index: 10;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .catalog.filter-transition .filters {
    position: absolute;
    transition: 0.2s;
  }
}
@media screen and (max-width: 1024px) {
  .catalog.drop-filter .filters {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    z-index: 10;
  }
}
@media screen and (max-width: 1024px) {
  .catalog.drop-filter .catalog__filter-drop .icon-chevron-down {
    transform: scale(1, -1);
  }
}
.catalog.compare-transition .catalog__compare-outer {
  transition: opacity 0.3s;
}

.catalog__main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.catalog__main_wrap {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
@media screen and (max-width: 1536px) {
  .catalog__main_wrap {
    gap: 8px;
  }
}
@media screen and (max-width: 600px) {
  .catalog__main_wrap {
    gap: 24px;
  }
}

.catalog__footnote {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
}
.catalog__footnote .catalog__footnote_link,
.catalog__footnote a {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: underline;
}
.catalog__footnote .catalog__footnote_link-grey {
  color: var(--grey52);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  text-decoration: underline;
}

.catalog__footnote_text {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.catalog__footnote_text.bold {
  font-weight: 500;
  color: var(--black);
}

.catalog__filter-wrap {
  position: relative;
  width: 307px;
  min-width: 307px;
}
@media screen and (max-width: 1300px) {
  .catalog__filter-wrap {
    width: 280px;
    min-width: 280px;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__filter-wrap {
    width: 100%;
    position: relative;
  }
}

.horizontal-filter {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 31px;
  margin-bottom: var(--mt);
}
.horizontal-filter .horizontal-filter__title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.catalog__filter {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

.catalog__compare_info {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .catalog__compare_info {
    order: 3;
    margin-top: 16px;
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 16px;
    max-width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .catalog__compare_info {
    max-width: unset;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__compare_info .page-subsubtitle {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .catalog__compare_btn {
    width: 500px;
    max-width: 100%;
    order: 4;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .catalog__compare_btn {
    width: 100%;
  }
}
.catalog__compare_btn .icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__compare_btn .icon {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .drop-compare .catalog__compare-outer {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 1024px) {
  .drop-compare .catalog__compare {
    transform: translateY(0%);
  }
}

@media screen and (max-width: 1024px) {
  .catalog__compare-outer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: flex-end;
    pointer-events: none;
    opacity: 0;
  }
}

.catalog__compare {
  border-radius: 6px;
  background: var(--white);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .catalog__compare {
    padding: 24px 48px 10rem;
    transition: transform 0.3s;
    transform: translateY(100%);
    margin: 0;
    width: 100%;
    border-radius: 12px 12px 0 0;
    align-items: center;
    max-height: 76dvh;
    overflow-y: auto;
  }
}
@media screen and (max-width: 768px) {
  .catalog__compare {
    padding: 24px 16px 5rem;
  }
}

.catalog__filter_mob-result {
  width: 100%;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catalog__filter_mob-result .catalog__filter_clear {
  color: var(--Grey-1);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.catalog__filter_controls {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_controls {
    display: flex;
    gap: 12px 24px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .catalog__filter_controls .btn-light {
    flex-grow: 1;
  }
}

.catalog__compare_mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__compare_mobile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    order: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__compare_mobile .mobile-title {
    color: var(--black);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .catalog__compare_mobile .mobile-title {
    text-align: left;
  }
}

@media screen and (max-width: 450px) {
  .catalog__filter-drop {
    flex-grow: 1;
  }
}
.catalog__filter-drop .catalog__filter-text,
.catalog__filter-drop .icon {
  pointer-events: none;
}
.catalog__filter-drop .icon-chevron-down {
  fill: white;
}
@media screen and (max-width: 450px) {
  .catalog__filter-drop .catalog__filter-text {
    flex-grow: 1;
    text-align: left;
  }
}

.catalog__filter_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 24px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_top {
    flex-grow: 1;
  }
}

.icon-filter {
  width: 1.6rem;
  height: 1.6rem;
  stroke: white;
}

.catalog__filter_clear {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .catalog__filter_clear:hover {
    color: var(--green-hover-pressed);
  }
}

.catalog__filter_results {
  margin-top: 4px;
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_results {
    margin: 0;
    color: var(--black);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: none;
  }
}

.catalog__compare_items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 18px;
  gap: 18px;
  width: 100%;
  margin-bottom: 18px;
}
@media screen and (max-width: 1024px) {
  .catalog__compare_items {
    max-width: 500px;
    order: 2;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .catalog__compare_items {
    max-width: 100%;
  }
}

.catalog__compare_item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.catalog__compare_del {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
}
@media screen and (hover: hover) {
  .catalog__compare_del:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.catalog__compare_del .icon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  fill: var(--Grey-2);
  transition: fill 0.3s;
}

.catalog__compare_name {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: color 0.3s;
  flex-grow: 1;
}
@media screen and (hover: hover) {
  .catalog__compare_name:hover {
    color: var(--green-hover-pressed);
  }
}

.catalog__compare_img {
  width: 61px;
  min-width: 61px;
  height: 39px;
}
.catalog__compare_img img,
.catalog__compare_img svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.filters {
  border-radius: 6px;
  background: var(--white);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .filters {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    top: 5.3rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    z-index: -1;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 768px) {
  .filters {
    gap: 24px 16px;
  }
}
@media screen and (max-width: 450px) {
  .filters {
    padding: 16px;
  }
}

.catalog__filter_bottom {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_bottom {
    display: flex;
    width: 100%;
    padding: 16px 0;
    flex-wrap: wrap;
    gap: 16px 32px;
  }
}
@media screen and (max-width: 600px) {
  .catalog__filter_bottom {
    justify-content: space-between;
  }
}
.catalog__filter_bottom.centered {
  display: flex;
  margin-top: 32px;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_bottom.centered {
    justify-content: center;
    margin-top: 0;
  }
}
.catalog__filter_bottom.centered .catalog__filter_clear {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_bottom.centered .catalog__filter_clear {
    display: block;
  }
}
.catalog__filter_bottom.centered .btn {
  display: flex;
}
.catalog__filter_bottom.centered .btn .icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  .catalog__filter_bottom.centered .btn .icon {
    display: block;
  }
}
.catalog__filter_bottom .btn {
  width: 100%;
  justify-content: space-between;
}
.catalog__filter_bottom .catalog__filter_results {
  margin: 0;
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: max-content;
  display: block;
}
.catalog__filter_bottom .catalog__filter_clear {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: max-content;
}

.valuta-flag .filters__category_text {
  color: var(--black);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  gap: 12px;
}

.filters__category_radio {
  display: flex;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .filters__category_radio:hover .filters__category_radio-text {
    color: var(--green-hover-pressed);
  }
}
.filters__category_radio .filters__category_radio-text {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: color 0.3s;
}
.filters__category_radio .filters__category_radio-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  border: 2px solid var(--Grey-3-Stroke);
  transform: translateY(-54%);
  border-radius: 100%;
}
.filters__category_radio input:checked ~ .filters__category_radio-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cg clip-path='url(%23clip0_9467_15274)'%3E%3Ccircle cx='9' cy='9.93237' r='9' fill='%23006930'/%3E%3Crect x='5' y='5.93237' width='8' height='8' rx='4' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9467_15274'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.932373)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  border-color: transparent;
}

.filters__category_flag img,
.filters__category_flag svg {
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
  object-position: center;
  display: block;
}

.filters__category_flags {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Grey-2);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
}
.filters__category_flags ~ span {
  text-transform: uppercase;
}
.filters__category_flags img,
.filters__category_flags svg {
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
  object-position: center;
  display: block;
}

.filters__category {
  margin-top: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .filters__category {
    width: calc(33.3% - 17px);
    margin-top: 0;
  }
}
@media screen and (max-width: 900px) {
  .filters__category {
    width: calc(50% - 14px);
  }
}
@media screen and (max-width: 768px) {
  .filters__category {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 600px) {
  .filters__category {
    width: 100%;
  }
}
.filters__category.dropped {
  z-index: 3;
}
.filters__category.filter-btn-sm .filters__category_list, .filters__category.filter-btn .filters__category_list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.filters__category.filter-btn-sm .filters__category_label, .filters__category.filter-btn .filters__category_label {
  padding-left: 0;
  display: flex;
}
.filters__category.filter-btn-sm .filters__category_label.hidden, .filters__category.filter-btn .filters__category_label.hidden {
  display: flex;
}
@media screen and (hover: hover) {
  .filters__category.filter-btn-sm .filters__category_label:hover .filters__category_text, .filters__category.filter-btn .filters__category_label:hover .filters__category_text {
    border-color: var(--green-hover-pressed);
  }
}
.filters__category.filter-btn-sm .filters__category_label input:checked ~ .filters__category_text, .filters__category.filter-btn .filters__category_label input:checked ~ .filters__category_text {
  border-color: var(--Green-Normal);
  background-color: var(--Green-Normal);
  color: var(--white);
}
.filters__category.filter-btn-sm .filters__category_label input:disabled, .filters__category.filter-btn .filters__category_label input:disabled {
  pointer-events: none;
}
.filters__category.filter-btn-sm .filters__category_label input:disabled ~ .filters__category_text, .filters__category.filter-btn .filters__category_label input:disabled ~ .filters__category_text {
  border-color: var(--disable);
  color: var(--disable);
}
.filters__category.filter-btn-sm .filters__category_label input:checked:disabled ~ .filters__category_text, .filters__category.filter-btn .filters__category_label input:checked:disabled ~ .filters__category_text {
  border-color: var(--Green-Normal);
  background-color: var(--Green-Normal);
  color: var(--white);
  opacity: 0.4;
}
.filters__category.filter-btn-sm .filters__category_text, .filters__category.filter-btn .filters__category_text {
  color: var(--Green-Normal);
  border: 1px solid var(--Green-Normal);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 1rem 1rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filters__category.filter-btn-sm .filters__category_text::before, .filters__category.filter-btn-sm .filters__category_text::after, .filters__category.filter-btn .filters__category_text::before, .filters__category.filter-btn .filters__category_text::after {
  content: none;
}
.filters__category.filter-btn .filters__category_label {
  width: calc(50% - 4px);
}
.filters__category.filter-btn .filters__category_text {
  width: 100%;
  display: flex;
  justify-content: center;
}
.filters__category.radio input:checked ~ .filters__category_text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cg clip-path='url(%23clip0_9467_15274)'%3E%3Ccircle cx='9' cy='9.93237' r='9' fill='%23006930'/%3E%3Crect x='5' y='5.93237' width='8' height='8' rx='4' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9467_15274'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.932373)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  border-color: transparent;
  background-color: unset;
}
.filters__category.radio .filters__category_text::before {
  background-size: 1.8rem;
  background-position: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
}
.filters__category.radio .filters__category_text::after {
  content: none;
}
.filters__category.drop-currency .custom-trigger {
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  padding-right: 34px;
}
.filters__category.drop-currency .custom-trigger::after {
  position: absolute;
  right: 12px;
}
.filters__category .filters__category_select {
  min-height: 4.225rem;
}
.filters__category .drop-search .custom-trigger {
  padding-left: 3.6rem;
}
.filters__category .drop-search .custom-trigger::after {
  transition: unset;
}
.filters__category .drop-search .drop-search__inp {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 3.2rem);
  height: 100%;
  z-index: 4;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  padding-left: 3.6rem;
  border-radius: 6px;
  overflow: hidden;
}
.filters__category .drop-search .drop-search__inp input {
  width: 100%;
  color: var(--grey52);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  background: var(--white);
  opacity: 1;
}
.filters__category .drop-search .drop-search__inp input::placeholder {
  color: transparent;
}
.filters__category .drop-search .drop-search__inp input:placeholder-shown {
  opacity: 0;
}
.filters__category .drop-search .drop-search__inp input:focus {
  opacity: 1;
}
.filters__category .drop-search .icon-search {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  left: 1.2rem;
  top: 1.3rem;
  fill: none;
  stroke: var(--black);
  stroke-width: 1.5;
}
.filters__category .show .custom-trigger {
  border-color: var(--green-hover-pressed);
}
.filters__category .custom-trigger {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  padding-right: 3.6rem;
}
.filters__category .custom-trigger::after {
  position: absolute;
  right: 1px;
  height: calc(100% - 2px);
  top: 1px;
  width: 3.6rem;
  background-color: var(--white);
  background-size: 1.3rem 0.8rem;
  border-radius: 8px;
}
.filters__category .custom-trigger.default {
  color: var(--Grey-secondaty-text);
}
.filters__category .custom-trigger.default::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M12 1.53847L7.35493 6.54086C6.89336 7.03793 6.10665 7.03794 5.64507 6.54086L1 1.53847' stroke='%23525252' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.filters__category.valuta .filters__category_label {
  display: flex;
}
.filters__category.valuta .filters__category_text {
  color: var(--black);
}
.filters__category.valuta .filters__category_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.filters__category.valuta .filters__category_title::after {
  content: attr(data-warn);
  color: var(--black);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 2px;
}
.filters__category.valuta .filters__category_list {
  position: relative;
}
.filters__category.valuta .warn {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
}
.filters__category.valuta.show-warn .warn {
  cursor: pointer;
  right: 0;
  top: var(--top);
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 15.7501C12.7279 15.7501 15.75 12.728 15.75 9.00009C15.75 5.27217 12.7279 2.25009 9 2.25009C5.27208 2.25009 2.25 5.27217 2.25 9.00009C2.25 12.728 5.27208 15.7501 9 15.7501Z' stroke='%23D80027' stroke-width='1.12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.4375 8.43759H9V12.3751H9.5625' stroke='%23D80027' stroke-width='1.12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.85938 6.75009C9.32537 6.75009 9.70312 6.37233 9.70312 5.90634C9.70312 5.44035 9.32537 5.06259 8.85938 5.06259C8.39338 5.06259 8.01562 5.44035 8.01562 5.90634C8.01562 6.37233 8.39338 6.75009 8.85938 6.75009Z' fill='%23D80027'/%3E%3C/svg%3E");
}
.filters__category.valuta.show-warn .warn:hover::after {
  content: attr(data-warn);
  position: absolute;
  width: 140px;
  right: calc(100% + 6px);
  top: -10px;
  border-radius: 2px;
  background: var(--tooltip-75);
  display: block;
  color: var(--white);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 6px;
}
.filters__category.valuta.show-warn .warn:hover::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  right: calc(100% + 1px);
  top: 3px;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent var(--tooltip-75);
}
.filters__category.show .filters__category_label {
  display: flex;
}
.filters__category.show .filters__category_drop::before {
  content: attr(data-hide);
}
.filters__category.show .filters__category_drop .icon {
  transform: scale(1, -1);
}
.filters__category .custom-select {
  width: 100%;
}

.date-input {
  width: 100%;
}
.date-input input {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  padding: 1rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 32px;
  color: var(--grey52);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: color 0.3s, border 0.3s;
}
@media screen and (hover: hover) {
  .date-input input:hover {
    border-color: var(--green-hover-pressed);
  }
}
.date-input input:focus {
  border-color: var(--green-hover-pressed);
}

.default-input {
  width: 100%;
}
.default-input input {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  padding: 1rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 32px;
  color: var(--grey52);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: color 0.3s, border 0.3s;
}
@media screen and (hover: hover) {
  .default-input input:hover {
    border-color: var(--green-hover-pressed);
  }
}
.default-input input:focus {
  border-color: var(--green-hover-pressed);
}
.default-input input::-webkit-outer-spin-button, .default-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.filters__category_title {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
}
.filters__category_title.empty {
  display: none;
}
@media screen and (max-width: 1024px) {
  .filters__category_title.empty {
    display: block;
    height: 1.8rem;
  }
}

.filters__category_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

.filters__category_label {
  position: relative;
  padding-left: 2.6rem;
  display: none;
}
.filters__category_label:nth-child(1), .filters__category_label:nth-child(2), .filters__category_label:nth-child(3), .filters__category_label:nth-child(4), .filters__category_label:nth-child(5), .filters__category_label:nth-child(6) {
  display: flex;
}
@media screen and (hover: hover) {
  .filters__category_label:hover .filters__category_text {
    color: var(--green-hover-pressed);
  }
}
.filters__category_label input:checked ~ .filters__category_text {
  color: var(--black);
}
.filters__category_label input:checked ~ .filters__category_text::before {
  border-color: var(--Green-Normal);
  background-color: var(--Green-Normal);
}
.filters__category_label input:checked ~ .filters__category_text::after {
  transform: unset;
  opacity: 1;
}
.filters__category_label input:disabled {
  pointer-events: none;
}
.filters__category_label input:disabled ~ .filters__category_text {
  cursor: default;
  color: var(--disable);
}
.filters__category_label input:disabled ~ .filters__category_text::before {
  opacity: 0.56;
}
.filters__category_label input:disabled ~ .filters__category_text::after {
  opacity: 0.56;
}
.filters__category_label input:checked:disabled ~ .filters__category_text::before {
  border-color: var(--Green-Normal);
  background-color: var(--Green-Normal);
}
.filters__category_label input:checked:disabled ~ .filters__category_text::after {
  opacity: 1;
}

.filters__category_text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: 0.3s;
  user-select: none;
  cursor: pointer;
}
.filters__category_text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  transform: unset;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  z-index: 1;
  box-sizing: border-box;
  transition: border 0.3s, background 0.3s;
}
.filters__category_text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 1.8rem;
  height: 1.8rem;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9021 1.57568L4.88567 9.32439C4.82352 9.39359 4.73893 9.43251 4.65068 9.43251C4.56243 9.43251 4.47784 9.39359 4.4157 9.32439L0.847899 5.38424C0.785243 5.31561 0.75 5.22219 0.75 5.12473C0.75 5.02728 0.785243 4.93385 0.847899 4.86523L1.31125 4.35352C1.37339 4.28432 1.45799 4.2454 1.54623 4.2454C1.63448 4.2454 1.71907 4.28432 1.78122 4.35352L4.64737 7.51879L10.9688 0.537642C11.0997 0.397446 11.3078 0.397446 11.4388 0.537642L11.9021 1.05666C11.9648 1.12529 12 1.21871 12 1.31617C12 1.41363 11.9648 1.50705 11.9021 1.57568Z' fill='white'/%3E%3C/svg%3E%0A");
  transition: opacity 0.3s;
  opacity: 0;
  transform: unset;
}
.filters__category_text .grey-txt {
  margin-left: -4px;
  color: var(--Grey-1);
}

.filters__category_drop {
  color: var(--black);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: color 0.3s;
}
.filters__category_drop::before {
  content: attr(data-default);
}
@media screen and (hover: hover) {
  .filters__category_drop:hover {
    color: var(--green-hover-pressed);
  }
  .filters__category_drop:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.filters__category_drop .icon,
.filters__category_drop img {
  fill: var(--black);
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  transition: fill 0.3s;
  pointer-events: none;
}

.vi .filters__category .drop-search .custom-trigger::after {
  filter: unset;
}
.vi .filters__category.radio input:checked ~ .filters__category_text::before {
  filter: grayscale(1) contrast(1.5);
}
.vi[class*=c1] .filters__category.radio input:checked ~ .filters__category_text::before {
  filter: grayscale(1) contrast(1) brightness(1.5);
}
.vi[class*=c1] .filters__category_text::after {
  filter: invert(1);
}
.vi[class*=c2] .filters__category_text::after,
.vi[class*=c2] .custom-select .custom-trigger::after {
  filter: contrast(0) brightness(0.5);
}
.vi[class*=c2] .filters__category_text::after {
  filter: contrast(1) brightness(1);
}
.vi[class*=c2] .filters__category .drop-search .custom-trigger::after {
  filter: unset;
  top: 2px;
  height: calc(100% - 4px);
  right: 2px;
}
.vi[class*=s2] .filters__category.filter-btn .filters__category_label, .vi[class*=sp2] .filters__category.filter-btn .filters__category_label {
  width: 100%;
}
.vi[class*=s2] .filters__category_title,
.vi[class*=s2] .valuta .filters__category_text,
.vi[class*=s2] .valuta-flag .filters__category_text, .vi[class*=sp2] .filters__category_title,
.vi[class*=sp2] .valuta .filters__category_text,
.vi[class*=sp2] .valuta-flag .filters__category_text {
  flex-wrap: wrap;
}
@media screen and (max-width: 1536px) {
  .vi[class*=s2] .drop-currency .custom-trigger img,
  .vi[class*=s2] .drop-currency .custom-option img, .vi[class*=sp2] .drop-currency .custom-trigger img,
  .vi[class*=sp2] .drop-currency .custom-option img {
    display: none;
  }
}

.filters__category_select.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.custom-select .custom-select__wrap {
  overflow-y: auto;
  max-height: 235px;
}

.faq__wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.faq__wrap [accordion-inner] {
  transition: 0.3s;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  .faq__wrap [accordion-inner] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.faq__wrap .bx-text {
  color: var(--Grey-secondaty-text);
  padding-top: 16px;
}

.faq__el.active > .faq__trigger {
  background: var(--Green-Normal);
  color: var(--white);
}
.faq__el.active > .faq__trigger .icon {
  fill: var(--white);
}

.faq__trigger {
  border-radius: 6px;
  background: var(--BG-2);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .faq__trigger:hover {
    color: var(--green-hover-pressed);
  }
  .faq__trigger:hover .icon {
    fill: var(--green-hover-pressed);
  }
}
.faq__trigger .icon {
  fill: var(--Green-Normal);
}

.lvl2 {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--Line);
}
.lvl2.active {
  border-color: var(--Green-Normal);
}
.lvl2 .faq__trigger {
  padding: 6px 20px 6px 0;
  background: unset;
  font-weight: 600;
  line-height: 1.19;
}
.lvl2 [accordion-inner] {
  padding-left: 0;
  color: var(--Grey-secondaty-text);
}

.vi[class*=c1] .faq__el {
  border-bottom: 1px solid white;
}
.vi[class*=c1] .faq__el.active {
  border-bottom: 1px solid transparent;
}
.vi[class*=c1] .faq__el.active > .faq__trigger {
  background-color: rgba(255, 255, 255, 0.5058823529);
}

.calculator .calculator__wrap {
  margin-top: 16px;
  display: flex;
  align-items: stretch;
  gap: 50px;
}
@media screen and (max-width: 1300px) {
  .calculator .calculator__wrap {
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .calculator .calculator__wrap {
    flex-direction: column;
  }
}
.calculator .calculator__block {
  flex-grow: 1;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .calculator .calculator__block {
    padding-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .calculator .calculator__block {
    width: 100%;
    border: unset;
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .calculator .calculator__block {
    gap: 24px;
  }
}
.calculator .calculator__selects {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 600px) {
  .calculator .calculator__selects {
    gap: 12px;
  }
}
.calculator .calculator__selects .calculator__title {
  margin-bottom: 6px;
}
.calculator .calculator__selects .btn {
  margin-top: 14px;
}
.calculator .calculator__field {
  position: relative;
  width: 100%;
  min-height: 7.3rem;
}
@media screen and (max-width: 600px) {
  .calculator .calculator__field {
    min-height: 7rem;
  }
}
.calculator .calculator__field.input-wrap input {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  background: var(--BG-2);
  color: var(--black);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 3.3rem 2.4rem 1.4rem;
  transition: color 0.3s, border 0.3s, background 0.3s;
}
@media screen and (max-width: 600px) {
  .calculator .calculator__field.input-wrap input {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.calculator .calculator__field.input-wrap input::placeholder {
  color: var(--Grey-2);
}
.calculator .calculator__field.input-wrap input:placeholder-shown {
  background: transparent;
}
.calculator .calculator__field.input-wrap input:focus {
  border: 1px solid var(--Green-Normal);
}
.calculator .calculator__field.input-wrap input::-webkit-outer-spin-button, .calculator .calculator__field.input-wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media screen and (hover: hover) {
  .calculator .calculator__field.input-wrap:hover input {
    background: var(--BG-2);
    border: 1px solid var(--Green-Normal);
  }
}
.calculator .calculator__field.input-wrap::before {
  content: attr(data-name);
  position: absolute;
  top: 14px;
  left: 2.4rem;
  z-index: 1;
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.calculator .calculator__field.js-select__wrap::before {
  content: attr(data-name);
  position: absolute;
  top: 14px;
  left: 2.4rem;
  z-index: 1;
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.calculator .calculator__field.dropped::before {
  z-index: 4;
}
.calculator .calculator__field.was-checked .custom-trigger {
  color: var(--black);
  background: var(--BG-2);
}
.calculator .calculator__field.readonly {
  pointer-events: none;
}
.calculator .calculator__field.readonly .custom-trigger {
  color: var(--black);
}
.calculator .calculator__field.readonly .custom-trigger::after {
  opacity: 0.4;
}
.calculator .calculator__field._disabled-input {
  pointer-events: none;
  background: var(--BG-2);
}
.calculator .calculator__field.disabled {
  pointer-events: none;
}
.calculator .calculator__field.disabled .custom-trigger span {
  opacity: 0.5;
}
.calculator .calculator__field.disabled .custom-trigger::after {
  opacity: 0.4;
}
.calculator .calculator__field.disabled::before {
  opacity: 0.5;
}
.calculator .calculator__field.hidden-arrow .custom-trigger::after {
  opacity: 0;
}
.calculator .calculator__title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .calculator .calculator__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.calculator .calculator__bottom {
  color: var(--Grey-2);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 450px) {
  .calculator .calculator__bottom {
    font-size: 1.1rem;
    line-height: 120%;
  }
}
.calculator .calculator__side {
  min-width: 59%;
  width: 59%;
  border-radius: 12px;
  background: var(--BG-1);
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}
@media screen and (max-width: 1300px) {
  .calculator .calculator__side {
    width: 53%;
    min-width: 53%;
    padding: 24px 16px;
  }
}
@media screen and (max-width: 768px) {
  .calculator .calculator__side {
    width: 100%;
  }
}
.calculator .calculator__side.credit-desk {
  justify-content: flex-start;
}
.calculator .show .custom-trigger {
  background: var(--BG-2);
  border-color: var(--Green-Normal);
}
.calculator .show .custom-trigger::after {
  filter: unset;
  opacity: 1;
}
.calculator .custom-trigger {
  padding: 3.3rem 2.4rem 1.4rem;
  border-color: var(--Grey-3-Stroke);
  color: var(--Grey-2, );
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  transition: background 0.3s, border 0.3s, color 0.3s;
}
@media screen and (max-width: 600px) {
  .calculator .custom-trigger {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.calculator .custom-trigger:focus {
  border-color: var(--Green-Normal);
  background: var(--BG-2);
}
@media screen and (hover: hover) {
  .calculator .custom-trigger:hover {
    border-color: var(--Green-Normal);
    background: var(--BG-2);
  }
}
.calculator .custom-trigger::after {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.568 17.1008L3.37403 8.87783C2.52503 7.90883 3.21503 6.39083 4.50353 6.39083L18.8915 6.39083C19.1799 6.39059 19.4622 6.47347 19.7047 6.62955C19.9472 6.78562 20.1395 7.00829 20.2587 7.27087C20.3779 7.53346 20.4188 7.82483 20.3767 8.1101C20.3345 8.39537 20.2111 8.66244 20.021 8.87933L12.827 17.0993C12.6862 17.2604 12.5126 17.3896 12.3178 17.4781C12.123 17.5665 11.9115 17.6123 11.6975 17.6123C11.4836 17.6123 11.2721 17.5665 11.0773 17.4781C10.8824 17.3896 10.7088 17.2604 10.568 17.0993V17.1008Z' fill='%23006930'/%3E%3C/svg%3E");
  filter: grayscale(1);
  opacity: 0.9;
}
@media screen and (max-width: 600px) {
  .calculator .custom-trigger::after {
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
  }
}
.calculator .calculator__side_top {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.calculator .calculator__side_top .calculator__get-detail {
  color: var(--Green-Normal);
  font-weight: 600;
  font-size: 1.6rem;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .calculator .calculator__side_top .calculator__get-detail:hover {
    color: var(--green-hover-pressed);
  }
}
.calculator .calculator__side_res .calculator__side_text,
.calculator .calculator__side_res .calculator__side_calc {
  text-align: center;
}
.calculator .calculator__side_res .calculator__side_calc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: auto;
  gap: 12px;
  width: 100%;
}
.calculator .calculator__side_res .calculator__side_calc > span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}
.calculator .calculator__side_res .calculator__side_calc p {
  font-size: 3.2rem;
}
@media screen and (max-width: 1300px) {
  .calculator .calculator__side_res .calculator__side_calc p {
    font-size: 2.2rem;
  }
}
.calculator .calculator__side_res .calculator__side_info b,
.calculator .calculator__side_res .calculator__side_info strong {
  color: var(--black);
  font-size: 1.8rem;
}
.calculator .calculator__side_info {
  margin-top: 24px;
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.calculator .calculator__side_info ul li {
  display: flex;
  align-items: flex-start;
}
.calculator .calculator__side_info ul li::before {
  content: "-";
  margin-right: 5px;
}
.calculator .calculator__side_fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .calculator .calculator__side_fields {
    grid-template-columns: repeat(1,1fr);
  }
}
.calculator .calculator__side_green {
  padding: 16px;
  border-radius: 6px;
  background: var(--Green-Normal);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 1300px) {
  .calculator .calculator__side_green {
    padding: 10px 12px;
  }
}
.calculator .calculator__side_text {
  color: var(--white);
  text-align: left;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1024px) {
  .calculator .calculator__side_text {
    font-size: 1.4rem;
  }
}
.calculator .calculator__side_calc {
  color: var(--white-40);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 1300px) {
  .calculator .calculator__side_calc {
    font-size: 1.8rem;
  }
}
.calculator .calculator__side_calc p {
  color: var(--white);
}
.calculator .calculator__side_bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.calculator .calculator__side_bottom a {
  color: var(--Green-Normal);
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .calculator .calculator__side_bottom a:hover {
    color: var(--green-hover-pressed);
  }
}

html[class*=c1] .calculator__side_green {
  background: black;
  border: 2px solid white;
}
html[class*=c1] .calculator .calculator__side_text,
html[class*=c1] .calculator .calculator__side_calc p,
html[class*=c1] .deposit-info__side_banner-title {
  color: white;
}
html[class*=c1] .deposit-info__main .btn-white {
  border: 2px solid white;
}
.inputs-grid {
  --calc-gap: 10px;
  --calc-elements: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--calc-gap);
}
.inputs-grid._hidden {
  display: none;
}

.calculator .inputs-grid__el {
  width: calc((100% - (var(--calc-elements) - 1) * var(--calc-gap)) / (var(--calc-elements)));
}
.calculator .inputs-grid__el.--w-full {
  width: 100%;
}

.input-box {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Grey-3-Stroke);
  background: var(--white);
  color: var(--black);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 1.4rem 2.4rem;
  -webkit-transition: color 0.3s, border 0.3s, background 0.3s;
  transition: color 0.3s, border 0.3s, background 0.3s;
  display: flex;
  flex-direction: column;
}
@media screen and (hover: hover) {
  .input-box:hover {
    background: var(--BG-2);
    border: 1px solid var(--Green-Normal);
  }
}
.input-box:focus {
  background: var(--BG-2);
  border: 1px solid var(--Green-Normal);
}
.input-box span {
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2px;
}
.input-box input {
  width: 100%;
}
.input-box input::-webkit-outer-spin-button, .input-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (max-width: 768px) {
  .inputs-grid {
    --calc-elements: 1;
  }
}
@media (max-width: 1024px) {
  .none-sm {
    display: none;
  }
}

@media (min-width: 1024px) {
  .none-xl {
    display: none;
  }
}
.form {
  display: flex;
  align-items: stretch;
  gap: 32px;
}
@media screen and (max-width: 1300px) {
  .form {
    flex-direction: column;
  }
}
.form.form-step .form__side {
  width: 41%;
  min-width: 41%;
}
@media screen and (max-width: 1300px) {
  .form.form-step .form__side {
    width: 100%;
    min-width: unset;
  }
}
.form .btn-circle {
  color: var(--Green-Normal);
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .form .btn-circle:hover {
    color: var(--green-hover-pressed);
  }
}

.form__tabs {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .form__tabs {
    overflow-x: auto;
    width: calc(100% + var(--global) + var(--global));
    margin-left: calc(var(--global) * -1);
    padding: 0 var(--global);
    gap: 4px;
    flex-wrap: wrap;
  }
  .form__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
  }
  .form__tabs::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
  }
  .form__tabs::-webkit-scrollbar-corner {
    background: transparent;
  }
}
.form__tabs .form__tab {
  color: var(--black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 12px 16px;
  border: 1px solid #000;
  border-radius: 6px;
  transition: color 0.3s, border 0.3s;
}
@media screen and (max-width: 768px) {
  .form__tabs .form__tab {
    padding: 10px;
  }
}
@media screen and (hover: hover) {
  .form__tabs .form__tab:hover {
    color: var(--green-hover-pressed);
  }
}
.form__tabs .form__tab.active {
  color: var(--Green-Normal);
  border-color: var(--Green-Normal);
}

.form-step__steps {
  display: flex;
  position: relative;
  align-items: flex-start;
  gap: 145px;
}
@media screen and (max-width: 768px) {
  .form-step__steps {
    gap: 100px;
  }
}
@media screen and (max-width: 450px) {
  .form-step__steps {
    gap: 78px;
  }
}
.form-step__steps .form-step__step {
  position: relative;
  z-index: 2;
  color: var(--Grey-secondaty-text);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  max-width: 42px;
}
.form-step__steps .form-step__step.success{
  padding: 0;
}
.form-step__steps .form-step__step.current .form-step__step_num {
  color: var(--green-hover-pressed);
  border-color: var(--green-hover-pressed);
}
.form-step__steps .form-step__step.current .form-step__step_name {
  color: var(--black);
}
.form-step__steps .form-step__step.current::after {
  background-image: linear-gradient(90deg, var(--green-hover-pressed) 50%, var(--Grey-2) 50%);
}
.form-step__steps .form-step__step.success::after {
  background-color: var(--green-hover-pressed);
}
.form-step__steps .form-step__step.success .form-step__step_num {
  background-color: var(--green-hover-pressed);
  border-color: var(--green-hover-pressed);
}
.form-step__steps .form-step__step.success .form-step__step_num .icon {
  fill: none;
  stroke: var(--white);
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
  stroke-width: 3px;
  stroke-linecap: round;
}
.form-step__steps .form-step__step:nth-last-child(1)::after {
  content: none;
}
.form-step__steps .form-step__step::after {
  content: "";
  height: 2px;
  width: 141px;
  border-radius: 4px;
  background: var(--Grey-2);
  position: absolute;
  top: 20px;
  left: calc(100% + 2px);
}
@media screen and (max-width: 768px) {
  .form-step__steps .form-step__step::after {
    width: 96px;
  }
}
@media screen and (max-width: 450px) {
  .form-step__steps .form-step__step::after {
    width: 74px;
  }
}
.form-step__steps .form-step__step_num {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--Grey-2);
}
.form-step__steps .form-step__step_name {
  max-width: 153px;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .form-step__steps .form-step__step_name {
    display: none;
  }
}

.form__side {
  width: 422px;
  min-width: 422px;
  border-right: 1px solid var(--Line);
  padding-right: 32px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media screen and (max-width: 1300px) {
  .form__side {
    flex-direction: column;
    padding-right: 0;
    border-right: unset;
    width: 100%;
    min-width: unset;
  }
}
.form__side .page-form__title {
  margin-bottom: 16px;
}

.form__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 1300px) {
  .form__main {
    border-radius: 12px;
    background: var(--BG-1);
    padding: 24px 16px;
  }
}
@media screen and (max-width: 450px) {
  .form__main {
    width: calc(100% + var(--global) + var(--global));
    margin-left: calc(var(--global) * -1);
  }
}
.form__main form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form__main .form-btns,
.form__main .checkboxes {
  margin-top: 0;
}

.input-container__text {
  color: var(--Grey-secondaty-text);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
}

.page-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  padding: 32px;
  background: #FFF;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .page-form {
    padding: 24px 16px;
  }
}

.page-form__title {
  color: var(--black);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .page-form__title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page-form__title {
    font-size: 2.3rem;
  }
}

.checkboxes {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.page-form__desk {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .page-form__desk {
    font-size: 1.6rem;
  }
}
.page-form__desk a {
  color: var(--Green-Normal);
  text-decoration: underline;
}
@media screen and (hover: hover) {
  .page-form__desk a:hover {
    color: var(--green-hover-pressed);
  }
}
.page-form__desk h2 {
  color: var(--black);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .page-form__desk h2 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .page-form__desk h2 {
    font-size: 2.3rem;
  }
}
.page-form__desk h1 {
  color: var(--black);
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  margin-top: 32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-form__desk h1 {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page-form__desk h1 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 450px) {
  .page-form__desk h1 {
    font-size: 2.8rem;
  }
}
.page-form__desk h3 {
  color: var(--black);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .page-form__desk h3 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .page-form__desk h3 {
    font-size: 2rem;
  }
}
.page-form__desk h4 {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .page-form__desk h4 {
    font-size: 1.8rem;
    font-weight: 700;
  }
}
.page-form__desk h5 {
  color: var(--black);
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .page-form__desk h5 {
    font-size: 1.6rem;
    font-weight: 600;
  }
}
.page-form__desk h6 {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  .page-form__desk h6 {
    font-size: 1.5rem;
    font-weight: 700;
  }
}
.page-form__desk i {
  color: var(--Grey-1);
  font-style: italic;
}
.page-form__desk p {
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 600px) {
  .page-form__desk p {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.page-form__desk b {
  font-weight: 700;
}
.page-form__desk ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 16px;
}
.page-form__desk ul.square > li::before {
  border-radius: 0;
}
.page-form__desk ul.line > li::before {
  border-radius: 0;
  width: 1.2rem;
  height: 2px;
  top: 0.9rem;
}
.page-form__desk ul ul, .page-form__desk ul ol {
  margin-bottom: 0;
}
.page-form__desk ul > li {
  padding-left: 2.2rem;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page-form__desk ul > li {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.page-form__desk ul > li::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: var(--Green-Normal);
}
.page-form__desk ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  counter-reset: section; /* Создаёт новый счётчик для каждого тега <ol> */
  list-style-type: none;
  margin-bottom: 16px;
}
.page-form__desk ol ul, .page-form__desk ol ol {
  margin-bottom: 0;
}
.page-form__desk ol > li {
  padding-left: 2.2rem;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .page-form__desk ol > li {
    font-size: 1.5rem;
    line-height: 135%;
  }
}
.page-form__desk ol > li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 600px) {
  .page-form__desk ol > li::before {
    font-size: 1.5rem;
    line-height: 135%;
  }
}

.form-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 31px;
}

.inputs-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.input-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
@media (max-width: 768px) {
  .input-container {
    width: 100%;
  }
}
.input-container.disabled {
  pointer-events: none;
}
.input-container.disabled .label {
  color: var(--Stroke);
}
.input-container.disabled * {
  border-color: var(--Stroke);
  color: var(--Stroke);
}
.input-container.disabled *::placeholder {
  color: var(--Stroke);
}
.input-container.disabled .input-default {
  border-color: var(--Stroke);
  color: var(--Stroke);
}
.input-container.disabled .input-default::placeholder {
  color: var(--Stroke);
}
.input-container.disabled .custom-trigger::after {
  filter: contrast(1) brightness(1);
}
.input-container.readonly {
  pointer-events: none;
}
.input-container.readonly .label {
  color: var(--black);
}
.input-container.readonly .custom-trigger {
  background: var(--line);
}
.input-container.readonly .custom-trigger::after {
  opacity: 0.3;
  filter: contrast(1) brightness(1);
}
.input-container._err .js-select__wrap::after {
  content: attr(data-err);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.49998 13.6666C3.81798 13.6666 0.833313 10.682 0.833313 6.99998C0.833313 3.31798 3.81798 0.333313 7.49998 0.333313C11.182 0.333313 14.1666 3.31798 14.1666 6.99998C14.1666 10.682 11.182 13.6666 7.49998 13.6666ZM6.83331 8.99998V10.3333H8.16665V8.99998H6.83331ZM6.83331 3.66665V7.66665H8.16665V3.66665H6.83331Z' fill='%23C83532'/%3E%3C/svg%3E");
  background-size: 15px 14px;
  background-position: left top;
  background-repeat: no-repeat;
  color: #C83532;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding-left: 20px;
}
.input-container .custom-trigger {
  padding: 12px;
  padding-right: 35px;
  background: var(--white);
  color: var(--black);
  overflow: hidden;
}
.input-container .custom-trigger.default {
  color: var(--Grey-1);
}
.input-container .custom-trigger::after {
  filter: unset;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: var(--white);
  height: calc(100% - 2px);
  width: 3.6rem;
  border-radius: 5px;
  background-size: 1.6rem;
  transition: unset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M13.5 6.93237L8.5 11.9324L3.5 6.93237' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.input-container._err .custom-trigger {
  border-color: var(--Error);
}
.input-container.w30 {
  width: 360px;
  min-width: min(300px, 100%);
  max-width: calc(50% - 16px);
}
@media screen and (max-width: 450px) {
  .input-container.w30 {
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
}
.input-container.w33 {
  width: calc((100% - 62px) / 3);
}
@media screen and (max-width: 1024px) {
  .input-container.w33 {
    width: calc(50% - 15.5px);
  }
}
@media screen and (max-width: 768px) {
  .input-container.w33 {
    width: 360px;
    max-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .input-container.w33 {
    width: 100%;
  }
}
.input-container.w50 {
  width: calc(50% - 15.5px);
}
@media screen and (max-width: 768px) {
  .input-container.w50 {
    width: 100%;
  }
}
.input-container.w25 {
  width: calc((100% - 93px) / 4);
}
@media screen and (max-width: 768px) {
  .input-container.w25 {
    width: 100%;
  }
}
.input-container.code {
  width: 100%;
  max-width: 100%;
}
.input-container.code.w30 > * {
  width: 360px;
  min-width: min(300px, 100%);
  max-width: calc(50% - 16px);
}
@media screen and (max-width: 450px) {
  .input-container.code.w30 > * {
    width: 100%;
    min-width: unset;
    max-width: 100%;
  }
}
.input-container .dropped .custom-trigger {
  border-color: var(--green-hover-pressed);
}
.input-container .label {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
  min-height: 1.8rem;
  position: relative;
  /* z-index: 4; */
}

.form-row__text {
  width: 100%;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 600px) {
  .form-row__text {
    margin-bottom: -8px;
  }
}
.form-row__text a {
  color: var(--Green-Normal);
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .form-row__text a:hover {
    color: var(--green-hover-pressed);
  }
}

.input-wrap._err .input-default {
  border-color: var(--Error);
}
.input-wrap._err::after {
  content: attr(data-err);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.49998 13.6666C3.81798 13.6666 0.833313 10.682 0.833313 6.99998C0.833313 3.31798 3.81798 0.333313 7.49998 0.333313C11.182 0.333313 14.1666 3.31798 14.1666 6.99998C14.1666 10.682 11.182 13.6666 7.49998 13.6666ZM6.83331 8.99998V10.3333H8.16665V8.99998H6.83331ZM6.83331 3.66665V7.66665H8.16665V3.66665H6.83331Z' fill='%23C83532'/%3E%3C/svg%3E");
  background-size: 15px 14px;
  background-position: left top;
  background-repeat: no-repeat;
  color: #C83532;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding-left: 20px;
}
.input-wrap .input-default {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--Grey-3-Stroke);
  background: var(--white);
  padding: 12px;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: border-color 0.3s;
}
@media screen and (hover: hover) {
  .input-wrap .input-default:hover {
    border-color: var(--green-hover-pressed);
  }
}
.input-wrap .input-default:focus {
  border-color: var(--green-hover-pressed);
}
.input-wrap .input-default::placeholder {
  color: var(--Grey-1);
}
.input-wrap .input-default::-webkit-outer-spin-button, .input-wrap .input-default::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-wrap .input-default[data-type=tel] {
  color: var(--Grey-1);
}
.input-wrap .input-default[data-type=tel]._online, .input-wrap .input-default[data-type=tel]._success {
  color: var(--black);
}

.radio {
  padding: 4px 0;
  display: flex;
  position: relative;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.radio._err .radio__btn {
  border-color: var(--Error);
}
@media screen and (hover: hover) {
  .radio:hover .radio__text {
    color: var(--green-hover-pressed);
  }
}
.radio .radio__text {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: color 0.3s;
}
.radio .radio__btn {
  width: 18px;
  min-width: 18px;
  height: 18px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  border: 2px solid var(--Grey-3-Stroke);
  border-radius: 100%;
}
.radio input:checked ~ .radio__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cg clip-path='url(%23clip0_9467_15274)'%3E%3Ccircle cx='9' cy='9.93237' r='9' fill='%23006930'/%3E%3Crect x='5' y='5.93237' width='8' height='8' rx='4' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9467_15274'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.932373)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  border-color: transparent;
}
.radio input:checked ~ .radio__text {
  color: var(--black);
}

.checkbox {
  display: flex;
  position: relative;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.checkbox._err .checkbox__btn {
  border-color: var(--Error);
}
.checkbox .checkbox__text {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.checkbox .checkbox__text a {
  color: var(--Green-Normal);
  text-decoration: underline;
  display: inline;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .checkbox .checkbox__text a:hover {
    color: var(--green-hover-pressed);
  }
}
.checkbox .checkbox__btn {
  display: block;
  margin-top: -0.1rem;
  min-width: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: center;
  border-radius: 6px;
  border: 1.5px solid var(--Grey-3-Stroke);
  transition: background 0.3s;
}
.checkbox input:checked ~ .checkbox__btn {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9021 1.57568L4.88567 9.32439C4.82352 9.39359 4.73893 9.43251 4.65068 9.43251C4.56243 9.43251 4.47784 9.39359 4.4157 9.32439L0.847899 5.38424C0.785243 5.31561 0.75 5.22219 0.75 5.12473C0.75 5.02728 0.785243 4.93385 0.847899 4.86523L1.31125 4.35352C1.37339 4.28432 1.45799 4.2454 1.54623 4.2454C1.63448 4.2454 1.71907 4.28432 1.78122 4.35352L4.64737 7.51879L10.9688 0.537642C11.0997 0.397446 11.3078 0.397446 11.4388 0.537642L11.9021 1.05666C11.9648 1.12529 12 1.21871 12 1.31617C12 1.41363 11.9648 1.50705 11.9021 1.57568Z' fill='white'/%3E%3C/svg%3E%0A");
  border-color: transparent;
  background-color: var(--Green-Normal);
}

.input-code {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 24px;
}
.input-code .input-code__img {
  height: 4.4rem;
  flex-grow: 1;
  max-width: calc(100% - 11rem);
}
.input-code .input-code__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.form-btns {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 31px;
}
.form-btns .form-back {
  color: var(--Grey-1);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 10px;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .form-btns .form-back:hover {
    color: var(--Green-Normal);
  }
}
.form-btns .btn-circle__arr {
  display: flex;
}
@media screen and (max-width: 1300px) {
  .form-btns .btn-circle__arr {
    background: transparent;
  }
}

.form-btns__warn {
  max-width: 350px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.vi .radio input:checked ~ .radio__btn {
  filter: grayscale(1) contrast(1.5);
}
.vi[class*=c1] .radio input:checked ~ .radio__btn {
  filter: grayscale(1) contrast(1) brightness(1.5);
}
.vi[class*=c1] .input-container .custom-trigger::after {
  filter: unset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M13.5 6.93237L8.5 11.9324L3.5 6.93237' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.vi[class*=c1] .input-container.disabled {
  opacity: 0.5;
}
.vi[class*=c1] .input-container.readonly .custom-trigger {
  background: #595959;
}
.vi[class*=c1] .input-container.readonly .custom-trigger::after {
  opacity: 1;
  filter: contrast(0.1) brightness(1);
}
.vi[class*=c2] .radio input:checked ~ .radio__btn {
  filter: contrast(1) brightness(1);
}
.vi[class*=c2] .input-container .custom-trigger {
  border: 1px solid var(--black);
}
.vi[class*=c2] .input-container .custom-trigger::after {
  filter: unset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M13.5 6.93237L8.5 11.9324L3.5 6.93237' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1300px) {
  .vi[class*=s2] .w30,
  .vi[class*=s2] .w33, .vi[class*=sp2] .w30,
  .vi[class*=sp2] .w33 {
    width: calc(50% - 15.5px);
  }
}
@media screen and (max-width: 768px) {
  .vi[class*=s2] .w30,
  .vi[class*=s2] .w33, .vi[class*=sp2] .w30,
  .vi[class*=sp2] .w33 {
    width: 420px;
    max-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .vi[class*=s2] .w30,
  .vi[class*=s2] .w33, .vi[class*=sp2] .w30,
  .vi[class*=sp2] .w33 {
    width: 100%;
  }
}

.full-p-cards {
  width: 100%;
  overflow: hidden;
  margin-top: var(--mt);
}

.full-p-cards__wrap {
  padding: 0 10px;
}

.cards__wrap .card .btn-arr {
  display: flex;
  margin-top: 14px;
}

.card {
  width: 37.2rem;
  border-radius: 6px;
  background: var(--Neutral-3);
  height: auto;
  transition: background 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
@media screen and (max-width: 1300px) {
  .card {
    width: 30rem;
  }
}
@media screen and (max-width: 1024px) {
  .card {
    width: 290px;
  }
}
@media screen and (hover: hover) {
  .card:hover {
    background: var(--white);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
  }
  .card:hover .btn-arr {
    background: var(--green-hover-pressed);
  }
  .card:hover .btn-arr .icon {
    stroke: var(--white);
  }
}
.card.white {
  background: var(--white);
}
@media screen and (max-width: 1024px) {
  .card.white {
    background: var(--BG-1);
  }
}
.card.white .btn-arr {
  display: flex;
  margin-top: 14px;
}
@media (hover: hover) {
  .card.white .btn-arr {
    opacity: 0;
  }
}
@media screen and (hover: hover) {
  .card.white:hover .btn-arr {
    opacity: 1;
    background: unset;
  }
  .card.white:hover .btn-arr .icon {
    stroke: var(--Green-Normal);
  }
}
.card .btn-arr {
  display: none;
}
@media screen and (max-width: 1024px) {
  .card .btn-arr {
    display: flex;
  }
}

.card__img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  height: 21.8rem;
  background: var(--card-bg);
}
@media screen and (max-width: 1300px) {
  .card__img {
    height: 16rem;
  }
}
@media screen and (max-width: 1024px) {
  .card__img {
    height: 174px;
  }
}
.card__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.card__content {
  padding: 24px 32px 32px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}
@media screen and (max-width: 1300px) {
  .card__content {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .card__content {
    flex-grow: 1;
  }
}
@media screen and (max-width: 600px) {
  .card__content {
    padding: 16px;
    gap: 6px;
  }
}
.card__content p {
  flex-grow: 1;
}
.card__content .card__title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  flex-grow: unset;
}
@media screen and (max-width: 1024px) {
  .card__content .card__title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .card__content .card__title {
    font-size: 1.6rem;
  }
}

.search-p .page-head,
.search-p .search-p__top,
.search-p .search-p__results {
  max-width: 1220px;
}

@media screen and (max-width: 1024px) {
  .search-p__results {
    position: relative;
  }
}

.search-p__top {
  margin-top: 16px;
  margin-bottom: 32px;
}
.search-p__top .input-wrap {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 600px) {
  .search-p__top .input-wrap {
    display: flex;
    gap: 8px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--line);
  }
}
.search-p__top .input-wrap input {
  border-radius: 100px;
  border: 1px solid var(--Stroke);
  background: var(--BG-2);
  padding: 1.2rem 5.2rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: 100%;
  transition: background 0.3s;
  color: var(--black);
}
@media screen and (max-width: 600px) {
  .search-p__top .input-wrap input {
    padding-bottom: 0;
    padding-left: 3.6rem;
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: var(--black);
    border-radius: 0;
    border: unset;
    background: transparent;
  }
}
.search-p__top .input-wrap input::placeholder {
  color: var(--Grey-secondaty-text);
}
@media screen and (max-width: 600px) {
  .search-p__top .input-wrap input::placeholder {
    color: var(--Grey-1);
  }
}
.search-p__top .input-wrap input:placeholder-shown {
  background: var(--white);
}
@media screen and (max-width: 600px) {
  .search-p__top .input-wrap input:placeholder-shown {
    background: transparent;
  }
}
.search-p__top .input-wrap input:placeholder-shown ~ .header-search__clear {
  opacity: 0;
  pointer-events: none;
}
@media screen and (hover: hover) {
  .search-p__top .input-wrap input:hover {
    background: var(--BG-2);
  }
}
@media screen and (hover: hover) and (max-width: 600px) {
  .search-p__top .input-wrap input:hover {
    background: transparent;
  }
}
.search-p__top .input-wrap input:active, .search-p__top .input-wrap input:focus {
  background: var(--BG-2);
  border-color: var(--Green-Normal);
}
@media screen and (max-width: 600px) {
  .search-p__top .input-wrap input:active, .search-p__top .input-wrap input:focus {
    background: transparent;
  }
}

.search-p__clear {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  transition: opacity 0.3s;
}
@media screen and (hover: hover) {
  .search-p__clear:hover .icon {
    stroke: var(--green-hover-pressed);
  }
}
.search-p__clear .icon,
.search-p__clear img {
  stroke: var(--grey52);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  stroke-width: 2;
  transition: stroke 0.3s;
}

.search-p__ico {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  .search-p__ico {
    left: 0;
  }
}
.search-p__ico .icon-search,
.search-p__ico img {
  width: 2rem;
  height: 2rem;
  fill: none;
  stroke: var(--grey52);
  display: block;
}
@media screen and (max-width: 600px) {
  .search-p__ico .icon-search,
  .search-p__ico img {
    stroke: var(--Green-Normal);
  }
}

.search-p__results_tab-name {
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab-name {
    color: var(--white);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_tab-name {
    font-size: 1.4rem;
  }
}

.search-p__results_list {
  padding-bottom: 12px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: none;
  flex-direction: column;
}
.search-p__results_list.active {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .lvl2 .search-p__results_inner {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .lvl2 .search-p__results_tabs {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .search-p__results_inner {
    display: none;
  }
}
.search-p__results_inner .btn__back {
  display: none;
}
@media screen and (max-width: 1024px) {
  .search-p__results_inner .btn__back {
    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  .search-p__results_inner.--eng-v {
    display: flex;
  }
  .search-p__results_inner.--eng-v .search-p__results_link p {
    color: var(--Grey-1);
    font-size: 1.4rem;
  }
  .search-p__results_inner.--eng-v .search-p__results_link .search-p__results_title {
    color: var(--Green-Normal);
    text-decoration: underline;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

.empty-search {
  text-align: center;
  font-size: 2rem;
  line-height: 1.3;
  padding: 5rem 7rem;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .empty-search {
    font-size: 1.4rem;
  }
}

.search-p__results_list-category {
  display: none;
}
@media screen and (max-width: 1024px) {
  .search-p__results_list-category {
    display: block;
    margin-top: 26px;
    margin-bottom: 9px;
    color: var(--Grey-secondaty-text);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_list-category {
    font-size: 1.2rem;
    margin-top: 16px;
    margin-bottom: 14px;
  }
}

.search-p__results_tab-arr {
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab-arr {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
  }
}
.search-p__results_tab-arr .icon,
.search-p__results_tab-arr img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  fill: none;
  stroke: white;
  stroke-width: 1;
}

.search-p__results_tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tabs {
    flex-direction: column;
    max-width: 600px;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_tabs {
    gap: 8px;
  }
}

.search-p__results_tab-results {
  font-size: 0;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab-results {
    color: var(--white-90);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_tab-results {
    font-size: 1.2rem;
  }
}

.search-p__results_tab-num {
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab-num {
    color: var(--white-90);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_tab-num {
    font-size: 1.2rem;
  }
}
.search-p__results_tab-num::before {
  content: "(";
}
.search-p__results_tab-num::after {
  content: ")";
}

.search-p__results_tab {
  color: var(--black);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0.8rem 0;
  transition: color 0.3s;
  position: relative;
  cursor: pointer;
  display: flex;
  gap: 3px;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab {
    background: var(--Green-Normal);
    border-radius: 6px;
    padding: 18px 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_tab {
    gap: 6px;
  }
}
@media screen and (hover: hover) {
  .search-p__results_tab:hover {
    color: var(--green-hover-pressed);
  }
}
.search-p__results_tab.active {
  color: var(--Green-Normal);
}
.search-p__results_tab.active::before {
  opacity: 1;
}
.search-p__results_tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  border-radius: 4px;
  background: var(--Green-Normal);
  width: 100%;
  height: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
@media screen and (max-width: 1024px) {
  .search-p__results_tab::before {
    content: none;
  }
}

.search-p__results_item {
  padding: 15px 0;
  border-bottom: 1px solid var(--Line);
}
@media screen and (max-width: 600px) {
  .search-p__results_item {
    padding: 10px 0;
  }
}

.search-p__results_link {
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: color 0.3s;
}
@media screen and (max-width: 600px) {
  .search-p__results_link {
    color: var(--grey52);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
  }
}
@media screen and (hover: hover) {
  .search-p__results_link:hover {
    color: var(--black);
  }
  .search-p__results_link:hover .search-p__results_title {
    color: var(--green-hover-pressed);
  }
}

.search-p__results_title {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (max-width: 1024px) {
  .search-p__results_title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_title {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media screen and (max-width: 600px) {
  .search-p__results_title b {
    font-weight: 600;
  }
}

.rates {
  margin-top: 24px;
}
.rates .page-title {
  margin-bottom: var(--gap);
}

.rates__cols {
  display: flex;
  align-items: flex-start;
  gap: 52px;
  flex-wrap: wrap;
}
.form-val .rates__cols{
  overflow: hidden;
  overflow-x: auto;
}
.rates__cols table {
  border-collapse: collapse;
  width: 100%;
}
.rates__cols thead th {
  padding: 17px 10px 15px 0;
  background: var(--Green-Normal);
  color: var(--white);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
}
.rates__cols thead th:nth-child(1) {
  border-radius: 6px 0 0 6px;
}
.rates__cols thead th:nth-last-child(1) {
  border-radius: 0 6px 6px 0;
}
.rates__cols tbody td {
  padding: 17px 10px 17px 0;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.rates__cols tbody tr {
  border-bottom: 1px solid var(--Grey-2);
}
.rates__cols tbody tr td:nth-child(1) {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  max-width: 20rem;
}

.rates__col {
  width: calc(50% - 26px);
}
@media screen and (max-width: 1300px) {
  .rates__col {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .rates__col {
    margin-top: 32px;
  }
}

.rates__logo {
  margin-bottom: 16px;
  display: block;
  height: 36px;
}
@media screen and (max-width: 1024px) {
  .rates__logo {
    margin-bottom: 0;
  }
}
.rates__logo img {
  display: block;
  height: 100%;
  width: auto;
}

.rates-mob .page-title {
  margin-bottom: -8px;
}
.rates-mob table {
  border-collapse: collapse;
  border-radius: 6px;
  overflow: hidden;
  background: var(--BG-1);
  margin-top: 16px;
  width: 100%;
}
.rates-mob th {
  padding: 16px;
  text-align: left;
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 450px) {
  .rates-mob th {
    font-size: 1.4rem;
  }
}
.rates-mob tbody td {
  padding: 3px 16px;
  color: var(--Grey-secondaty-text);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 450px) {
  .rates-mob tbody td {
    font-size: 1.3rem;
  }
}
.rates-mob tbody tr:nth-last-child(1) td {
  padding-bottom: 13px;
}

.drop-block {
  margin-bottom: 10px;
}
.drop-block.active .drop-block__trigger {
  background: var(--Green-Normal);
  color: var(--white);
}
.drop-block.active .drop-block__trigger .icon {
  fill: var(--white);
}
.drop-block.active .drop-block__trigger_footnote {
  color: var(--Grey-3-Stroke);
}

.drop-block__trigger {
  border-radius: 6px;
  background: var(--BG-2);
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 450px) {
  .drop-block__trigger {
    font-size: 1.5rem;
  }
}
.drop-block__trigger.wrappable {
  flex-wrap: wrap;
  gap: 4px;
}
.drop-block__trigger .icon {
  fill: var(--Green-Normal);
}

.drop-block__trigger_footnote {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.drop-block__trigger_inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .drop-block__trigger_inner {
    align-items: flex-start;
  }
}

.drop-block__inner {
  padding: 0 20px;
  min-height: 0px;
}
@media screen and (max-width: 768px) {
  .drop-block__inner {
    padding: 0;
  }
}
.drop-block__inner .document {
  padding: 21px 0;
  border-bottom: 1px solid var(--Line);
  gap: 8px;
}
.drop-block__inner .document__ico {
  border-radius: unset;
  background: unset;
  width: auto;
  height: auto;
  min-width: unset;
  box-shadow: unset;
}
.drop-block__inner .wide-second {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-top: 16px;
  padding: 4px 16px;
  border-radius: 6px;
  background: var(--white);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .drop-block__inner .wide-second {
    width: 100%;
    margin: 0;
    box-shadow: unset;
  }
}
.drop-block__inner .wide-second table {
  width: 100%;
}
.drop-block__inner .wide-second a {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-right: 6px;
}
.drop-block__inner .wide-second .document {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  padding: 5px 0;
  border-bottom: unset;
  margin-left: 0;
}
@media screen and (max-width: 600px) {
  .drop-block__inner .wide-second .document {
    color: var(--Color);
    font-size: 1.4rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 1024px) {
  .drop-block__inner .wide-second tr {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
.drop-block__inner .wide-second tr:nth-last-child(1) td {
  border-bottom: unset;
}
.drop-block__inner .wide-second tr td {
  vertical-align: top;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 12px 0;
  padding-right: 24px;
  border-bottom: 1px solid var(--Grey-3-Stroke);
}
@media screen and (max-width: 1024px) {
  .drop-block__inner .wide-second tr td {
    padding-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .drop-block__inner .wide-second tr td {
    color: var(--Grey-secondaty-text);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
  }
}
.drop-block__inner .wide-second tr td:nth-child(1) {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media screen and (max-width: 1024px) {
  .drop-block__inner .wide-second tr td:nth-child(1) {
    border-bottom: unset;
    padding-bottom: 0;
  }
}

@media (max-width: 1400px) {
  .header.hide ~ .main .text-p-nav {
    top: unset;
  }
}
.header.hide ~ .main .text-p-nav .text-p-nav__nav {
  top: 15px;
}
@media (max-width: 1400px) {
  .header.hide ~ .main .text-p-nav .text-p-nav__nav {
    top: unset;
  }
}

@media (max-width: 1400px) {
  .text-p-nav__side-holder {
    height: 7.2rem;
    background: var(--white);
    left: 0;
  }
}
@media (max-width: 1400px) {
  .text-p-nav__side-holder.fix.mob .text-p-nav__side {
    top: 60px;
  }
}
@media (max-width: 1400px) {
  .text-p-nav__side-holder.fix .text-p-nav__side {
    position: fixed;
    top: 0;
  }
}

.text-p-nav {
  display: flex;
  align-items: stretch;
  position: relative;
  gap: 32px;
}
@media screen and (max-width: 1536px) {
  .text-p-nav {
    gap: 24px;
  }
}
@media (max-width: 1400px) {
  .text-p-nav {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 0;
    padding: 0;
  }
}
.text-p-nav .text-p-nav__side {
  height: 100%;
  position: relative;
  margin-top: 32px;
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__side {
    height: 7.2rem;
    top: 0;
    margin-top: 0;
    background: var(--white);
    left: 0;
    padding: 1.6rem var(--global-xl);
    width: 100%;
    overflow: hidden;
    z-index: 16;
  }
}
.text-p-nav .text-p-nav__nav {
  width: 250px;
  min-width: 250px;
  max-height: max-content;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
  top: calc(15px + var(--headerH));
  transition: top 0.3s;
}
@media screen and (max-width: 1536px) {
  .text-p-nav .text-p-nav__nav {
    width: 200px;
    min-width: 200px;
  }
}
@media (min-width: 1401px) {
  .text-p-nav .text-p-nav__nav {
    transform: unset !important;
  }
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__nav {
    flex-direction: row;
    max-height: unset;
    width: 100%;
    position: relative;
    top: 0px;
    transition: unset;
    gap: 0;
  }
}
.text-p-nav .text-p-nav__nav .page-nav-link {
  max-width: max-content;
  max-height: max-content;
  padding: 8px 0;
  color: var(--Grey-secondaty-text);
  text-align: left;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: color 0.3s, background 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1401px) {
  .text-p-nav .text-p-nav__nav .page-nav-link {
    margin-right: 0 !important;
  }
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__nav .page-nav-link {
    color: var(--black);
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0 12px;
    height: 4rem;
    max-height: unset;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Line);
    background: var(--white);
    transition: unset;
    white-space: nowrap;
    width: auto;
  }
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__nav .page-nav-link:active {
    border: 1px solid var(--Line);
    color: var(--black);
    background: var(--white);
  }
}
.text-p-nav .text-p-nav__nav .page-nav-link.active {
  color: var(--Green-Normal);
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__nav .page-nav-link.active {
    background: var(--Green-Normal);
    color: var(--white);
    border-color: var(--Green-Normal);
  }
}
@media screen and (hover: hover) {
  .text-p-nav .text-p-nav__nav .page-nav-link:hover {
    color: var(--green-hover-pressed);
  }
}
@media screen and (hover: hover) and (max-width: 1400px) {
  .text-p-nav .text-p-nav__nav .page-nav-link:hover {
    transition: color 0.3s, background 0.3s;
    color: var(--white);
    background-color: var(--green-hover-pressed);
    border-color: var(--green-hover-pressed);
  }
}
.text-p-nav .text-p-nav__main {
  width: calc(100% - 282px);
}
@media screen and (max-width: 1536px) {
  .text-p-nav .text-p-nav__main {
    width: calc(100% - 224px);
  }
}
@media (max-width: 1400px) {
  .text-p-nav .text-p-nav__main {
    width: 100%;
    padding: 0 var(--global-xl);
  }
}

.archive__slider {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 450px) {
  .archive__slider {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px;
  }
}

.archive__slide {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 450px) {
  .archive__slide {
    width: 290px !important;
  }
}
@media screen and (hover: hover) {
  .archive__slide:hover .archive__slide_title {
    color: var(--green-hover-pressed);
  }
}

.archive__slide_title {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
}

.archive__slide_date {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.page-head-grey {
  padding: 32px 60px;
  border-radius: 12px;
  background: var(--BG-1);
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
}
@media screen and (max-width: 1300px) {
  .page-head-grey {
    gap: 24px;
    padding: 32px;
  }
}
@media screen and (max-width: 600px) {
  .page-head-grey {
    width: calc(100% + var(--global) + var(--global));
    margin-left: calc(var(--global) * -1);
    border-radius: 6px;
    padding: 32px 24px;
  }
}
.page-head-grey .main-title {
  max-width: 119rem;
}
@media screen and (max-width: 450px) {
  .page-head-grey .main-title {
    font-size: 2.6rem;
  }
}

.title-green.sm {
  color: var(--Green-Normal);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 24px;
}

.calendar {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 32px 20px;
}
@media screen and (max-width: 1300px) {
  .calendar {
    flex-direction: column;
  }
}

.calendar__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 525px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1300px) {
  .calendar__info {
    max-width: unset;
  }
}
.calendar__info .btn {
  margin-top: 13px;
}

.calendar__slider {
  width: 807px;
  min-width: 807px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .calendar__slider {
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .calendar__slider {
    width: 100%;
    min-width: unset;
  }
}
@media screen and (max-width: 450px) {
  .calendar__slider {
    width: 100vw;
    margin-left: calc(var(--global) * -1);
    padding: 0 var(--global);
  }
}
.calendar__slider img {
  width: 100%;
  display: block;
}
.calendar__slider .calendar__slide {
  width: 230px;
}
@media screen and (max-width: 450px) {
  .calendar__slider .calendar__slide {
    width: 257px !important;
  }
}
.calendar__slider .calendar__slide:nth-child(1), .calendar__slider .calendar__slide:nth-child(4), .calendar__slider .calendar__slide:nth-child(7), .calendar__slider .calendar__slide:nth-child(10) {
  width: 315px;
}
@media screen and (max-width: 450px) {
  .calendar__slider .calendar__slide:nth-child(1), .calendar__slider .calendar__slide:nth-child(4), .calendar__slider .calendar__slide:nth-child(7), .calendar__slider .calendar__slide:nth-child(10) {
    width: 257px !important;
  }
}

.contacts-bottom {
  padding-top: 49px;
  border-top: 1px solid var(--Stroke);
}
@media screen and (max-width: 600px) {
  .contacts-bottom {
    padding: 49px 24px 0;
  }
}

.contacts-bottom__columns {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px 98px;
  margin-top: 14px;
}
@media screen and (max-width: 1024px) {
  .contacts-bottom__columns {
    gap: 32px;
  }
}
@media screen and (max-width: 600px) {
  .contacts-bottom__columns {
    gap: 16px;
  }
}
.contacts-bottom__columns .contacts-bottom__col:nth-last-child(1) {
  padding-top: 16px;
  border-top: 1px solid var(--Line);
}

.contacts-bottom__col {
  max-width: min(450px, 50% - 49px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1024px) {
  .contacts-bottom__col {
    max-width: unset;
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 600px) {
  .contacts-bottom__col {
    width: 100%;
  }
}

.contacts-bottom__col_links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 14px;
}

.contacts-bottom__contact {
  color: var(--Green-Normal);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .contacts-bottom__contact:hover {
    color: var(--green-hover-pressed);
  }
}

.contacts-bottom__title {
  color: var(--Grey-secondaty-text);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.news-archive {
  margin-top: 72px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .news-archive {
    margin-top: 64px;
  }
}
@media screen and (max-width: 450px) {
  .news-archive {
    margin-top: 24px;
  }
}

.news-archive__block {
  display: none;
}
.news-archive__block.active {
  display: block;
}

.tabs-head {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--Grey-3-Stroke);
}
@media screen and (max-width: 1024px) {
  .tabs-head {
    flex-direction: column;
    border-bottom: unset;
  }
}
@media screen and (max-width: 450px) {
  .tabs-head .js-select__wrap {
    flex-grow: 1;
  }
}
.tabs-head .custom-trigger {
  height: 4.4rem;
  width: 15.9rem;
}
@media screen and (max-width: 450px) {
  .tabs-head .custom-trigger {
    width: 100%;
    min-width: 15.9rem;
  }
}

@media screen and (max-width: 1024px) {
  .news-archive__tabs {
    position: relative;
    width: 100vw;
    margin-left: calc(var(--global) * -1);
    overflow: hidden;
    padding: 0 var(--global);
  }
}
@media screen and (max-width: 1024px) {
  .news-archive__tabs::before {
    content: "";
    border-bottom: 2px solid var(--Grey-3-Stroke);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    position: absolute;
  }
}
.news-archive__tabs .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
@media (min-width: 769px) {
  .news-archive__tabs .swiper-wrapper {
    transform: unset !important;
  }
}
@media screen and (max-width: 768px) {
  .news-archive__tabs .swiper-wrapper {
    gap: 0;
  }
}

.news-archive__tab {
  width: max-content;
  display: flex;
  align-items: center;
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: color 0.3s;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .news-archive__tab {
    padding: 8px 0 17px;
  }
}
@media screen and (hover: hover) {
  .news-archive__tab:hover {
    color: var(--green-hover-pressed);
  }
}
.news-archive__tab::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  top: calc(100% + 8px);
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: var(--Green-Normal);
  transform-origin: center;
  transition: transform 0.3s;
}
@media screen and (max-width: 1024px) {
  .news-archive__tab::before {
    top: unset;
    bottom: 0;
  }
}
.news-archive__tab.active {
  color: var(--Green-Normal);
}
.news-archive__tab.active::before {
  transform: translateX(-50%) scaleX(1);
}

.news-archive__wrap {
  margin-top: 57px;
}
@media screen and (max-width: 1024px) {
  .news-archive__wrap {
    margin-top: 24px;
  }
}

.news-archive__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 64px;
}
@media screen and (max-width: 1300px) {
  .news-archive__inner {
    gap: 24px 32px;
  }
}

.news-archive__el {
  width: calc(50% - 32px);
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  transition: color 0.3s;
}
@media screen and (max-width: 1300px) {
  .news-archive__el {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 600px) {
  .news-archive__el {
    width: 100%;
    border-bottom: 1px solid var(--Line);
    padding-bottom: 24px;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (hover: hover) {
  .news-archive__el:hover {
    color: var(--green-hover-pressed);
  }
}

.news-archive__el_date {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.mission__wrap {
  display: grid;
  grid-gap: 10px;
  grid-template-areas: "card img1" "card img2";
  grid-template-rows: 1fr 188px;
  grid-template-columns: 60% 1fr;
}
@media screen and (max-width: 1024px) {
  .mission__wrap {
    grid-template-columns: 50% 1fr;
  }
}
@media screen and (max-width: 768px) {
  .mission__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.mission__wrap img {
  border-radius: 6px;
  display: block;
  width: 100%;
}

.mission__wrap_card {
  width: 100%;
  grid-area: card;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .mission__wrap_card {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.mission__wrap_card picture {
  width: 100%;
  height: unset;
  aspect-ratio: 1/0.462;
  flex-grow: 1;
}
.mission__wrap_card img {
  height: 100%;
}

.mission__text {
  margin-top: 16px;
  padding: 0 10px;
  color: var(--black);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1024px) {
  .mission__text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .mission__text {
    padding: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 450px) {
  .mission__text {
    line-height: 135%;
  }
}

.mission__wrap_img1 {
  grid-area: img1;
}
@media screen and (max-width: 768px) {
  .mission__wrap_img1 {
    display: none;
  }
}
.mission__wrap_img1 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.mission__wrap_img2 {
  grid-area: img2;
}
.mission__wrap_img2 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.advantages__wrap {
  width: 100%;
  padding: 28px 10px;
  border-top: 1px solid var(--Line);
  border-bottom: 1px solid var(--Line);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1300px) {
  .advantages__wrap {
    justify-content: center;
    gap: 24px 48px;
  }
}
@media screen and (max-width: 768px) {
  .advantages__wrap {
    gap: 24px;
  }
}
@media screen and (max-width: 450px) {
  .advantages__wrap {
    padding: 16px 16px 32px;
  }
}

.advantage {
  width: min(288px, 18vw);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  color: var(--Grey-secondaty-text);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
@media screen and (max-width: 1300px) {
  .advantage {
    width: min(318px, 28vw);
  }
}
@media screen and (max-width: 768px) {
  .advantage {
    width: calc((100% - 48px) / 3);
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .advantage {
    width: calc(50% - 12px);
    gap: 6px;
  }
}
@media screen and (max-width: 450px) {
  .advantage {
    width: 100%;
  }
}

.advantage__ico {
  margin-bottom: 6px;
  display: block;
  width: 80px;
  height: 80px;
  object-fit: contain;
  object-position: center;
}
.advantage__ico img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}

.advantage__title {
  text-align: center;
  color: var(--black);
  text-align: center;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .advantage__title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .advantage__title {
    font-size: 1.6rem;
  }
}

.ad__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: calc(49% + 60px);
}
@media screen and (max-width: 1300px) {
  .ad__content {
    padding-left: calc(49% + 24px);
  }
}
@media screen and (max-width: 1024px) {
  .ad__content {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ad__content {
    padding-left: 0;
  }
}
@media screen and (max-width: 450px) {
  .ad__content {
    font-size: 1.4rem;
    line-height: 135%;
    gap: 6px;
  }
}
.ad__content ul {
  columns: 2;
  column-gap: 44px;
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-top: 11px;
}
@media screen and (max-width: 1300px) {
  .ad__content ul {
    column-gap: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .ad__content ul {
    columns: unset;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ad__content ul {
    columns: 2;
  }
}
@media screen and (max-width: 450px) {
  .ad__content ul {
    columns: unset;
    padding: 24px 16px;
    border-radius: 6px;
    background: var(--BG-1);
    font-size: 1.4rem;
    line-height: 1.3;
    gap: 12px;
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
  }
}
.ad__content ul li {
  position: relative;
  padding: 1.1rem 0 1.1rem 2.2rem;
}
@media screen and (max-width: 1300px) {
  .ad__content ul li {
    padding: 0.5rem 0 0.5rem 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .ad__content ul li {
    padding: 0.2rem 0 0.2rem 2rem;
  }
}
@media screen and (max-width: 450px) {
  .ad__content ul li {
    padding: 0;
    padding-left: 2rem;
  }
}
.ad__content ul li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background: var(--black);
  position: absolute;
  left: 0.9rem;
  top: 1.8rem;
}
@media screen and (max-width: 1300px) {
  .ad__content ul li::before {
    top: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .ad__content ul li::before {
    top: 1.1rem;
  }
}
@media screen and (max-width: 450px) {
  .ad__content ul li::before {
    top: 0.6rem;
  }
}

.ad__img {
  display: block;
  width: 49%;
  min-width: 49%;
  aspect-ratio: 1/0.7;
  border-radius: 6px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .ad__img {
    position: static;
    margin: 10px auto;
    width: 60%;
    min-width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .ad__img {
    width: 70%;
    min-width: 70%;
  }
}
@media screen and (max-width: 450px) {
  .ad__img {
    width: 100%;
    min-width: 100%;
    margin: 18px 0;
  }
}
.ad__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.grey-cards-imgs .swiper {
  width: calc(100% + 12px);
  overflow: hidden;
  padding: 6px;
  margin: -6px 0 -6px -6px;
}
@media screen and (max-width: 768px) {
  .grey-cards-imgs .swiper {
    width: calc(100% + var(--global) + var(--global));
    margin-left: calc(-1 * var(--global));
    padding: 6px var(--global);
  }
}
.grey-cards-imgs .swiper-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .grey-cards-imgs .swiper-pagination {
    display: flex;
  }
}
@media screen and (max-width: 450px) {
  .grey-cards-imgs .page-title {
    max-width: calc(100% - 9rem);
  }
}

.grey-cards-imgs__wrap {
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 769px) {
  .grey-cards-imgs__wrap {
    transform: unset !important;
  }
}
@media screen and (max-width: 768px) {
  .grey-cards-imgs__wrap {
    flex-wrap: unset;
    gap: 0;
  }
}

.grey-cards-imgs__card {
  width: calc((100% - 32px) / 3);
  height: auto;
  border-radius: 6px;
  background: var(--BG-2);
  padding: 24px;
  padding-left: 188px;
  min-height: 188px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transition: 0.3s;
}
@media screen and (max-width: 1300px) {
  .grey-cards-imgs__card {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .grey-cards-imgs__card {
    padding: 24px 16px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .grey-cards-imgs__card {
    width: 290px;
  }
}
@media screen and (hover: hover) {
  .grey-cards-imgs__card:hover {
    background: var(--white);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
  }
}
.grey-cards-imgs__title {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.grey-cards-imgs__text {
  flex-grow: 1;
}

.grey-cards-imgs__img {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  display: block;
  overflow: hidden;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1300px) {
  .grey-cards-imgs__img {
    transform: unset;
    position: static;
    margin: 0 auto 14px;
  }
}
@media screen and (max-width: 1024px) {
  .grey-cards-imgs__img {
    width: 120px;
    height: 120px;
  }
}
.grey-cards-imgs__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.lots {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
}
@media screen and (max-width: 450px) {
  .lots {
    gap: 10px;
  }
}
.lots .lot {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  position: relative;
  padding: 24px;
  padding-left: min(324px, 25vw);
  min-height: 248px;
  border-radius: 6px;
  transition: background 0.3s;
}
@media screen and (max-width: 1024px) {
  .lots .lot {
    padding-left: 324px;
  }
}
@media screen and (max-width: 768px) {
  .lots .lot {
    padding-left: 24px;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot {
    background: var(--white);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 0;
    gap: 0;
  }
}
@media screen and (hover: hover) {
  .lots .lot:hover {
    background: var(--white);
  }
}
.lots .lot.vacancy {
  padding: 24px;
  gap: 0;
  min-height: unset;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px 24px;
}
@media screen and (max-width: 768px) {
  .lots .lot.vacancy {
    flex-direction: column-reverse;
  }
}
.lots .lot.vacancy .lot__title {
  padding-bottom: 24px;
}
.lots .lot.drop {
  background: var(--white);
}
.lots .lot.drop .lot__droppable {
  grid-template-rows: 1fr;
}
@media screen and (max-width: 450px) {
  .lots .lot.drop .lot__droppable {
    padding-bottom: 24px;
  }
}
.lots .lot::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: var(--bg-grey);
}
@media screen and (max-width: 450px) {
  .lots .lot::after {
    content: none;
  }
}
.lots .lot__slider {
  width: min(268px, 20vw);
  position: absolute;
  left: 24px;
  top: 24px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .lots .lot__slider {
    width: 268px;
  }
}
@media screen and (max-width: 768px) {
  .lots .lot__slider {
    position: static;
    height: max-content;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot__slider {
    width: 100%;
    margin-bottom: 24px;
  }
}
.lots .lot__slider .swiper-slide {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  height: auto;
  cursor: grab;
}
.lots .lot__slider img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  height: auto;
}
.lots .lot__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
@media screen and (max-width: 1300px) {
  .lots .lot__top {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot__top {
    padding: 0 16px;
    margin-bottom: 24px;
  }
}
.lots .lot__status {
  color: var(--Green-Normal);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  max-width: 160px;
}
.lots .lot__title {
  color: var(--black);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.lots .lot__descr_main {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.lots .lot__descr_contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 450px) {
  .lots .lot__descr_contacts {
    gap: 16px;
  }
}
.lots .lot__descr_contacts .lot__descr_contact:nth-last-child(1) {
  border-bottom: unset;
}
.lots .lot__descr_contact {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 16px;
}
@media screen and (max-width: 450px) {
  .lots .lot__descr_contact {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
}
.lots .lot__descr_contact span {
  color: var(--black);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 450px) {
  .lots .lot__descr_contact span {
    color: var(--Grey-secondaty-text);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
  }
}
.lots .lot__descr_contact a {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  transition: color 0.3s;
}
@media screen and (hover: hover) {
  .lots .lot__descr_contact a:hover {
    color: var(--green-hover-pressed);
  }
}
.lots .lot__descr {
  display: flex;
  gap: min(64px, 3.4vw);
}
@media screen and (max-width: 1300px) {
  .lots .lot__descr {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot__descr {
    padding: 0 16px 16px;
  }
}
.lots .lot__btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  .lots .lot__btns {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot__btns {
    padding: 0 16px 16px;
  }
}
.lots .lot__btn-transp {
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0.8rem 0;
  transition: color 0.3s;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (hover: hover) {
  .lots .lot__btn-transp:hover {
    color: var(--green-hover-pressed);
  }
}
.lots .lot__btn-transp .icon {
  pointer-events: none;
}
.lots .lot__droppable {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 450px) {
  .lots .lot__droppable {
    padding: 0 16px;
  }
}
.lots .lot__droppable .lot__droppable_inner {
  min-height: 0px;
}
.lots .lot__droppable ul {
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}
@media screen and (max-width: 600px) {
  .lots .lot__droppable ul {
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .lots .lot__droppable ul li:nth-last-child(1) {
    border-bottom: unset;
  }
}
@media screen and (max-width: 600px) {
  .lots .lot__droppable ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
    width: 100%;
  }
}
.lots .lot__droppable ul li b {
  display: inline;
  padding-right: 8px;
}
@media screen and (max-width: 600px) {
  .lots .lot__droppable ul li b {
    padding-right: 0;
  }
}
.lots .lot__droppable ul span {
  display: inline;
  color: var(--black);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.lots .lot__droppable_title {
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 9px;
}
.lots .lot__props {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 48px;
}
@media screen and (max-width: 450px) {
  .lots .lot__props {
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
  }
}
.lots .lot__props .lot__prop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 450px) {
  .lots .lot__props .lot__prop {
    flex-direction: row-reverse;
    align-items: baseline;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    gap: 9px;
  }
}
.lots .lot__props .lot__prop_char {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .lots .lot__props .lot__prop_char {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 450px) {
  .lots .lot__props .lot__prop_char {
    color: var(--black);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
  }
}
.lots .vacancy__mid_props {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  color: var(--Grey-secondaty-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.lots .vacancy__mid_props .vacancy__mid_prop {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.lots .vacancy__mid_props b {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.lots .vacancy__mid {
  display: flex;
  gap: 24px 48px;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  padding-bottom: 24px;
}
.lots .vacancy__mid_list {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.lots .vacancy__mid_list li {
  padding-left: 1.7rem;
  position: relative;
}
.lots .vacancy__mid_list li::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background: var(--Grey-secondaty-text);
}
.lots .vacancy__inner {
  max-width: calc(100% - 150px);
}
@media screen and (max-width: 768px) {
  .lots .vacancy__inner {
    max-width: unset;
  }
}
@media screen and (max-width: 450px) {
  .lots .vacancy__inner .lot__top,
  .lots .vacancy__inner .lot__btns {
    padding: 0;
    margin-bottom: 0;
  }
}
.lots .vacancy__droppable_title {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.lots .vacancy__descr {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}
.lots .vacancy__descr ul {
  color: var(--Grey-secondaty-text);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 4px 0;
}
.lots .vacancy__descr li {
  padding-left: 1.7rem;
  position: relative;
}
.lots .vacancy__descr li::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background: var(--Grey-secondaty-text);
}

.vacancy-form {
  display: grid;
  gap: 48px;
  grid-template-columns: 40% 1fr;
}
@media screen and (max-width: 1024px) {
  .vacancy-form {
    grid-template-columns: 1fr;
  }
}
.vacancy-form .vacancy-form__deskr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  color: var(--Grey-secondaty-text);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.vacancy-form a {
  color: var(--Green-Normal);
  text-decoration: underline;
}
.vacancy-form a[href*=mailto] {
  text-decoration: none;
}
.vacancy-form .vacancy-form__steps_line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.vacancy-form .vacancy-form__steps_line::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--Green-Normal);
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 0;
}
.vacancy-form .vacancy-form__steps_line .vacancy-form__steps_line-circle {
  position: relative;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid var(--Green-Normal);
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vacancy-form .vacancy-form__steps_line .vacancy-form__steps_line-circle.full {
  background-color: var(--Green-Normal);
}
.vacancy-form .vacancy-form__steps_line .vacancy-form__steps_line-circle .icon {
  width: 20px;
  height: 20px;
  display: block;
  fill: none;
  stroke: var(--white);
  stroke-width: 2px;
}
.vacancy-form .vacancy-form__steps_title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
}
.vacancy-form .vacancy-form__steps_title-step {
  color: var(--grey52);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.vacancy-form .vacancy-form__steps_title-text {
  color: var(--black);
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.vi[class*=c1] .rates-mob table {
  box-shadow: inset 0px 0px 0px 2px white;
}
.vi[class*=c1] .rates-mob tbody td {
  color: white;
}
.vi[class*=c1] .drop-block.active .drop-block__trigger {
  box-shadow: inset 0px 0px 0px 2px var(--black);
  background: unset;
  color: white;
}
.vi[class*=c1] .drop-block.active .drop-block__trigger .icon {
  fill: white;
}
.vi[class*=c1] .news-archive__tab::before {
  top: calc(100% - 10px);
}
.vi[class*=c1] .page-head-grey,
.vi[class*=c1] .ad__content ul,
.vi[class*=c1] .grey-cards-imgs__card {
  border: 2px solid white;
}
.vi[class*=c2] .rates-mob table {
  box-shadow: inset 0px 0px 0px 2px var(--black);
}

.docs-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 30px;
}
.docs-wrap .document {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--Line);
  color: var(--Color);
  font-size: 1.6rem;
}
.docs-wrap .document__ico {
  background-color: transparent;
  box-shadow: 0 0 0 0;
  width: 1.5rem;
  height: 2.1rem;
  min-width: 1rem;
  flex: none;
}
.docs-wrap .document:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.docs-links .page-head__link._active {
  color: var(--Green-Normal);
}

@media (min-width: 1024px) {
  .docs-links {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .dd{
    width: 100%;
    max-width: 100%;
  }
}
/* CUSTOM STYLE START */

@media screen and (max-width: 450px) {
  .banner-slider .full-p-banner .full-p-banner__content {
    padding-bottom: 24px;
  }
}

/* CUSTOM STYLE END */

/* acc-table start */
.acc-table {}

@media (min-width: 1024px) {
  .acc-table table tbody tr:first-child {
    border-top: 1px solid var(--Grey-3-Stroke);
  }

  .acc-table table tbody tr td:first-child {
    background-color: var(--Green-Normal);
    color: #fff;
  }
}

.acc-table-el {
  display: flex;
  border: 1px solid var(--Grey-3-Stroke);
  border-bottom: 0;
  font-size: 15px;
}

.acc-table-el:last-child {
  border-bottom: 1px solid var(--Grey-3-Stroke);
}

.acc-table-trigger {
  width: 100%;
  flex: none;
  max-width: 180px;
  border-right: 1px solid var(--Grey-3-Stroke);
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: var(--Green-Normal);
  color: #fff;
}

.acc-table-el-drop {}

.acc-table-el-content {
  padding: 12px 16px;
}

@media (max-width:1024px) {

  .acc-table table tbody tr td{
    padding: 0 0 15px !important;
    border: none !important;
  }
  .acc-table-el {
    flex-direction: column;
    border: none;
  }

  .acc-table-trigger {
    max-width: 100%;
    padding: 16px;
    padding-right: 31px;
    border-radius: 6px;
    background: var(--Green-Normal);
    color: var(--white);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;

    &::after {
      content: '';
      position: absolute;
      right: 15px;
      top: calc(50% - 0.8rem);
      width: 1.6rem;
      height: 1.6rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.98871 11.9002L3.19271 6.41823C2.62671 5.77223 3.08671 4.76023 3.94571 4.76023L13.5377 4.76023C13.73 4.76007 13.9182 4.81532 14.0798 4.91937C14.2415 5.02342 14.3697 5.17187 14.4492 5.34692C14.5286 5.52198 14.5559 5.71623 14.5278 5.90641C14.4997 6.09659 14.4174 6.27464 14.2907 6.41923L9.49471 11.8992C9.40085 12.0066 9.28509 12.0927 9.15522 12.1517C9.02534 12.2107 8.88435 12.2412 8.74171 12.2412C8.59907 12.2412 8.45808 12.2107 8.3282 12.1517C8.19832 12.0927 8.08257 12.0066 7.98871 11.8992V11.9002Z' fill='white'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
    }
  }

  .acc-table-el.drop .acc-table-trigger::after {
    transform: scale(1, -1);
  }

  .acc-table-el-content {
    padding: 16px 10px 0;
    min-height: 0px;
  }

  .acc-table-el-drop {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid 0.3s;
    overflow: hidden;
  }

  .acc-table-el.drop .acc-table-el-drop {
    grid-template-rows: 1fr;
  }

}