.mySwiper .swiper-wrapper{-webkit-overflow-scrolling:touch}.main-slider{display:grid;place-items:center;padding:0;border:1px solid #6666662e;background:#f7f7f7;height:100%}.container-slide{overflow:hidden}.container-slide,.image-box{position:relative;height:100%}.image-box{aspect-ratio:1/1.1;transition:all .3s linear}.slider-image{width:100%;height:100%;object-fit:cover;object-position:left}.image-before{width:50%}.image-before,.slider{position:absolute;inset:0}.slider{cursor:pointer;opacity:0;width:100%;height:100%}.slider:focus-visible~.slider-button{outline:5px solid #000;outline-offset:3px}.slider-line{inset:0;width:.2rem;height:100%;left:50%;transform:translateX(-50%)}.slider-button,.slider-line{position:absolute;background-color:#f7e4e7;pointer-events:none}.slider-button{color:#000;padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 1px 1px rgba(8,3,3,.5);width:100px;height:100px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.image-container:hover .slider-button{background:#18b0f4;color:#fff}p.portfo{color:#18b0f4!important;line-height:24px}.gallery-content p,p.portfo{font-family:Poppins;font-size:16px;font-weight:400}.gallery-content p{color:#333;line-height:30px;letter-spacing:1px}.gallery-content h3{color:#333;font-family:poppins;font-size:24px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.image-text{position:absolute;color:#fff;background-color:#3b3436;padding:5px 10px;border-radius:5px;font-size:14px;transition:all .3s linear;font-weight:500;text-transform:uppercase}.before-text{top:10px;left:10px}.after-text{top:10px;right:10px}.navigation-userexp{position:absolute;top:51%;left:0;width:100%;z-index:1;transform:translateY(-610%)}.mySwiper .swiper-slide{height:auto!important}@media screen and (max-width:1500px){.gallery-content p{font-size:14px}.slider-button{width:80px;height:80px}}@media screen and (max-width:1250px){.gallery-content h3{font-size:20px}.gallery-content p{font-size:14px}.gallery-content{padding-top:0}}@media screen and (max-width:991.5px){.gallery-content{margin-top:10px}}@media screen and (max-width:770px){.gallery-content p{line-height:24px;font-size:14px}}@media screen and (max-width:600px){.slider-button{width:80px;height:80px}}