.mobile-slider {
    /*     padding: 200px 0; */
    /*     background: #000; */
        height: 700px;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }
    /* .mobile-slider::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000c7;
    } */
    .mobile-slide {
        z-index: 9;
    }
    .mobile-slide .owl-item.active {
        opacity: 0.4;
    }
    .mobile-slide .owl-item.active.center {
        opacity: 1;
    }
    .mobile-screen {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-height: 600px;
        height: 100%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .mobile-screen img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .center .wrapper-box {
    /*     width: 70%; */
        width: 60%;
    }
    
    .wrapper-box {
        position: relative;
        z-index: 1;
        width: 80%;
        margin: auto;
    }
    
    .wrapper-box .box-title {
        text-align: center !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        color: #fff !important;
        margin-bottom: 15px;
    }
    
    .wrapper-box .box-icon svg {
        width: 27px;
        height: 27px;
    }
    
    .wrapper-box .box-icon {
        width: 65px;
        height: 65px;
        border: 2px solid #56b947;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: auto auto 15px;
    }
    
    .wrapper-box .box-icon svg path {
        fill: #56b947;
    }
    
    .box-content .box-description {
        text-align: center;
        margin: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        color: #fff;
    }
    
    .mobile-slide .owl-prev img,
    .mobile-slide .owl-next img {
        width: 50px;
        height: 50px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7464%) hue-rotate(38deg) brightness(106%) contrast(103%);
        object-fit: contain;
    }
    
    .owl-theme .owl-nav [class*='owl-']:hover {
        background: unset;
    }
    
    .mobile-slide .owl-prev {
        position: absolute;
        top: 50%;
        left: 29%;
        color: #fff !important;
    }
    
    .mobile-slide .owl-next {
        position: absolute;
        top: 50%;
        right: 29%;
        color: #fff !important;
    }
    
    @media only screen and (max-width: 1399px) {
        .center .wrapper-box {
            width: 65%;
        }
    
    }
    
    @media only screen and (max-width:1199px) {
        /* .mobile-screen {
            height: 650px;
        } */
    }
    @media only screen and (min-device-width : 1100px) and (max-device-width : 1300px) {
        .mobile-screen{
            max-height:590px;
        }
    }
    @media only screen and (min-device-width : 1080px) and (max-device-width : 1199px) {
        .center .wrapper-box {
            width: 90%;
        }
        .mobile-slide .owl-prev img, .mobile-slide .owl-next img {
            width: 40px;
            height: 40px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        /* .center .wrapper-box {
            width: 50%;
        } */
    
        .mobile-slide .owl-prev img,
        .mobile-slide .owl-next img {
            width: 30px;
            height: 30px;
        }
    
        .mobile-slide .owl-prev {
            position: unset;
        }
    
        .mobile-slide .owl-next {
            position: unset;
        }
    
        .mobile-slide .owl-nav {
            display: inline-block;
            width: 100%;
            margin-top: 20px !important;
            ;
        }
    }
    
    @media only screen and (min-device-width : 991px) and (max-device-width : 1300px) {
    .mobile-screen {
        width: 100%;
        /* height: 650px; */
    }
    }
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 990px) {
        .center .wrapper-box {
            width: 45%;
        }
    }
    @media only screen and (max-width: 767px) {
    
        .mobile-slide .owl-prev img,
        .mobile-slide .owl-next img {
            width: 20px;
            height: 20px;
        }
    }
    
    @media only screen and (max-width: 575px) {
    
        .mobile-slide .owl-prev img,
        .mobile-slide .owl-next img {
            width: 18px;
            height: 18px;
        }
    
        .box-content .box-description {
            font-size: 16px;
        }
    }
    
    @media only screen and (max-width: 475px) {
        .mobile-screen {
            width: 100%;
            /* height: 650px; */
        }
    }
    @media all and (min-width: 1200px) and (max-width:1399px) {
        .mobile-slide .owl-prev img, .mobile-slide .owl-next img {
            width: 40px;
            height: 40px;
        }
            .center .wrapper-box {
            width: 70%;
        }
    }
    @media all and (min-width: 992px) and (max-width:1199px) {
        .center .wrapper-box {
            width: 60%;
        }
        .mobile-slide .owl-prev img, .mobile-slide .owl-next img {
            width: 40px;
            height: 40px;
        }
        .mobile-slide .owl-prev {     
            left: 28%;
        }  
        .mobile-slide .owl-next {     
            right: 28%;        
        }  
    }
    @media all and (min-width: 900px) and (max-width:991px) {
        .center .wrapper-box {
            width: 55%;
        }
    }
    @media all and (min-width: 800px) and (max-width:899px) {
        .center .wrapper-box {
            width: 35%;
        }
    }
    @media all and (min-width: 700px) and (max-width:799px) {
        .center .wrapper-box {
            width: 45%;
        }
            .mobile-slide .owl-prev img, .mobile-slide .owl-next img {
            width: 25px;
            height: 25px;
        }
    }
    @media all and (min-width: 600px) and (max-width:699px) {
        .center .wrapper-box {
            width: 40%;
        }	
    }
    @media all and (min-width: 500px) and (max-width:599px) {
        .center .wrapper-box {
            width: 45%;
        }
        .mobile-slider{
            height:90vh;
        }
        /* .mobile-screen {
            height: 620px;
        } */
    }
    @media all and (min-width: 450px) and (max-width:499px) { 
            .center .wrapper-box {
            width: 58%;
        }	
    }
    @media all and (min-width: 320px) and (max-width:350px) { 
        .mobile-slider{
            height:80vh;
        }
        /* .mobile-screen {
            height: 590px;
        } */
    }