.home-slide .mySwiper {
    height: 100vh;
}

    .home-slide .mySwiper .swiper-slide .content {
        position: absolute;
        height: 72vh;
        border-radius: 18px;
        width: 95vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        top: 21vh;
        right: 2%;
        border-top: 0 !important
    }

.swiper-slide{
    overflow:hidden;
}

.home-slide .mySwiper .swiper-slide .cover-image {
    height: 100vh;
}

.home-slide .mySwiper .swiper-button-next {
    background: transparent !important;
    top: 85%;
    right: 4%;
    border: 2px solid #fff !important;
    padding: 8px;
    height: 30px;
}

    .home-slide .mySwiper .swiper-button-next:hover {
        background-color: #fff !important;
        transition: 0.3s ease-in;
    }

    .home-slide .mySwiper .swiper-button-next::after {
        background: #ffffff00;
        color: #f58024;
        font-size: 35px;
        margin-left: 6px;
    }

.home-slide .mySwiper .swiper-button-prev {
    background: transparent !important;
    top: 85%;
    left: 89%;
    border: 2px solid #fff !important;
    padding: 8px;
    height: 30px;
}
@media (max-width:899px) {
    .home-slide .mySwiper .swiper-button-prev {
        left: 80%;
    }
}
    .home-slide .mySwiper .swiper-button-prev:hover{
        background-color: #fff !important;
        transition: 0.3s ease-in;
    }

    .home-slide .mySwiper .swiper-button-prev::after {
        background: #ffffff00;
        color: #f58024;
        font-size: 35px;
        margin-right: 3px;
    }


.boxImag {
    position: absolute;
    top: -10%;
  /*  background: #fff;*/
    padding: 2px;
    /*         height: 21%;
 */ 

}

.logo-image {
    width: 250px
}


.Boxcontent {
    color: #fff;
    padding: 16px;
    width: 20%;
    text-align: center;
    border-radius: 18px;
    position: absolute;
    bottom: -32px;
    font-size:x-large;
}

.top-left-border {
    width: 40%;
    position: absolute;
    left: -2px;
    top: -1px;
    height:50%;
    border-top-left-radius:18px
}

.top-right-border {
    width: 40%;
    position: absolute;
    right: -2px;
    top: -1px;
    height: 50%;
    border-top-right-radius: 18px
}

@media (min-width: 2000px) {
    .boxImag {
        top: -8%; 
    }
    .home-slide .mySwiper .swiper-slide .content {
        position: absolute;
        height: 74vh;
        border-radius: 18px;
        width: 95vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        top: 20vh;
        right: 2%;
        border-top: 0 !important
    }
}

