 .carousel-container2 {
     width: 100%;
     position: relative;
 }

 .carousel-wrapper2 {
     position: relative;
     overflow: hidden;
     border-radius: 15px;
 }

 .carousel-track2 {
     display: flex;
     transition: transform 0.5s ease-in-out;
     gap: 20px;
 }

 .carousel-slide2 {
     min-width: calc(33.333% - 14px);
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     cursor: pointer;
     transition: transform 0.3s ease;
 }

 .carousel-slide2:hover {
     transform: scale(1.02);
 }

 .carousel-slide2 img {
     width: 100%;
     height: 250px;
     object-fit: cover;
     display: block;
 }

 .slide-caption2 {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
     color: white;
     padding: 20px;
     text-align: center;
     font-size: 16px;
     font-weight: bold;
 }

 /* Navigation Buttons */
 .carousel-btn2 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.8);
     border: none;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     color: #333;
     transition: all 0.3s ease;
     z-index: 10;
 }

 .carousel-btn2:hover {
     background: white;
     transform: translateY(-50%) scale(1.1);
 }

 .carousel-btn2.prev {
     left: -80px;
 }

 .carousel-btn2.next {
     right: -80px;
 }

 /* Dots Indicator */
 .carousel-dots2 {
     position: absolute;
     bottom: -35px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     gap: 10px;
     z-index: 10;
 }

 .dot2 {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.5);
     cursor: pointer;
     transition: all 0.3s ease;
     border: 2px solid transparent;
 }

 .dot2.active {
     background: #ffeb3b;
     width: 30px;
     border-radius: 6px;
 }

 .dot2:hover {
     background: rgba(255, 255, 255, 0.8);
 }