.works{
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: 110px;
    transition: ease-in-out .4s;
    min-height: 90vh;
    .works_image{
        width: 100%;
        height: 100%;
        position: absolute;   
        left: 0;
        z-index: 0 !important;
        object-fit: cover;
    }
    .works_container{
       width: 90%;
       @include Flex; flex-direction: column;
       margin-inline: auto;
       z-index: 99999 !important;
       color: var(--white);
       padding-top: 80px;
       .works_top{
           text-align: center;
           width: 70%;
           padding-bottom: 19px;
           .Custom_Title{
            justify-content: center;
           }
           h1{
                font-weight: 700;
                span{
                    font-weight: 100;
                }
           }
           p{
            font-size: 16.3px;
           }
       }

       .swiper_container{
            width: 90%;
       }
    }
}
.works_Swiper{
    img{
        width: 170px;
    }
}

@media screen and (max-width:600px) {
    .works{
        padding-bottom: 100px;
        .works_container{
           .works_top{
               padding-bottom: 10px;
               h1{
                font-size: 20px;
               }
               p{
                font-size: 10px;
               }
           }
    
           .swiper_container{
                width: 90%;
           }
        }
    }
    .works_Swiper{
        padding-top: 90px;
        padding-right: 5px;
        img{
            width: 37vw;
          
        }
        .swiper-slide{
            @include Flex;
        }
    }
}