.cases-slider{background:#f4f3f1;overflow-x:hidden}.cases-slider--bg--black{background:#171818}.cases-slider--bg--black .cases-slider__inner__title{color:#fff}.cases-slider__inner{padding:40px 0;display:flex;flex-direction:column;gap:30px}@media (min-width: 992px){.cases-slider__inner{padding:124px 0 120px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:60px}}.cases-slider__inner>.btn{width:100%}@media (min-width: 992px){.cases-slider__inner>.btn{order:2;width:auto}}@media (min-width: 992px){.cases-slider__inner__title{max-width:500px}}@media (min-width: 992px){.cases-slider__inner__swiper__outer{order:3;width:100%}}.cases-slider__inner__swiper__outer .swiper-navigation{position:absolute;z-index:2;top:0;height:100%;display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.cases-slider__inner__swiper__outer .swiper-navigation div{pointer-events:initial;cursor:pointer;transition:all .3s;opacity:1}.cases-slider__inner__swiper__outer .swiper-navigation div.swiper-button-disabled{opacity:.5}@media (min-width: 992px){.cases-slider__inner__swiper__outer .swiper-navigation div svg{width:70px;height:70px}}.cases-slider__inner__swiper__wrapper--admin{gap:20px}@media (min-width: 992px){.cases-slider__inner__swiper__wrapper--admin{gap:40px}}.cases-slider__inner__swiper__wrapper__slide{width:280px!important;height:360px!important;border-radius:6px;overflow:hidden}@media (min-width: 992px){.cases-slider__inner__swiper__wrapper__slide{width:900px!important;height:520px!important}}.cases-slider__inner__swiper__wrapper__slide a{display:block;width:100%;height:100%;overflow:hidden}.cases-slider__inner__swiper__wrapper__slide a img{transform:scale(1);transition:all .8s}.cases-slider__inner__swiper__wrapper__slide a:hover img{transform:scale(1.05)}.cases-slider__inner__swiper__wrapper__slide a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg,#0000 54.46%,#0009);z-index:1}.cases-slider__inner__swiper__wrapper__slide a p{position:absolute;bottom:25px;padding:0 30px;color:#fff;z-index:2}@media (min-width: 992px){.cases-slider__inner__swiper__wrapper__slide a p{bottom:35px;padding:0 40px}}
