.About h3 {
    font-size: calc(2vw + 1rem); 
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--Primary-500, #167AD8);
}

.About p {
    font-size: calc(0.1vw + 0.85rem);
    color: var(--Neutral-600, #999);
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}
.main-About {
    background-image: url("/assets/MainPages/Aboutus.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.About {
    padding-top: 62px;
    padding-bottom: 64px;
}

/* Media Queries */
@media screen and (min-width: 310px) {
    .About {
        padding-top: 25px;
        padding-bottom: 20px;
    }
  
}

@media screen and (min-width: 768px) {
    .About h3 {
        font-size: clamp(2rem, 2.5vw, 3rem);
    }

    .About p {
        font-size: clamp(1rem, 1.1vw, 1.25rem);
    }
}