.single-benefits-box .benefits-box{
    max-width: 1000px !important;
    margin: auto;
    position: relative;
    display: block;
    padding: 5px;
    background: linear-gradient(12deg, #4ade80, #3b82f6);
    border-radius: 10px;
}
.single-benefits-box .benefits-box .benefits-overlay{
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    background: white;
    overflow: hidden;
    border-radius: 5px;
}
.single-benefits-box .benefits-box .benefits-inner{
    display: flex;
    z-index: 123;
    position: relative;
    flex-wrap: nowrap;
}
.single-benefits-box .benefits-box .benefits-image,
.single-benefits-box .benefits-box .benefits-content{
    flex-basis: 50%;
}
.single-benefits-box .benefits-box .benefits-image{
    position: absolute;
    right: 0px;
    left: 50%;
    top: -40px;
    bottom: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
.single-benefits-box .benefits-box .benefits-content h2,
.single-benefits-box .benefits-box .benefits-content h3,
.single-benefits-box .benefits-box .benefits-content h4{
    color: var(--blue) !important;
}
.single-benefits-box .benefits-box .benefits-content{
    padding: 30px;
}
.single-benefits-box .benefits-box .benefits-inner.img-txt .benefits-content{
    order: 2;
}
.single-benefits-box .benefits-box .benefits-inner.img-txt .img-outer{
    width: 50%;
    order: 1;
}
.single-benefits-box .benefits-box .benefits-inner.img-txt .img-outer .img-container{
    position: relative;
    width: 100%;
    height: 100%;
}

.single-benefits-box .benefits-box .benefits-inner.txt-img .img-outer{
    width: 50%;
    /* position: relative; */
}
@media screen and (max-width: 1010px){
    .single-benefits-box {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .single-benefits-box {
        padding-top: 230px;
    }
    .single-benefits-box .benefits-box .benefits-image, 
    .single-benefits-box .benefits-box .benefits-content{
        flex-basis: 100%;
    }
  
    .single-benefits-box .benefits-box .benefits-image{
        position: absolute;
        /* right: 0px;
        left: 0px; */
        top: -5px;
        bottom: 0px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        width: 250px;
    }
 
    .single-benefits-box .benefits-box .benefits-inner{
        flex-wrap: wrap;
    }

    .single-benefits-box .benefits-box .benefits-inner.img-txt .img-outer {
        width: 100%;
        height: 250px;
        margin-top: -250px;
    }
    .single-benefits-box.left .benefits-image{
        left: -20px !important;
    }
    .single-benefits-box.right .benefits-image{
        right: -20px !important;
    }
    .single-benefits-box .benefits-box .benefits-inner.txt-img .img-outer{
        position: absolute;
        margin-top: top;
        top: 0px !important;
        left: 0px;
        right: 0px;
        height: 300px;
        width: 100%;
        z-index: 1;
    }
    .single-benefits-box .benefits-box .benefits-content{
        background-color: #fff;
        z-index: 10;
    }
}