.dot{width:10px;height:10px;background-color:hsla(0,0%,100%,.5);border-radius:50%;display:inline-block}.active-dot{background-color:#fff}.glass-panel{transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)!important}.glass-card{transition:transform .3s ease,filter .3s ease}.glass-card:hover{transform:translateY(-3px);filter:brightness(1.05)}.category-toggle-btn{transition:all .2s ease}.category-toggle-btn:hover{color:#fff!important;background:hsla(0,0%,100%,.2)}:root{--hero-height:550px;--hero-sub-size:1.2rem}@media (max-width:992px){.glasses-overlay-img{width:380px!important;transform:translateY(-5%)!important}}@media (max-width:768px){:root{--hero-height:450px;--hero-sub-size:1rem}.glasses-overlay-img{width:280px!important;transform:translate(-50%,-10%)!important}.glass-panel{width:140px!important;height:210px!important}.glass-panel h3{font-size:1.1rem!important}}@media (max-width:480px){:root{--toggle-width:95px}}@media (max-width:375px){:root{--hero-height:400px;--hero-sub-size:0.9rem;--toggle-width:95px}.glasses-overlay-img{width:240px!important;transform:translate(-50%,-12%)!important}.glass-panel{width:125px!important;height:180px!important}.glass-panel h3{font-size:.95rem!important}}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.scanning-line{animation:scan 3s linear infinite}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.05)!important}.feature-card:hover .icon-wrapper{background-color:#66f6ff!important;color:#fff!important;transition:all .3s ease}.feature-card:hover .icon-wrapper i{color:#fff!important}.footer-link{transition:color .2s}.footer-link:hover{color:#66f6ff!important}.social-icon:hover{background-color:#66f6ff!important;color:#000!important}.cursor-pointer{cursor:pointer}.hero-banner-section{height:34vw;min-height:450px;max-height:720px}@media (max-width:768px){.hero-banner-section{height:450px}}@media (max-width:480px){.hero-banner-section{height:400px}}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 32%}@media (max-width:480px){.hero-img{object-position:center top}}.swal2-loader{border-color:#66f6ff transparent!important}