.mySwiper {
    /* margin-top: 40px; */
    /* margin-top: 40vh; */
    position: relative;
    /* top: -170px;*/
}

.swiper-slide{
    margin-bottom: 50px;
    background-color: #FFFFFF;
    box-shadow: 0 30px 30px rgba(0,0,0,0.2);
    border-radius: 15px;
    height: 300px;
    width: 300px;
    position: relative;
}

    .swiper-slide:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        border-radius: 15px;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(255,255,255,0));
    }

    .swiper-slide img {
        /*height: 300px; */
        /*width: 300px; */
        /*border-radius: 15px; */
        height: 100%;
        width: 100%;
        border-radius: 15px;
        border: none;
        object-fit: cover;
    }

.swiper-txt{
    position: absolute;
    padding: 25px;
}

.swiper-txt h3 {
   font-size: 30px;
   margin-bottom: 5px;
   color: #FF7D00;
}

.desktop{
    text-align: center;
    z-index: 1;
}

.desktop img {
    width: 800px;
    /* height: 50vh;  */
        /* width: 100%; */
    }

@media(max-width:991px){
    .navbar{
        padding: 30px;
    }

    .left{
        display: none;
    }

    .swiper {
        padding: 0 70px;
        /* top: -300px; */
    }

    .swiper-slide img{
        width: 100%;
    }

    .desktop{
        padding: 30px;
    }

    .desktop img{
        width: 100%;
    }
}