.carousel-container{width:100%;height:600px;position:relative;overflow:hidden}.carousel-slide{opacity:0;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;transition:opacity 1s ease-in-out,transform 5s linear;display:flex;position:absolute;top:0;left:0;transform:scale(1.05)}.carousel-slide.active{opacity:1;z-index:10;transform:scale(1)}.carousel-bg{z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-content{color:#fff;z-index:10;max-width:800px;margin:0 auto;position:relative}.carousel-content h1{text-shadow:2px 2px 4px #0000004d;opacity:0;margin-bottom:24px;font-size:3.5rem;transition:all .8s .3s;transform:translateY(20px);color:#fff!important}.carousel-content p{opacity:0;margin-bottom:40px;font-size:1.2rem;transition:all .8s .5s;transform:translateY(20px);color:#f8fafc!important}.carousel-buttons{opacity:0;justify-content:center;gap:16px;transition:all .8s .7s;display:flex;transform:translateY(20px)}.carousel-buttons .bg-white{background-color:var(--white);color:var(--secondary-color)}.carousel-buttons .bg-white:hover{background-color:var(--primary-color);color:var(--white);box-shadow:0 4px 12px #f973164d}.carousel-slide.active .carousel-content h1,.carousel-slide.active .carousel-content p,.carousel-slide.active .carousel-buttons{opacity:1;transform:translateY(0)}.carousel-dots{z-index:20;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff80;border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot:hover{background-color:#fffc}.dot.active{background-color:var(--white);transform:scale(1.3);box-shadow:0 0 10px #00000080}@media (max-width:768px){.carousel-container{height:90vh;min-height:500px}.carousel-content h1{margin-bottom:16px;font-size:2.2rem}.carousel-content p{margin-bottom:28px;padding:0 10px;font-size:1.05rem}.carousel-buttons{flex-direction:column;align-items:center;gap:12px}.carousel-buttons .btn{width:100%;max-width:300px}.dot{width:10px;height:10px}}@media (max-width:480px){.carousel-container{height:85vh;min-height:450px}.carousel-content{padding-top:20px}.carousel-content h1{font-size:1.8rem}.carousel-content p{font-size:.95rem}}