


.scroll-slider {max-width: 600px;margin: auto;overflow-x: auto;display: flex;scroll-snap-type: x mandatory;scroll-behavior: smooth;gap: 10px;padding-bottom: 12px;scrollbar-width: thin;scrollbar-color: linear-gradient(135deg, #0073e6, #00b7ff) #f0f0f0;}.scroll-slider::-webkit-scrollbar {height: 6px;background: #f0f0f0;}.scroll-slider::-webkit-scrollbar-thumb {background: linear-gradient(135deg, #0073e6, #00b7ff);border-radius: 10px;}.scroll-slide {flex: 0 0 80%;scroll-snap-align: start;border-radius: 10px;overflow: hidden;transition: transform 0.3s ease;}@media (min-width: 768px) {.scroll-slide {flex: 0 0 60%}}@media (hover: hover) and (pointer: fine) {.scroll-slide:hover {transform: scale(1.05);}}.scroll-slide img {width: 100%;display: block;border-radius: 10px;transition: opacity 0.3s ease;}