.long-slider{overflow-x:hidden}.long-slider .wrapper{position:relative}.long-slider .wrapper .long{position:relative;width:1500px;margin-left:0;transform:translate(calc(-750px + 50%));padding-bottom:40px}.long-slider .wrapper .long .swiper-slide{height:auto}.long-slider .wrapper .long .swiper-slide .service-card{height:100%}.long-slider .wrapper .long .fade{position:absolute;right:0;top:0;bottom:0;width:200px;z-index:11;background:linear-gradient(to left,var(--white-color),rgba(255,255,255,0));pointer-events:none}@media (max-width: 1370px),(max-width: 1060px),(max-width: 920px){.long-slider .wrapper .long{width:100vw!important;transform:translate(calc(-50vw + 50%))}.long-slider .wrapper .long .fade{width:150px!important}}@media (min-width: 320px){.long-slider .wrapper .long .swiper-slide{width:330px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (min-width: 390px){.long-slider .wrapper .long .swiper-slide{width:370px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (min-width: 455px){.long-slider .wrapper .long .swiper-slide{width:430px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (min-width: 530px){.long-slider .wrapper .long .swiper-slide{width:480px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (max-width: 530px){.long-slider .wrapper .long .fade{width:70px!important}}@media (max-width: 780px){.long-slider .wrapper .long .swiper-slide .service-card .content .description{font-size:16px!important}}@media (min-width: 1020px){.long-slider .wrapper .long .swiper-slide{width:480px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}.long-slider .wrapper .long .swiper-slide .service-card .content .description{font-size:16px!important}}@media (max-width: 1020px){.long-slider .wrapper .long .swiper-slide .service-card .content .description{font-size:16px!important}}@media (min-width: 1110px){.long-slider .wrapper .long .swiper-slide{width:520px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (min-width: 1190px){.long-slider .wrapper .long .swiper-slide{width:560px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (min-width: 1370px){.long-slider .wrapper .long .swiper-slide{width:576px!important}.long-slider .wrapper .long .swiper-slide .service-card{width:100%!important}}@media (max-width: 620px){.long-slider .wrapper .heading .head-title{width:100%}.long-slider .wrapper .heading .main-slider-buttons{display:none}}@media (max-width: 455px){.long-slider .wrapper .long .fade{display:none!important}.long-slider .wrapper .main-slider-buttons{margin-top:0}}.projects-lsiting-section .wrapper .projects-section{display:flex;align-items:center;gap:20px}.projects-lsiting-section .wrapper .projects-section .project{border:1px solid rgba(0,0,0,.06);background-color:var(--white-color);box-shadow:0 4px 8px #0000000a;border-radius:8px;height:472px;position:relative}.projects-lsiting-section .wrapper .projects-section .project img{height:100%;display:block;border-radius:8px;width:100%}.projects-lsiting-section .wrapper .projects-section .project .hover-button{padding:20px;display:flex;position:absolute;inset:0;justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.2s ease-in-out}.projects-lsiting-section .wrapper .projects-section .project:hover .hover-button{opacity:1;pointer-events:auto}@media (max-width: 940px){.projects-lsiting-section .wrapper .projects-section{position:relative}.projects-lsiting-section .wrapper .projects-section:before{content:"";position:absolute;top:0;right:0;bottom:0;width:60px;z-index:11;background:linear-gradient(to left,#fff,#fff0)}}@media (max-width: 620px){.projects-lsiting-section .wrapper .heading .head-title{width:100%}.projects-lsiting-section .wrapper .heading .main-slider-buttons{display:none}}@media (max-width: 391px){.projects-lsiting-section .wrapper .projects-section:before{width:30px}.projects-lsiting-section .wrapper .projects-section .project{height:370px}}