@media (min-width: 1001px) and (max-width: 1300px) {
    .boxImag {
        top: -10%;
    }

    .top-left-border {
        width: 36%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 36%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}

@media (min-width: 601px) and (max-width: 1000px) {
    .boxImag {
        top: -9%;
    }
    .top-left-border {
        width: 31%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 31%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}

/*@media (min-width: 1600px) {
    .boxImag {
        position: absolute;
        top: -10%;*/
    /*    background: #fff;*/
        /*padding: 2px;*/
        /*    height: 15%; */
        /*border-radius: 18px;
        border-top: 0 !important
    }

    .home-slide .mySwiper .swiper-slide .content {
        position: absolute;
        height: 75vh;
       border-radius: 18px;
        width: 95vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        top: 19vh;
        right: 2%;
        border-top: 0 !important
    }

    .logo-image {
        width: 320px
    }

    .home-slide .mySwiper .swiper-button-prev {
        background: transparent !important;
        top: 85%;
        left: 91%;
        border: 2px solid #fff !important;
        padding: 8px;
        height: 30px;
    }
    .top-left-border {
        width: 41%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 41%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}*/

/*@media (min-width: 601px) and (max-width: 1300px) {*/
    /*.logo-image {
        width: 175px
    }

    .boxImag {
        position: absolute;
        top: -5.5%;*/
       /* background: #fff;*/
        /*padding: 2px;
                height: 21%;
        
      
    }

    .home-slide .mySwiper .swiper-slide .content {
        position: absolute;
        height: 80vh;
        border-radius: 18px;
        width: 95vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        top: 15vh;
        right: 2%;
        border-top: 0 !important
    }

    .home-slide .mySwiper .swiper-button-next {
        background: transparent !important;
        top: 84%;
        right: 4%;
        border: 2px solid #fff !important;
        padding: 8px;
        height: 30px;
    }

    .home-slide .mySwiper .swiper-button-prev {
        background: transparent !important;
        top: 84%;
        left: 82%;
        border: 2px solid #fff !important;
        padding: 8px;
        height: 30px;
    }

    .Boxcontent {
        color: #fff;
        padding: 14px;
        width: 15%;
        text-align: center;
        border-radius: 18px;
        position: absolute;
        bottom: -26px;
    }*/

/*    .top-left-border {
        width: 37%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 37%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}
*/
/*@media (min-width: 1300px) and (max-width: 1900px) {
    .boxImag {
        position: absolute;
        top: -12%;*/
        /* background: #fff;*/
        /*padding: 2px;*/
        /*         height: 21%;
         */
    /*}

    .top-left-border {
        width: 40%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 40%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}*/

/*@media (min-width: 1000px) and (max-width: 1300px) {
    .boxImag {
        position: absolute;
        top: -14%;*/
        /* background: #fff;*/
        /*padding: 2px;*/
        /*         height: 21%;
         */
    /*}

    .top-left-border {
        width: 37%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 37%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}*/

@media (min-width: 900px) and (max-width: 1300px) {
    .home-slide .mySwiper .swiper-button-next {
        background: transparent !important;
        top: 84%;
        right: 4%;
        border: 2px solid #fff !important;
        padding: 8px;
        height: 30px;
    }

    .home-slide .mySwiper .swiper-button-prev {
        background: transparent !important;
        top: 84%;
        left: 82%;
        border: 2px solid #fff !important;
        padding: 8px;
        height: 30px;
    }
}

@media (max-width: 600px) {

    .home-slide .mySwiper {
        height: auto;
        padding-top: 120px
    }

    .logo-image {
        width: 127px;
    }

    .home-slide .mySwiper .swiper-slide .content {
        position: absolute;
        height: 66%;
        border-radius: 18px;
        width: 95vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        top: 18%;
        right: 2%;
        border-top: 0 !important
    }

    .home-slide .mySwiper .swiper-button-next {
        background: transparent !important;
        top: 72%;
        right: 5%;
        border: 2px solid #fff !important;
        padding: 2px;
        height: 30px;
    }
        .home-slide .mySwiper .swiper-button-next::after {
            background: #ffffff00;
            color: #f58024;
            font-size: 26px;
            margin-left: 6px;
        }

    .home-slide .mySwiper .swiper-button-prev {
        background: transparent !important;
        top: 72%;
        left: 4%;
        border: 2px solid #fff !important;
        padding: 2px;
        height: 30px;
    }

        .home-slide .mySwiper .swiper-button-prev::after {
            background: #ffffff00;
            color: #f58024;
            font-size: 26px;
            margin-right: 3px;
        }

    .Boxcontent {
        color: #fff;
        padding: 7px;
        width: 28%;
        text-align: center;
        border-radius: 18px;
        position: absolute;
        bottom: -18px;
        font-size:small;
    }

    .boxImag {
        position: absolute;
        top: -28%;
   /*     background: #fff;*/
        padding: 2px;
        /*  height: 6%; */
        display: flex;
        align-items: center;
        justify-content: center;
       
        
    }

    .home-slide .mySwiper .swiper-slide .cover-image {
        width: 100vw !important;
        height: auto;
        /* object-fit:cover!important; */
    }

    .buttom-view {
        display: flex;
        justify-content: center;
     
    }

    .top-left-border {
        width: 31.5%;
        position: absolute;
        left: -2px;
        top: -1px;
        height: 50%;
        border-top-left-radius: 18px
    }

    .top-right-border {
        width: 31.5%;
        position: absolute;
        right: -2px;
        top: -1px;
        height: 50%;
        border-top-right-radius: 18px
    }
}