.carousel-wrapper{position:relative;width:100%;overflow:hidden;padding:40px 0}.carousel-container{display:flex;flex-wrap:nowrap;transition:transform 0.5s ease;align-items:stretch}.carousel-item{flex:0 0 auto;position:relative;overflow:hidden;box-sizing:border-box}.carousel-link{display:block;position:relative;text-decoration:none}.carousel-item img{width:100%;object-position:center;display:block;transition:transform 0.3s ease}.carousel-item:hover img{transform:scale(1.05)}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease;text-align:center}.carousel-item:hover .carousel-overlay{opacity:1}.carousel-title{font-size:24px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:.8}.carousel-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-arrow::before{content:'';display:block;width:0;height:0;border-style:solid}.carousel-arrow.prev::before{border-width:8px 12px 8px 0;border-color:#fff0 currentColor #fff0 #fff0;margin-right:2px}.carousel-arrow.next::before{border-width:8px 0 8px 12px;border-color:#fff0 #fff0 #fff0 currentColor;margin-left:2px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.carousel-dot{width:12px;height:12px;min-width:0;border-radius:50%;background-color:rgb(0 0 0 / .3);cursor:pointer;transition:all 0.3s ease;border:none;padding:0!important}.carousel-dot.active{background-color:rgb(0 0 0 / .8);transform:scale(1.2)}.carousel-dot:hover{background-color:rgb(0 0 0 / .6)}@media (max-width:1024px){.carousel-wrapper{padding:30px 0}.carousel-title{font-size:20px}.carousel-arrow{opacity:1}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}}@media (max-width:768px){.carousel-wrapper{padding:20px 0}.carousel-title{font-size:18px}.carousel-arrow.prev{left:5px}.carousel-arrow.next{right:5px}.carousel-overlay{opacity:1;background-color:rgb(0 0 0 / .4)}}