.carousel-container{width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide{width:100%;height:100%;position:absolute;top:0;left:0}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-title{bottom:1.5rem;background-color:rgba(var(--color-primary-rgb),.8);border-radius:.375rem;padding:.5rem 1rem;text-align:center;max-width:90%}.carousel-dots,.carousel-title{position:absolute;left:50%;transform:translateX(-50%)}.carousel-dots{bottom:.5rem;display:flex;gap:.5rem;z-index:10}.carousel-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:rgba(var(--color-primary-rgb),.6);cursor:pointer;transition:background-color .3s ease}.carousel-dot.active{background-color:var(--color-secondary)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(var(--color-primary-rgb),.6);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:background-color .3s ease}.carousel-arrow:hover{background-color:rgba(var(--color-primary-rgb),.8)}.carousel-arrow.prev{left:.5rem}.carousel-arrow.next{right:.5rem}@media (min-width:640px){.carousel-title{font-size:1.5rem}.carousel-dot{width:1rem;height:1rem}.carousel-arrow{width:3rem;height:3rem}}@media (min-width:768px){.carousel-title{font-size:2rem;padding:.75rem 1.5rem}}@media (min-width:1024px){.carousel-arrow.prev{left:1rem}.carousel-arrow.next{right:1rem}.carousel-dot{width:1.25rem;height:1.25rem}}@media (min-width:1400px){.carousel-arrow.prev{left:2rem}.carousel-arrow.next{right:2rem}.carousel-arrow{width:4rem;height:4rem}}