:root {
    --main-green: #00723B;
    --main-dark: #1D1D1D;
    --m-text-dark: #404040;
    --m-text-light: #667085;
    --m-text-white: #fff;
    --m-text-gray-white: #E8E8E8;
    --m-text-greenish: #00723B;
    --m-text-light-dark: #101828;


}



.r2s__business__section {
    margin-top: 5%;
}

.r2s__business__box {
    display: flex;
    align-items: center;
    margin: 5% auto;
    width: 100%;
    gap:3rem;
}

.r2s__business__box__left,
.r2s__business__box__right {
    width: 50%;
}

.r2s__business__box__details {
    width: 100%;

}

.r2s__business__box__details p {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--m-text-dark);
    padding: 10px 0;
    text-align: justify;
}

.why_us_text{
      font-weight: 400;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--m-text-dark);
    padding: 10px 10rem;
    text-align: justify; 
    list-style-type:none;
}

.r2s__business__box__details img {
    width: 64.8rem;
    height: 80.8rem;
    object-fit: fill;
}

.r2s__business__box__details h2 {
    font-weight: 600;
    font-size: 4rem;
    color: var(--main-dark);
    line-height: 4.8rem;
    padding-bottom: 15px;
    text-align: justify;
}

.r2s__business__box__details ul li {
    color: var(--m-text-dark);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem;
    margin: 0 1.5rem;
    text-align: justify;
}


@media screen and (max-width: 600px) {

    .r2s__business__box {
        flex-direction: column;
    }
    
    .why_us_text{
    padding: 10px 1rem;
}

    .r2s__business__box__left,
    .r2s__business__box__right {
        width: 100%;
    }

    .r2s__business__box__details {
        width: 100%;
    
    }

    .r2s__business__box__details img{
        width: 100%;
        object-fit: cover;
        padding-top: 2rem;
    }

    .r2s__business__box__details h2{
        font-size: 3rem;
    }
}





@media screen and (max-width: 780px){


    .r2s__business__box {
        flex-direction: column;
    }

    .r2s__business__box__left,
    .r2s__business__box__right {
        width: 100%;
    }

    .r2s__business__box__details {
        width: 100%;
    
    }

    .r2s__business__box__details img{
        width: 100%;
        object-fit: cover;
        padding-top: 2rem;
    }


}

@media screen and (max-width: 1028px){
    .r2s__business__box {
        flex-direction: column;
    }

    .r2s__business__box__left,
    .r2s__business__box__right {
        width: 100%;
    }

    .r2s__business__box__details {
        width: 100%;
    
    }

    .r2s__business__box__details img{
        width: 100%;
        object-fit: cover;
        padding-top: 2rem;
    }
    
}