.about-us-container { scroll-margin-top: 75px; margin-top: clamp(50px, 20vw, 150px); display: flex; flex-direction: column; justify-content: start; align-items: center; width: 100%; } .about-us-title { font-family: Poppins; font-size: clamp(30px, 4.5vw, 45px); font-weight: bold; color: #111029; text-align: center; } .about-us-content-container { margin-top: 30px; display: flex; flex-direction: column; justify-content: start; align-items: center; width: 100%; height: 100%; } .about-us-content-first-column { display: flex; flex-direction: column; justify-content: start; align-items: center; width: 100%; height: 100%; } .about-us-content-first-column-picture { object-fit: cover; width: 330px; height: 330px; border-radius: 20px; border: 0.6px solid #EDF8FF; filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.35)); } .about-us-content-first-column-caption { font-family: Poppins; font-size: 22px; font-weight: bold; color: #111029; text-align: center; margin-top: 15px; } .about-us-content-second-column { margin-top: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .about-us-content-second-column-paragraph { text-align: justify; font-size: 15px; font-family: Poppins; font-weight: 400; white-space: pre-line; } .about-us-content-second-column-value-container { margin-top: 20px; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 10px; width: calc(100% - 30px); padding: 20px 15px; background-color: #E3E3E3; border-radius: 10px; } .about-us-content-second-column-value-check { background-color: #6B77E5; color: white; width: 20px; height: 20px; font-size: 12px; border-radius: 100%; display: flex; justify-content: center; align-items: center; } .about-us-content-second-column-value-text-container { display: flex; flex-direction: column; justify-content: start; align-items: start; gap: 10px; width: 90%; } .about-us-content-second-column-value-text-header { font-family: Poppins; font-size: 15px; font-weight: 700; text-align: start; } .about-us-content-second-column-value-text-body { font-family: Poppins; font-size: 12px; font-weight: 300; text-align: start; color: #7D7D7D; } @media only screen and (min-width: 750px) { .about-us-content-container { flex-direction: row; gap: 100px; } .about-us-content-first-column { width: 30vw; } .about-us-content-second-column { flex-direction: column; justify-content: start; align-items: center; width: 100%; } .about-us-content-first-column-picture { width: 370px; height: 370px; } }