.section__title{display: flex;flex-direction: column;align-items: center;width: 100%;margin-bottom: 30px;}
.section__title h2 {font-size: 36px;font-weight: 500;color:#000;padding: 0;margin:0;line-height: 1;text-align: center}
.section__title span {margin-top:5px;font-size: 18px;color:#666;}
.hero-osushenie-block {position:relative;float:left;}
.hero-osushenie-block img{float:left;width: 100%}
.hero-osushenie-block:after {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+50,0+100 */
    background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;content:'';
}
.hero-osushenie-block .container{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;display: flex;flex-direction: column;z-index: 3}
.hero-block {display: flex;flex-direction: column;width: 50%;align-items: flex-start}
.hero-block h1 {color:#fff;font-weight: 500;font-size: 46px;line-height: 1.3;margin-bottom: 20px}
.hero-block button {padding: 15px 25px;font-size: 18px;border-radius: 50px;background: #fff521;color:#111;cursor: pointer;border:none;transition: .3s}
.hero-block button:hover {background: #333;color:#fff;}
.hero-block__icons {display: flex;margin-top:50px;width: 100%}
.hero-block__icons div {display: flex;flex-direction: column;align-items: flex-start;padding: 10px}
.hero-block__icons div i{display: flex;flex-direction: column;background:#fff;color:#111;width: 52px;line-height: 52px;text-align: center;border-radius: 50px;font-size: 24px; }
.hero-block__icons div span {margin-top:15px;color:#fff;font-size: 16px;font-weight: 400}
.block__problems{padding: 50px 0}
.block__problems-items {display: flex;width: 100%;justify-content: space-between}
.block__problems-items > div {box-sizing:border-box;display: flex;flex-direction: column;width: 18%;padding: 10px;background: #dfdfdf;border-radius: 5px;}
.block__problems-items > div i {font-size: 24px;background-color:#fff521;font-style: normal;color:#000;width: 52px;line-height: 52px;border-radius: 50px;text-align: center}
.block__problems-items > div span {font-size: 16px;color:#000;font-weight: 600;margin:10px 0}
.block__problems-items > div p {font-size: 13px;color:#333;margin:0;padding: 0}
.hero-2{padding: 50px 0;background: #ddd;}
.hero-2 .container{display: flex;align-items: center;flex-wrap: wrap}
.hero-2 .container h2 {font-size: 32px;font-weight: 400}
.hero-2 .container h2 em {font-style: normal;background: #fff521;padding: 0 5px;}
.hero-2__img {width: 20%;}
.hero-2__img img{display: block;width: 100%;}
.hero-2__title {width: 75%;padding-left: 20px;box-sizing: border-box}
.hero-2__steps {display: flex;width: 100%;background: #ddd;margin-top:-10px;justify-content: space-between}
.hero-2__steps div {box-sizing:border-box;display: flex;flex-direction: column;position: relative;width: calc((100% - 100px) / 7);padding: 5px;background: #fff;}
.hero-2__steps div i{font-style: normal;font-size: 32px;}
.hero-2__steps div em{font-style: normal;padding: 2px 5px;border-radius: 3px;font-size:12px; position: absolute;left:30px;top:10px;background: #fff521 ;white-space: nowrap}
.hero-2__steps div span{font-weight: 500;font-size: 13px;}
.banner_vw {margin-top: 0}
.before-after-block{padding: 50px 0;background: #f0f0f0}
.ba-block{display: flex;justify-content: space-between}
.slider2 {
    --value: 50%;
    position: relative;
    width: 30%;
    max-width: 400px;
    margin: 0 auto;
    color: #fff;
    background-color: #ffffff;

    aspect-ratio: 1/1;
}
.slider__img {
    position: absolute;
    top: 0;
    max-width: none;
    height: 100%;
    object-fit: cover;
}
.slider__img--before {
    left: 0;
    width: var(--value);
    border-right: 2px solid #fff;
    object-position: left;
}
.slider__img--after {
    right: -2px;
    width: calc(100% - var(--value));
    border-left:4px solid #fff;
    object-position: right;
}
.slider__range-js::-moz-range-thumb {
    width: 50px;
    height: 50px;
    background-color: currentColor;
    background-image: url(/media/img/osushenie/comparision.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 50%;
    transform: translateX(calc(var(--value) - 50%));
    appearance: none;
}
.slider__range-js::-webkit-slider-thumb {
    width: 50px;
    height: 50px;
    background-color: currentColor;
    background-image: url(/media/img/osushenie/comparision.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 50%;
    transform: translateX(calc(var(--value) - 50%));
    -webkit-appearance: none;
    appearance: none;
}
.slider__range-js {
    position: absolute;
    margin: 0;
    background-color: transparent;
    outline: 0;
    cursor: col-resize;
    -webkit-appearance: none;
    appearance: none;
    inset: 0;
    color:#fff;
}

.slider__range-js:focus-visible::-moz-range-thumb {
    outline: auto;
}
.slider__range-js:focus-visible::-webkit-slider-thumb {
    outline: auto;
}
.wrapper-main {display: flex;flex-direction: column}
.banner_vw {padding: 100px 0;position: relative}
.banner_vw img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover;z-index: 1}
.banner_vw:after {position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,.8);content:''}
.banner_vw .container {position: relative;z-index: 3}
.banner_vw-content {float:left;width: 50%;padding-left: 5%;border-left:2px solid #FFF521}
.banner_vw-content strong ,.banner_vw-content p {float:left;width: 100%;margin:0;padding: 0}
.banner_vw-content strong {font-weight: 500;font-size: 32px;color:#fff}
.banner_vw-content p {font-weight:400;font-size: 16px;color:#fff;padding: 30px 0}
.banner_vw-content div {float:left;width: 100%;margin-top:10px;}
.banner_vw-content div a{float:left;}
.banner_vw-content div a span{float:left;line-height: 30px;margin-left: 10px;text-decoration: none;color:#fff;font-size: 18px;font-weight: 400}

.phone i {float:left;width: 30px;line-height: 30px;text-align: center;background: #ddd;color:#000;border-radius: 50px}
.banner_vw-content div a i.whatsapp {float:left;width: 30px;height: 30px;border-radius: 50px;background: url('/media/img/wa.svg') center no-repeat;background-size: 100% auto;}
.banner_vw-content div a i.viber {float:left;width: 30px;height: 30px;border-radius: 50px;background: url('/media/img/viber.svg') center no-repeat;background-size: 100% auto;}
@media(max-width: 900px){
    .banner_vw-content{box-sizing: border-box;width: 100%}
    .banner_vw-content div a span {    max-width: calc(100% - 40px);}
}
@media(max-width: 768px){
    .faq-block__inner{flex-direction: column}
    .faq-btns .btn{margin-bottom: 5px}

    .faq-block {order:2;width: 100%}
    .hero-block{width: 60%}
    .hero-osushenie-block .container{position: relative;left:0;top:0;transform: unset;width: 100%}
    .hero-osushenie-block img{position: absolute;right:0;top:0;object-fit: cover;width: 100%;height: 100%;}
    .hero-block h1{font-size: 32px}
    .section__title h2{font-size: 24px;}
    .section__title h2{font-size: 24px;}
    .section__title span{font-size: 16px;text-align: center}
    .block__problems-items{flex-direction: column}
    .block__problems-items > div{width: 100%;margin-bottom: 10px}
    .hero-2 .container h2{font-size: 24px}
    .hero-2__steps{flex-direction: column}
    .hero-2__steps div{width: 100%;margin-bottom: 10px}
    .ba-block{display: flex;flex-direction: column}
    .ba-block .slider2{width: 100%;margin-bottom: 20px}
}
@media(max-width: 420px){
    .hero-2__img{width: 25%}
    .hero-2 .container h2{font-size: 15px;}
}