.scroll-gallery-container{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:24px}.scroll-gallery-row{display:flex;gap:20px;transition:transform 0.3s ease-out;flex-wrap:nowrap;width:-moz-max-content;width:max-content}.scroll-gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;flex-shrink:0}.scroll-gallery-item:hover{transform:scale(1.05);box-shadow:0 15px 30px rgb(0 0 0 / .3)}.scroll-gallery-item img{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover;transition:transform 0.3s ease}.scroll-gallery-item:hover img{transform:scale(1.1)}.hover-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;font-size:24px;background-color:#fff}.hover-icon i{font-size:24px;color:#333}.hover-icon svg{width:24px;height:24px;color:#333}.scroll-gallery-item:hover .hover-icon{opacity:1}.counter-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 10px 30px rgb(0 0 0 / .3);background-color:#333;z-index:10;padding:12px}.progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:5%}.progress-ring__background{fill:none;stroke:rgb(255 255 255 / .3)}.progress-ring__circle{fill:none;stroke:#fff;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 0.3s ease}.counter-circle span{position:relative;z-index:2}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all 0.3s ease}.popup-overlay.active{opacity:1;visibility:visible}.popup-content{position:relative;max-width:90%;max-height:90%;border-radius:15px;overflow:hidden;transform:scale(.8);transition:transform 0.3s ease}.popup-overlay.active .popup-content{transform:scale(1)}.popup-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.close-btn{position:absolute;top:20px;right:20px;background:rgb(255 255 255 / .1);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;padding:0}.close-btn:hover{background:#fff;color:#333}@media (max-width:768px){.counter-circle{width:100px;height:100px;font-size:20px}}