.hero-section{position:relative;overflow:hidden}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-dots{position:absolute;bottom:1.5rem;left:50%;z-index:10;display:flex;gap:.625rem;transform:translateX(-50%)}.carousel-dot{width:.75rem;height:.75rem;border-radius:9999px;border:0;background:hsla(0,0%,100%,.5);transition:background-color .3s ease,transform .3s ease}.carousel-dot-active{background:#fff;transform:scale(1.1)}@keyframes buttonHover{0%,to{transform:scale(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.2)}}.hero-section .shop-now-btn{transition:all .3s ease-in-out}.hero-section .shop-now-btn:hover{animation:buttonHover 1s ease-in-out infinite}@media (max-width:768px){.carousel-dots{bottom:.75rem}}