/* HERO START */


/*.hero {*/
/*    padding-top: 98px;*/
/*}*/
.hero {
    padding-top: calc(var(--header-height) + var(--hero-gap));
}
body.home .hero {
    --hero-gap: 28px;
}
.hero__wrapper {
    display: flex;
}
.hero__content {
    width: 50%;
}
.hero__title {
    font-size: 72px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0.67em 0;
}
.hero__benefits {
    margin-top: 48px;
    display: flex;
    gap:16px;
    max-width: 560px;
}
.hero__benefit {
}
.hero__benefit-image {
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
}
.hero__benefit-text {
    font-size: 18px;
    font-weight: 500;
}
.hero__btn {
    margin-top: 32px;
    display: block;
    max-width: 300px;
    color:#000;
    text-align: center;
}
.hero__image {
    width: calc(50% + 110px);
    margin-left: -100px;
    margin-right: -20px;
    /* width: 50%; */
}
.hero__image-main {
    padding-top: 60px;
    position: relative;
}
.hero__image-main img{
    position: relative;
    z-index: 1;
    scale: 1;
}
.hero__image-circle {
    background-image: url('../../img/yellow_circle.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 204px;
    position: absolute;
    bottom: 128px;
    right: 75px;
    z-index: 0;
}
.hero__image-dots {
    background-image: url('../../img/rectangle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 231px;
    height: 224px;
    position: absolute;
    top:115px;
    left:80px;
    z-index: 0;
}
.hero__image-lines {
    background-image: url('../../img/yellow_lines.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 58px;
    position: absolute;
    top:115px;
    right: 120px;
    z-index: 0;
}

/* HERO END */

/* NUMBERS START */

.section {
    padding: 90px 0;
}
.numbers {
}
.numbers__wrapper {
}
.numbers__title-block {
    max-width: 706px;
    width: 100%;
}
.section__title{
    color: var(--Label-Primary, #292826);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 48px;
}
.numbers__content {
    
}
.numbers__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap:24px;
}
.numbers__card {
    width: calc(25% - 18px);
    border-radius: 16px;
    border: 1px solid var(--Label-Primary, #292826);
    padding: 32px;
}
.numbers__card hr {
    background-color: var(--Label-Primary, #292826);
    color: var(--Label-Primary, #292826);
    height: 1px;
    border-radius: 20px;
}
.white-card {
}
.numbers__card-title {
    color: var(--Label-Primary, #292826);
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
}
.numbers__card-text {
    color: var(--Label-Primary, #292826);
    font-size: 20px;
}

.numbers__cards > .numbers__card:nth-child(2),
.numbers__cards > .numbers__card:nth-child(3),
.numbers__cards > .numbers__card:nth-child(5),
.numbers__cards > .numbers__card:nth-child(7),
.numbers__cards > .numbers__card:nth-child(8) {
    background-color: var(--Label-Primary, #292826);
}

.numbers__cards > .numbers__card:nth-child(2) .numbers__card-title,
.numbers__cards > .numbers__card:nth-child(3) .numbers__card-title,
.numbers__cards > .numbers__card:nth-child(5) .numbers__card-title,
.numbers__cards > .numbers__card:nth-child(7) .numbers__card-title,
.numbers__cards > .numbers__card:nth-child(8) .numbers__card-title {
    color:#fff;
}

.numbers__cards > .numbers__card:nth-child(2) .numbers__card-text,
.numbers__cards > .numbers__card:nth-child(3) .numbers__card-text,
.numbers__cards > .numbers__card:nth-child(5) .numbers__card-text,
.numbers__cards > .numbers__card:nth-child(7) .numbers__card-text,
.numbers__cards > .numbers__card:nth-child(8) .numbers__card-text {
    color:#fff;
}

/* NUMBERS END */

/* SLIDER START */

.section {
}
.slider {
}
.slider__wrapper {
    position: relative;
    overflow-x: visible;
}
.container {
}
.section__title-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.slider .section__title {
    margin-bottom: 0;
}
.slider .section__title-block {
    margin-bottom: 48px;
}
.section__title-link {
    position: relative;
    font-size: 18px;
    color: var(--Label-Primary, #292826);
    text-decoration: none;
    padding: 20px 30px 20px 20px;
}
.section__title-link::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 22px;
    background-image: url('../../img/arrow-up-right_small.svg');
}
.slider__content {
    overflow: hidden;
    margin-top: 20px;
}
.swiper-slider {
}
.slider__category-slider {
    position: relative;
    padding: 20px 0;
    
}
.swiper-wrapper {
    
}
.slider .swiper-slide {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
}
.slider__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.slider__image {
    width: 280px;
    height: 280px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.slider__image img {
    object-fit: cover;
}
.slider__name {
    width: 100%;
}
.slider__name-link {
    width: 100%;
    display: block;
    white-space: wrap;
}
.slider__name-link:hover {
    box-shadow: 0px 2px 9.3px 0px #C6A512;
}
.swiper-button-prev {
    left:-50px;
}
.swiper-button-next {
    right: -50px;
}
.slider .swiper-pagination {
    bottom: -30px;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(41, 40, 38, 0.20);
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #FDD525;
}

.swiper-button-prev,
.swiper-button-next {
  color: #000;
  width: 32px;
  height: 32px;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
  border:none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 24px;
}

/* SLIDER END */

/* ABOUT START */

.about {
}
.about__title-block {
    margin-bottom: 48px;
}
.section__title {
}
.about-title {
}
.about__wrapper {
    display: flex;
    gap:24px;
}
.about__description {
    width: calc(33.34% - 12px);
}
.about__description-text {
    
}
.about__description-action {
    margin-top: 32px;
}
.about__description-link {
    display: block;
    max-width: 300px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about__info {
    width: calc(66.66% - 12px);
    position: relative;
}
.about__info-image {
    border-radius: 16px;
    line-height: 0;
    height: 100%;
}
.about__info-image img {
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    overflow: hidden;
}
.about__info-cols {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left:0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:16px;
    padding: 32px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.08%, rgba(0, 0, 0, 0.80) 100%);
}
.about__info-col {
    width: calc(25% - 12px);
    border-left: solid 1px #fff;
    padding-left: 16px;
}
.about__info-count {
    color: #fff;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
}
.about__info-text {
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

/* ABOUT END */


/* CLIENTS START */

.clients {
}
.clients__wrapper {
}
.clients__title-block {
    max-width: 540px;
    margin-bottom: 53px;
}
.clients__title {
    
}
.clients__title-description {

}
.normal-text {
    font-size: 20px;
}
.clients__content {
}
.clients__list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap:40px;
}
.clients__item {
    width: calc(20% - 32px);
    height: 93px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.clients__item img {
    height: 100%;
    object-fit: contain;
}

.clients .swiper-wrapper {
    position: relative;
    padding-bottom: 50px;
}

.clients .swiper-pagination {
    bottom: 0px;
    display: block!important;
}

/* CLIENTS END */

/* PRODUCTS START */


.products {
}
.products__title-block {
    margin-bottom: 42px;
}
.products__title {
}
.products .section__title {
    margin-bottom: 0;
}
.products__content {    
    position: relative;
}
.swiper-slider {
}
.products__slider,
.similar__slider {
    overflow: hidden;
    margin: -60px -20px -60px;
    padding: 60px 20px 60px;
}
.swiper-wrapper {
}
.product__list {
}
.swiper-slide {
}
.product__item {
    padding: 24px;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* box-shadow: 0px 2px 30px 0px rgba(41, 40, 38, 0.20); */
}
.product__item:hover {
    box-shadow: 0px 2px 30px 0px rgba(41, 40, 38, 0.20);
}
.product__item-image {
    width: 180px;
    height: 180px;
    margin-bottom: 16px;
}
.products.spare .product__item-image {
    max-width: 300px;
    width: 100%;
}
.products.spare .product__item-image img {
    height: 100%;
    object-fit: cover;
}
.product__item-title {
    text-align: left;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}
.product__item-article {
    margin-bottom: 16px;
    text-align: left;
    width: 100%;
    font-size: 16px;
    color:rgba(41, 40, 38, 0.60);
}
.product__item-info {
    margin-bottom: 16px;
    width: 100%;
    
}
.product__item-info ul{
    list-style-type: none;
    
}
.product__item-info ul li{
    font-size: 16px;
    font-weight: 400;
}
.product__item-action {
    width: 100%;
}
.product__item-link {
    display: block;
    font-size: 18px;
}
.product__item-price {
    color: var(--Label-Primary, #292826);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 116.667% */
    width: 100%;
    margin-bottom: 16px;
}
.catalog__list--loading {
    opacity: 1;
}
.product--skeleton {
    pointer-events: none;
}
.product--skeleton .product__image,
.product--skeleton .product__text,
.product--skeleton .product__action {
    width: 100%;
}
.product--skeleton .product__rating {
    min-height: 20px;
    margin-bottom: 12px;
}
.skeleton-block {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(90deg, #ececec 0%, #f6f6f6 50%, #ececec 100%);
    background-size: 200% 100%;
    animation: catalogSkeletonPulse 1.4s ease-in-out infinite;
}
.skeleton-block--image {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
}
.skeleton-block--rating {
    width: 88px;
    height: 16px;
}
.skeleton-block--title {
    width: 90%;
    height: 32px;
    margin-bottom: 16px;
}
.skeleton-block--line {
    width: 100%;
    height: 14px;
}
.skeleton-block--line-short {
    width: 72%;
}
.skeleton-block--price {
    width: 120px;
    height: 24px;
    margin-bottom: 16px;
}
.skeleton-block--button {
    width: 100%;
    height: 48px;
    border-radius: 999px;
    margin-bottom: 10px;
}
.skeleton-block--button-link {
    width: 68%;
}
@keyframes catalogSkeletonPulse {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
.swiper-button-prev {
}
.swiper-button-next {
}
.products .swiper-pagination {
    bottom: 0;
    display: block;
}

/* PRODUCTS END */

/* CTAFORM START */

.ctaform {
    background-color: #FDD525;
    padding: 48px 0;
}
.ctaform__wrapper {
}
.ctaform__title {
    text-align: center;
    margin-bottom: 8px;
    font-size: 56px;
    display: block;
    width: 100%;
}
.ctaform__content {
    display: flex;
    gap:24px
}
.ctaform__image {
    width: calc(50% - 12px);
    text-align: right;
}
.ctaform__image img {
    max-width: 680px;
}
.ctaform__form-wrapper {
    width: calc(50% - 12px);
    padding-top: 40px;
}
.ctaform__form {
    max-width: 524px;
}
.ctaform .form-input {
    border: none;
}
.form-text {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.form-input-wrapper {
    width: 100%;
    margin-bottom: 16px;
}
.form-input {
    border-radius: 16px;
    font-size: 16px;
    font-weight: 400;
    padding: 24px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #292826;
}
.form-group {
    margin-top: 24px;
    margin-bottom: 32px;
    display: flex;
}
.form-check-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: none;
    background-image: url('../../img/checkbox-icon-nochecked.svg');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.form-check-input:checked {
    background-image: url('../../img/checkbox-icon-checked.svg');
}
.form-check-label {
    color: rgba(41, 40, 38, 0.60);
    font-size: 18px;
    /* cursor: pointer; */
}
.submit-btn {
    border: none;
    border-radius: 16px;
    background: #292826;
    height: 56px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color:#fff;
    font-size: 18px;
    text-decoration: none;
}


/* CTAFORM STOP */

/* TEAM START */

.team {
}
.team__wrapper {
}
.team__title {
}

.team__slider-wrapper {
    position: relative;
}
.team__content {    
    
}
.swiper-slider {
    overflow-x: hidden;
}
.team__slider {
}
.team__list {
}
.team__item {
}
.swiper-slide {
}
.team__item-image {
}
.team .swiper-pagination {
    display: none;
}
.team__item-name {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
}
.team__item-profession {
    color: rgba(41, 40, 38, 0.60);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    max-width: 250px;
    margin: 10px auto;
}
.team__action {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.team__btn {
    width: 290px;
    display: block;
    margin: 10px auto;
}


/* TEAM STOP */

/* REWIEWS START */


.reviews {
    margin-bottom: 48px;
}
.reviews__title {
}
.reviews__content {
    
}
.reviews__filter {
    margin-bottom: 32px;
    display: flex;
    gap:24px;
}
.reviews-btn {
    padding: 17px;
    border-radius: 16px;
    border: 1px solid var(--Label-Primary, #292826);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 250px;
    background-color: #fff;
}
.reviews-btn.active {
    color:#FDD525;
    background-color: #292826;
}
.reviews__slider-wrapper {
    position: relative;
}
.reviews__slider {
    display: flex;
    align-items: stretch;
}
.reviews .swiper-button-prev,
.reviews .swiper-button-next {
    top:unset;
    bottom: -80px;
}
.reviews .swiper-button-prev {
    left: calc(50% - 50px);
}
.reviews .swiper-button-next {
    right: calc(50% - 50px);
}
.reviews .swiper-pagination {
    display: none;
}
.reviews__item {
    border-radius: 16px;
    border: 1px solid var(--Stroke-Primary, rgba(41, 40, 38, 0.40));
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
}
.reviews .swiper-slide-active {
    background-color: #FDD525;
    border:none;
}
.reviews__list {
}
.reviews__item-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 32px;
    align-self: flex-start;
}
.reviews__item-text {
    font-size: 16px;
    margin-bottom: 16px;
}
.reviews__item-image {
    border-radius: 16px;
    margin-bottom: 16px;
}
.reviews__item-image img{
    border-radius: 16px;
}
.reviews__item-date {
}
.reviews__filter--select {
    display: none;
}
.reviews-select {
    border-radius: 16px;
    border: 1px solid var(--Label-Primary, #292826);
    color:#FDD525;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 250px;
    background-color: #292826;
    height: 40px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.reviews-select::-ms-expand {
  display: none;
}
.reviews__filter--select::after {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: calc(50% - 68px);
    width: 17px;
    height: 17px;
    pointer-events: none;
    transform: translateY(-50%);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"><path d="M8.00595 15.5748C8.061 15.6547 8.13465 15.7201 8.22058 15.7652C8.3065 15.8104 8.40212 15.834 8.49919 15.834C8.59626 15.834 8.69187 15.8104 8.77779 15.7652C8.86372 15.7201 8.93738 15.6547 8.99243 15.5748L14.3928 7.77532C14.4554 7.68536 14.492 7.57999 14.4988 7.47066C14.5057 7.36134 14.4824 7.25223 14.4315 7.1552C14.3807 7.05817 14.3042 6.97692 14.2105 6.92029C14.1167 6.86366 14.0092 6.83381 13.8996 6.83399H3.09876C2.98946 6.83444 2.88235 6.86467 2.78895 6.92144C2.69555 6.9782 2.61939 7.05935 2.56866 7.15616C2.51794 7.25297 2.49457 7.36177 2.50106 7.47086C2.50756 7.57995 2.54367 7.68521 2.60553 7.77532L8.00595 15.5748Z" fill="%23FDD525"/></svg>') no-repeat center center;
    background-size: contain;
}

/* REWIEWS STOP */

/* SERVICES START */

.services {
}
.services__title {
}
.section__title {
}
.services__content {
    
}
.services__list {
    display: flex;
    gap:24px;
}
.services__item {
    width: calc(33.33% - 16px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
}
.services__item-first {
    padding-bottom: 24px;
}
.services__item-text {
    color:#fff;
}
.services__item-first .services__item-text {
    /* font-size: 20px; */
    font-weight: 400;
    line-height: normal;
    color:#000;
}
.services__item-action {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.services__item-bnt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 56px;
}

.services__item-second,
.services__item-third {
    padding: 24px;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services__item-second {
    background-image: url('../../img/service_bg1.jpg');
}
.services__item-third {
    background-image: url('../../img/service_bg2.jpg');
}
.services__item-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
}
.services__item-title {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}
.services__item-second .services__item-text,
.services__item-third .services__item-text {
    margin-bottom: 16px;
    text-align: center;
    /* font-size: 20px; */
    font-weight: 400;
    line-height: normal;
}
.services__item-second .services__item-action, 
.services__item-third .services__item-action {
    justify-content: center;
}
.services__item-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 56px;
}

/* SERVICES STOP */


/* OFFER START */

.offer {
}
.offer__title {
}
.offer__content {
    margin-top: 48px;
}
.section__row {
    display: flex;
    gap:24px;
}
.section__col {
    width: calc(50% - 12px);
}
.section__col-small {
    padding-left: 136px;
}
.offer__info {
}
.offer__text {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: normal;
}
.offer__subtitle {
    margin-top: 100px;
    margin-bottom: 36px;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.offer__list {
    list-style-type: none;
    display: flex;
    gap:24px;
    flex-wrap: wrap;
}
.offer__item {
    position: relative;
    padding-left: 24px;
    width: calc(50% - 12px);
}
.offer__item::after {
    content: '';
    position: absolute;
    top:8px;
    left:0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FDD525;
}
.offer__action {
}
.offer__link {
    display: block;
    margin-top: 48px;
    max-width: 300px;
}
.offer__image {
    height: 100%;
    border-radius: 16px;
}
.offer__image img {
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

/* OFFER END */


/* LIZING START */

.lizing {
}
.lizing__title {
    scroll-margin-top: 50px;
}
.lizing__content {
}
.lizing__text {
    margin-bottom: 24px;
}
.lizing__text {
    font-size: 18px;
    line-height: normal;
}
.lizing__cards {
    display: flex;
    gap:24px;
    flex-wrap: wrap;
}
.lizing__card {
    width: calc(33.33% - 12px);
    border-radius: 16px;
    border: 1px solid var(--Label-Primary, #292826);
    padding: 16px;
    height: 196px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 240px;
}
.lizing__card:first-child,
.lizing__card:last-child {
    width: calc(66.66% - 12px);
}
.lizing__card:last-child {
    
}
.lizing__card-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.lizing__card-count {
    color: var(--Label-Primary, #292826);
    font-size: 48px;
    font-weight: 500;
    line-height: normal;
}
.lizing__card-icon {
    width: 64px;
    height: 64px;
}
.lizing__card-bottom {
    font-size: 14px;
    line-height: normal;
    padding-top: 12px;
    border-top: solid 1px rgba(41, 40, 38, 0.60);
}
.section__col-small {
}
.lizing__form-wrapper {
    border-radius: 16px;
    background: var(--Label-Primary, #292826);
    padding: 32px 32px 32px 32px;
}
.lizing__form {
}
.lizing__form-title {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}
.lizing__form .form-input-wrapper {
    margin-bottom: 20px;
}
.lizing__form-input {
    height: 56px;
}
.form-input {
}
.lizing__form-subtitle {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}
.form-input-group {
    display: flex;
    gap: 16px;
}
.form-input-group-range {
    margin-bottom: 24px;
}
.form-range-wrapper {
    width: calc(50% - 8px);
}
.range-wrapper {
    width: 100%;
    padding-top: 20px;
    position: relative;
}
.range-wrapper span {
    position: absolute;
    top:0;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
}
.range-min-val {
    left:0;
}
.range-max-val {
    right: 0;
}
.form-range-label {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    display: block;
}
.range-input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(to right, #fdd525 49%, #fff 49%);
    outline: none;
    transition: background 0.3s ease;
    cursor: pointer;
}
.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid #fdd525;
  margin-top: -3px; /* Чтобы по центру полоски */
  cursor: pointer;
}

/* Firefox thumb */
.range-input::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid #fdd525;
  cursor: pointer;
}

/* Firefox track */
.range-input::-moz-range-track {
  height: 4px;
  border-radius: 2px;
  background: transparent;
}
.form-action {
}
.submit-btn {
    
}
.lizing-btn {
    background: var(--Accent-Yellow, #FDD525);
    color: var(--Label-Primary, #292826);
    font-weight: 500;
    max-width: 350px;
    margin: 0 auto;
}

/* LIZING END */

/* FAQ START */

.faq {
}
.faq__title {
}
.faq__contant {
}
.faq__list {
    display: flex;
    flex-direction: column;
    gap:24px;
}
.faq__item {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--Label-Primary, #292826);
    padding: 32px;
    position: relative;
    cursor: pointer;
}
.faq__item::after {
    content:'';
    display: block;
    position: absolute;
    right: 32px;
    top: 45px;
    width: 32px;
    height: 32px;
    background-image: url('../../img/arrow-down.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.faq__item-question {
    display: flex;
    gap:60px;
    align-items: center;
}
.faq__item-count {
    color: var(--Label-Primary, #292826);
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.faq__item-text {
    color: var(--Label-Primary, #292826);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-right: 48px;
    width: 100%;
}
.faq__item-answer {
    border-top: solid 1px rgba(41, 40, 38, 0.60);
    padding-top: 12px;
    display: none;
}
.faq__item.faq__item-active {
    background-color: #FDD525;
    border: 1px solid #FDD525;
    display: flex;
    flex-direction: column;
    gap:16px;
}
.faq__item.faq__item-active .faq__item-answer {
    display: flex;
}
.faq__item.faq__item-active::after {
    transform: rotate(180deg);
}

.faq__item-active {
}

/* FAQ END */


/* INFO START */

.info {
    background-color: #292826;
    color:#fff;
}
.info__wrapper {
    position: relative;
}
.section__row {
}
.section__col {
}
.info h2 {
    color:#fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 48px;
}
.info__text {
    padding-right: 160px;
    font-size: 18px;
}
.info__text p {
    margin-bottom: 20px;
}
.info__text .hidden-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.3s ease;
  margin: 0;
}

.info__text.open .hidden-text {
  max-height: 1000px;
  opacity: 1;
  margin-bottom: 20px;
}
.readmore {
    position: relative;
    color: #FFF;
    font-weight: 700;
    line-height: normal;
    width: fit-content;
    cursor: pointer;
}
.readmore::after {
    content: '';
    width: 16px;
    height: 14px;
    display: block;
    position: absolute;
    right: -20px;
    top:8px;
    background-image: url('../../img/arrow-down-small-fill_white.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.readmore.open::after{
    transform: rotate(180deg) translateY(4px);
}
.info__text-hide {
    display: none;
}
.info__text-hide.open {
    display: block;
}
.info__image {
    border-radius: 16px;
}
.info__image img {
    border-radius: 16px;
    position: relative;
    z-index: 2;
}
.info__image-circle {
    width: 280px;
    height: 280px;
    position: absolute;
    z-index: 1;
    top:300px;
    bottom: 380px;
    left:calc(50% - 46px);
    transform: translate(-50%,-50%);
}

/* INFO END */

/* NEWS START */

.news {
}
.news__wrapper {
    position: relative;
    padding-bottom: 60px;
}
.news__title-block {
    margin-bottom: 48px;
}
.news__title {
}
.news .section__title {
    margin-bottom: 0;
}
.section__title-link {
}
.news__content {
}
.news__list {
    display: flex;
    gap:42px;
}
.news__list a {
    text-decoration: none;
}
.news__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(25% - 24px);
}
.news__item::after {
    content: '';
    position: absolute;
    right: -21px;
    top:0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgba(41, 40, 38, 0.60);
}
.news__item:last-child::after {
    display: none;
}
.news__item-title {
    color: var(--Label-Primary, #292826);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px;
}
.news__item-date {
    color: var(--Label-Primary, #292826);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}
.news__item-image {
}

/* NEWS STOP */


/* ctaform-white START */

.ctaform-white {
    background-color: #fff;;
}
.ctaform-white .form-input{
    border: 1px solid var(--Label-Primary, #292826);
}
.ctaform-white .submit-btn{
    background-color: #FDD525;
    border:solid 1px #FDD525;
    color:#292826;
    font-weight: 500;
}
.ctaform-white .form-text{
    font-size: 16px;
    max-width: 420px;
}
.ctaform-white .form-check-label{
    font-size: 16px;
}
.ctaform-white .ctaform__image {
    padding-left: 100px;
    position: relative;
}
.ctaform-white .ctaform__image img {
    position: relative;
    z-index: 2;
    max-width: 560px;
}
.ctaform__image-lines {
    background-image: url('../../img/yellow_lines.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 320px;
    height: 80px;
    position: absolute;
    top: 60px;
    right: 336px;
    z-index: 1;
}
.ctaform__image-dots {
    background-image: url('../../img/circle_dots_gray.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 140px;
    position: absolute;
    top: 82px;
    left: 181px;
    z-index: 0;
}

/* ctaform-white END */


/* FOOTER START */

.footer {
    border-top:solid 1px #757575;
    padding-top: 56px;
}
.footer__wrapper {
}
.footer__top {
    margin-bottom: 50px;
}
.footer__logo {
    max-width: 350px;
    display: block;
}
.footer__middle {
    display: flex;
    justify-content: space-between;
    gap:30px;
}
.footer__middle-col {
    width: calc(20% - 24px);
}
.footer__middle-col:first-of-type {
    min-width: 400px;
}
.footer__middle-col:last-of-type {
    min-width: 313px;
}
.footer__subtitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}
.footer__subtitle a {
    color:#292826;
    text-decoration: none;
}
.footer__links {
}
.footer__links ul {
    list-style-type: none;
}
.footer__links ul li {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px;
}
.footer__links ul li a {
    text-decoration: none;
    color: #292826;
}
/* Контакты: контейнер по ширине самой длинной строки, прижать вправо */
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  width: max-content;
  max-width: 100%;
  margin-left: auto;    /* прижать вправо (если футер в flex/обычном потоке) */
}

/* Общие стили ссылок */
.footer__contacts-phone,
.footer__contacts-mail {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  color: #292826;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  padding-left: 42px;
  position: relative;
  background-image: none;
}

.footer__contacts-phone {
  font-size: 24px;
}

.footer__contacts-mail {
  font-size: 20px;
  white-space: nowrap;
}

/* 2 span оставляем, но не даём им стать блочными */
.footer__contacts-mail span {
  display: inline;
  white-space: nowrap;
}
.footer__contacts-phone::before,
.footer__contacts-mail::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer__contacts-phone::before {
  background-image: url('../../img/call_icon.svg');
}
.footer__contacts-mail::before {
  background-image: url('../../img/mail_icon.svg');
}
.footer__bottom {
    margin-top: 60px;
    display: flex;
    gap:40px;
    justify-content: space-between;
}
.footer__bottom-col {
    width: calc(25% - 30px);
}
.footer__bottom-col:last-of-type {
    width: calc(50% - 30px);
    display: flex;
    align-items: flex-end;
}
.footer__bottom-info, .footer__bottom-info a {
    color: rgba(41, 40, 38, 0.60);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.footer__bottom-info ul {
    list-style-type: none;
}
.footer__bottom-info ul li {
    margin-bottom: 8px;
}
.footer__bottom-info ul li:last-of-type {
    margin-bottom: 0;
}
.footer__bottom-info ul li a {

}
.footer__bottom-text {
    display: flex;
    color: var(--Label-Primary, #292826);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 100%;
    align-items: self-end;
}
.footer__form {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap:24px;
}
.text-input {
}
.footer__form-input {
    width: 100%;
    border: 1px solid var(--Label-Primary, #292826);
}
.footer__form-btn {
    min-width: 250px;
}
.footer__socials {
    display: flex;
    margin-top: 24px;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
.footer__social {
    width: 36px;
    height: 36px;
    
}
.footer__social-vk {
}
.footer__social-tg {
}
/* FOOTER END */

/* CATALOG */
/* MAIN START */

/*.main {*/
/*    padding-top: 30px;*/
/*}*/
.main {
    padding-top: calc(var(--header-height) + var(--main-gap));
}
.main__wrapper {
}
.main__title-block {
}
.main__title {
    color: #292826;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.main__breadcrambs {
    margin-top: 16px;
}
.breadcramb-list {
    list-style-type: none;
    display: flex;
    row-gap: 4px;
    column-gap: 20px;
    flex-wrap: wrap;
}
.breadcramb-item {
    position: relative;
    color: #292826;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.breadcramb-item::after {
    content:'/';
    position: absolute;
    right: -12px;
    top:0;
}
.breadcramb-item:last-of-type::after{
    display: none;
}
.breadcramb-link {
    color: rgba(41, 40, 38, 0.60);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.main__banner {
    margin-top: 56px;
    position: relative;
    border-radius: 16px;
    height: 322px;
    padding: 48px;
}
.main__banner-image {
    position: absolute;
    z-index: 0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 96.22%);
}
.main__banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    border-radius: 16px;
}
.main__banner-image .overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 96.22%);
    pointer-events: none;
    z-index: 10; /* выше, чем у картинки */
}
.main__banner-info {
    position: relative;
    z-index: 2;
    color:#fff;
    max-width: 700px;
}
.main__banner-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.main__banner-subtitle {
    margin-top: 16px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main__banner-action {
    margin-top: 32px;
}
.main__banner-action .btn {
    display: block;
    max-width: 290px;
}

/* MAIN END */