.vars{padding-top:40rem;}
.vars-item{border:1rem solid #cfd2e1;border-radius:8rem;padding:32rem;height:100%;}
.vars-item__title{font-weight:600;font-size:16rem;}
.vars-item__description{padding-bottom:26rem;}
.vars-item__img{border-radius:8rem;width:100%;height:auto;max-width:100%;display:block}






.point{padding-top:64rem;}
.point-title{font-weight:700;font-size:24rem;line-height:147%;}
.point-title span{color:var(--color-main)}
.point-item{}
.point-item__icon{max-width:100%;height:auto;display:block;width:75rem;}
.point-item__title{font-weight:600;font-size:16rem;}






.slider{padding-top:64rem;}
.slider-title{font-weight:700;font-size:24rem;line-height:147%;}
.slider-title span{color:var(--color-main)}
.slider-container{position:relative;}
.slider-items{}
.slider-item{height:290rem;width:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:8rem;}
.slider-items.f-carousel{--f-carousel-slide-width:550rem;}





.who{padding-top:64rem}
.who-title{font-weight:700;font-size:24rem;line-height:147%;}
.who-title span{color:var(--color-main)}
.who-description{font-size:16rem;line-height:147%;}
.who-item{padding-left:26rem;position:relative;z-index:1;}
.who-item:after{content:'';height:10rem;width:10rem;border-radius:100%;background-color:var(--color-main);position:absolute;top:7rem;left:0;}
.who-icon{border-radius:8rem;display:block;width:100%;max-width:100%;height:auto;}





.service{padding-top:64rem;position:relative;z-index:2;}
.service-title{font-weight:700;font-size:24rem;line-height:147%;}
.service-title span{color:var(--color-main)}
.service-item{border:1rem solid #cfd2e1;border-radius:8rem;padding:32rem;height:100%;background-color:#fff;}
.service-item__title{font-weight:600;font-size:16rem;}
.service-item__description{padding-bottom:20rem;}
.service-item__img{border-radius:8rem;width:100%;height:auto;max-width:100%;display:block}
@media (max-width:1199px){
    .service-item{padding:20rem;}
}


.why{padding-top:64rem;position:relative;z-index:1;}
.why-bg{position:absolute;z-index:-1;top:calc(50% - 575rem);width:100%;left:0;right:0;height:auto;}
.why-title{font-weight:700;font-size:24rem;line-height:147%;}
.why-title span{color:var(--color-main)}
.why-item{}
.why-item__icon{max-width:100%;height:auto;display:block;width:75rem;}
.why-item__title{font-weight:600;font-size:16rem;max-width:280rem;}
@media (max-width:1199px){
    .why-bg{top:calc(50% - 350rem);}
}
@media (max-width:767px){
    .why-bg{display:none}
}







.faq{padding-top:64rem;position:relative;z-index:2;}
.faq-title{font-weight:700;font-size:24rem;line-height:147%;}
.faq-title span{color:var(--color-main)}
.faq-items{}
.faq-item{border-bottom:1rem solid #cfd2e1;padding-bottom:20rem;}
.faq-item__header{cursor:pointer;}
.faq-item__title{font-size:18rem;transition:color 0.25s;font-weight:700;}
.faq-item__button{display:block;transition:transform 0.25s;width:40rem;height:40rem;box-shadow:0 1rem 4rem 0 rgba(12,12,13,0.05);border-radius:100%;display:flex;justify-content:center;align-items:center;}
.faq-item__icon{display:block;width:18px;height:auto;max-width:100%;}
.faq-item__description{height:0;opacity:0;overflow:hidden;transition:padding 0.25s,opacity 0.25s;}
.faq-item.active .faq-item__description{height:auto;opacity:1;padding-top:20rem;}
.faq-item.active .faq-item__title{color:var(--color-main);}
.faq-item.active .faq-item__button{transform:rotate(-180deg);}
@media (hover: hover){
    .faq-item__header:hover .faq-item__title{color:var(--color-main);}
}
@media (max-width:991px){
    .works-title{font-size:42rem;}
}






.video{padding-top:64rem;}
.video-title{font-weight:700;font-size:24rem;line-height:147%;}
.video-title span{color:var(--color-main)}
.video-container{position:relative;}
.video-items{}
.video-item{height:290rem;width:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:8rem;position:relative;z-index:1;}
.video-item__icon{display:block;height:auto;max-width:100%;width:55rem;position:absolute;top:calc(50% - 22.5rem);left:calc(50% - 22.5rem);transition:opacity 0.25s;}
.video-items.f-carousel{--f-carousel-spacing:10rem;--f-carousel-slide-width:calc((100% - 20rem) / 2);}
@media (hover: hover){
    .video-item:hover .video-item__icon{opacity:0.7;}
}
@media (max-width:991px){
    .video-items.f-carousel{--f-carousel-slide-width:550rem;}
}