.main{height:500px;width:100%}.wrapper,.slide{position:relative;width:100%;height:100%}.slide{overflow:hidden}.slide::before{content:"";position:absolute;height:100%;width:100%;z-index:10}.slide .image{height:100%;width:100%;object-fit:cover}.slide .image-data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;z-index:100}.image-data span.text{font-size:14px;font-weight:400;color:#fff}.image-data h2{font-size:45px;font-weight:600;color:#fff}a.button{display:inline-block;padding:10px 20px;border-radius:25px;color:#333;background:#fff;text-decoration:none;margin-top:25px;transition:all .3s ease}a.button:hover{color:#fff;background-color:#c87e4f}.nav-btn{height:50px;width:50px;border-radius:50%;background:rgba(255,255,255,.3)}.nav-btn:hover{background:rgba(255,255,255,.4)}.swiper-button-next{right:50px}.swiper-button-prev{left:50px}.nav-btn::before,.nav-btn::after{font-size:25px;color:#fff}.swiper-pagination-bullet{opacity:1;height:12px;width:12px;background-color:#fff;visibility:hidden}.swiper-pagination-bullet-active{border:2px solid #fff;background-color:#c87e4f}@media screen and (max-width:768px){.main{max-height:200px}.image-data h2{font-size:24px;font-weight:500;line-height:1.2}.image-data span.text{font-size:14px;font-weight:400}a.button{padding:8px 16px;font-size:14px;margin-top:10px}.swiper-slide{display:flex;justify-content:center;align-items:center;text-align:center}.image{object-fit:cover;height:auto}.swiper-button-next,.swiper-button-prev{visibility:hidden}.swiper-pagination-bullet{visibility:visible;background-color:#c87e4f}section.px-12{padding-left:1rem;padding-right:1rem}.image-data{padding:1rem}}