/* About Section */


.about {
    background: rgb(224, 251, 222);
    background: linear-gradient(360deg, rgb(245, 255, 245) 0%, rgb(173, 252, 163) 100%);
    padding: 100px 0 20px 0;
    text-align: center;
}


.about h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}


.about p {
    font-size: 1rem;
    color: #323030;
    max-width: 800px;
    margin: 0 auto;
}


.about-info {
    margin: 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}


.about-img {
    width: 20rem;
    height: 20rem;


}


.about-img img {
    width: 140%;
    height: 100%;
    border-radius: 5px;
    object-fit: contain;
    margin-left: -142px;
}


.about-info p {
    font-size: 1.3rem;
    margin: 0 2rem;
    text-align: justify;
}

@media (max-width: 768px) {
   
   .about h1 {
        font-size: 2rem;
    }


   .about p {
        font-size: 0.9rem;
    }


   .about-info {
        flex-direction: column;
        text-align: center;
    }


   .about-img {
        width: 60%;
        height: 60%;
        margin-bottom: 1rem;
        margin-left: 0px;
    }


   .about-info p {
        margin: 1rem 2rem;
    }

    .about-img img {
        width: 140%;
        height: 100%;
        border-radius: 5px;
        object-fit: contain;
         margin-left: -41px; 
        
    }
}