* {
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    i {
        color: white;
        font-size: 1rem;
        pointer-events: auto;
    }
    
    i:hover {
        color: #0f0e0e;
    }
    
    body {
        background-color: black;
        overflow-x: hidden;
    }
    
     ::-webkit-scrollbar {
        width: 10px;
    }
    
    .slider {
        position: absolute;
        left: 0%;
        top: 15%;
        width: 100%;
        height: 50%;
        overflow-x: hidden;
    }
    
    .slider .slider-inner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .slider .slider-inner .slide-img {
        position: relative;
        height: 100%;
        text-align: center;
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        overflow: hidden;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    
    .slider .slider-inner .slide-img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 140%;
        height: 100%;
        position: absolute;
        left: 0;
    }
    /* ----کلاس هایی که توسط جاوااسکریپت استفاده می شوند */
    
    @media screen and (min-width: 801px) {
        .active-box .slide-img {
            transform: scale(0.8);
        }
        .active-box .slide-img img {
            transform: scale(1.4);
            /* filter: grayscale(100) blur(2px); */
            /* filter: blur(2px); */
            /* filter: grayscale(100) */
        }
    }
    /* filter: blur(2px); */
    /*# sourceMappingURL=style.css.map */