.carousel{width:100vw;height:300px;position:relative;overflow:hidden;margin:0;padding:0;font-family:Arial,sans-serif;color:#fff;}.carousel-slide{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center;}.carousel-slide.active{opacity:1;}.carousel-caption{text-align:center;background:rgba(0,0,0,0.5);padding:20px 40px;border-radius:8px;max-width:80%;opacity:1;transition:opacity 0.5s ease-in-out;}.carousel-caption.fade-out{opacity:0;}.carousel-caption.hidden-caption{opacity:0;}.carousel-caption h1{color:#fff !important;font-size:36px;margin:0 0 10px;}.carousel-caption p{color:#fff !important;font-size:20px;margin:0;}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255,255,255,0.3);font-size:2.5rem;padding:10px 15px;cursor:pointer;z-index:10;transition:color 0.3s ease,background 0.3s ease;}.carousel-btn.prev{left:20px;}.carousel-btn.next{right:20px;}.carousel-btn:hover{color:#fff;background:rgba(0,0,0,0.4);border-radius:8px;}.carousel{width:100vw;height:240px;position:relative;overflow:hidden;margin:0;padding:0;font-family:Arial,sans-serif;color:#fff;}@media (min-width:992px){.carousel{height:300px;}}@media (max-width:768px){.carousel{height:180px;}.carousel-caption{padding:12px 20px;}.carousel-caption h1{font-size:22px;}.carousel-caption p{font-size:14px;}.carousel-btn{font-size:1.8rem;}}@media (max-width:768px){.carousel{margin-top:80px;}}@media (max-width:480px){.carousel{margin-top:100px;}}