main .about{
    padding: 1% 10%;
    display: flex;
    width: 100%;
    justify-content: space-around;
    gap: 30px;
    background-color: #ececec;
}
main .about div{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: justify;
    line-height: 170%;
}
main .about div .plainHeading{
    font-size: var(--font-size-subHeading);
    color: #333;
}
main .about div .plainHeading2{
    font-size: var(--font-size-subHeading2);
    color: #333;
}
main .about div p{
    font-size: var(--font-size-text2);
    color: #333;
}
main .about img{
    width: clamp(160px, 30vw,450px);
    height: fit-content;
}
@media screen and (max-width : 750px) {
    main .about{
        flex-direction: column-reverse;
        align-items: center;
    }
}