/* section 2 start */
.section2{
    height: 400px;
    background-color: #01581a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    font-weight: bold;
    color: #ffffffde;
    
}
/* section 2 End  */

/* ---------------------------------------- */

/* section 3 start */
.section3{
    background-color: white;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding: 2rem 4rem;

}
.section3Img{
    background-image: url(/images/img2Razaz.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 350px;
    box-shadow: 0 5px 20px 2px #000000d0;
    border-radius: 5px;
}
.section3part1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
}

.section3part1P1{
    font-size: 50px;
    font-weight: bold;
    color: #0b4b20;
}

.section3part1P2{
    font-size: 30px;
    font-weight: lighter;
    color: #000000b4;
    
}


/* section 3 End */
/* ------------------------------------------ */

/* section 4 start */




/* section 4 End */

.section4{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    
}

.section4p1{
    font-size: 40px;
    font-weight: bold;
    color:#0b4b20 ;
}
.section4p2{
    font-size: 30px;
    color: rgba(0, 0, 0, 0.747);
}

/* Responsive */

@media (max-width: 768px) {
 .section2{
    font-size: 40px;
    font-weight: bold;
    padding:0 1rem;
    text-align: center;
}
 .section3{
    flex-direction: column-reverse;
    align-items: center;
    padding: 1rem 2rem;
 }
 .section3part1{
    align-items: center;
    text-align: ceter;
    width: 100%;

}
 .section3part1P1{
    font-size: 35px;
    font-weight: bolder;
}

.section3part1P2{
    font-size: 20px;
    font-weight: bold;
    color: #000000b4;
    text-align: center;
}
.section3Img{
    width: 330px;
    height: 300px;
}

.section4{
    align-items: start;
    gap: 10px;
    text-align: center;
    padding: 1rem 2rem;
    
}

.section4p1{
    font-size: 35px;
    font-weight: bolder;
}

.section4p2{
    font-size: 20px;
    font-weight: bold;
}

}