#div1 ,#div2 , #div3 , #div4 , #div5, #div6 , #div7 , #div8{
    width: 90%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr;
    position: relative;
    right: 50%;
    transform: translateX(50%);
    margin-top: 20px;
    border: 2px solid #86a424;
    border-radius: 22px;
}
#div7{
    padding-top: 10px;
    padding-bottom: 10px;
}
#div1::before ,#div3::before , #div5::before ,#div7::before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #86a424;
    opacity: 0.4;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
} 
#div1 p,#div2 p, #div3 p, #div4 p, #div5 p, #div6 p , #div7 p , #div8 p{
    width: 95%;
    height: fit-content;
    color: black;
    font-family: 'mainFont';
    position: relative;
    right: 2.5%;
    text-align: right;
    font-size: 1.1vw;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
#div1 img,#div2 img, #div3 img, #div4 img, #div5 img, #div6 img , #div7 img , #div8 img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}  
#div1 p span,#div2 p span, #div3 p span, #div4 p span, #div5 p span, #div6 p span , #div7 p span , #div8 p span{
    font-size: 1.3vw;
    color: rgb(66, 66, 66);
}
#div2 p span,#div4 p span, #div6 p span , #div8 p span{
    color: #86a424;
}
#div7 img , #div8 img{
    width: 80%;
    position: relative;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
}
#div8{
    margin-bottom: 20px;
}
@media(max-width : 600px){
    #div1 ,#div2 , #div3 , #div4 , #div5, #div6 , #div7 , #div8{
        width: 80%;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    #div1 img,#div2 img, #div3 img, #div4 img, #div5 img, #div6 img , #div7 img , #div8 img{
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    } 
    #div7 img , #div8 img{
        width: 80%;}
    #div1 p,#div2 p, #div3 p, #div4 p, #div5 p, #div6 p , #div7 p , #div8 p{
        font-size: 1.5vw;
        padding-top: 5px;
        padding-bottom: 5px;
        order: 1;
    }
}