@charset "UTF-8";
/* CSS Document */
        
        .arrow-container {
            display: block;
            position: relative;
            height: max-content;
            margin: 2rem, 0, 1rem, 0;
            width: 100%;
        }
        
        .scroll-area {
            position: relative;
            margin: auto;
            display: block;
            /* width: 80%; */
            max-width: 1080px;
            overflow-x: auto;
            overscroll-behavior-x: contain;
        }
        
        .gallery {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .gallery-image {
            width: 200px;
            border-radius: 5px;
            opacity: 0.8;
        }
        
        scroll-hints:defined.scroll-x .gallery {
            padding: 1rem 0;
        }
        
        scroll-hints:defined.gallery-container {
            --scroll-hint-inset-top: 1rem;
            --scroll-hint-inset-bottom: .5rem;
            --scroll-hint-size: 4rem;
            --scroll-hint-color: rgba(31, 38, 49, 0.98) !important;
            color: rgba(27, 34, 45, 0.95);
        }
    
@media (max-width:1024px) {
    .gallery-image {
         width: 160px; 
    }
    
    .scroll-area {
        max-width: 880px;
    }
}


@media (max-width:768px) {
    .gallery-image {
         width: 120px; 
    }
    
    .scroll-area {
        max-width: 680px;
    }   
}

@media (max-width:480px) {
    .gallery-image {
         width: 80px; 
    }
    
    .scroll-area {
        max-width: 440px;
    } 
    
}

@media (max-width:320px) {
    
}