.content {
    max-width: 1200px;
    margin-inline: auto;
    padding: .5rem 1.5rem 4rem 1.5rem;
    position: relative;
    overflow-y: clip;
}

.split {
    padding-inline: 3.5rem;
    display: flex;
    flex-direction:row;
    align-items: center;
    gap: 2rem;
    justify-content: center;
}
iframe.video {
    width: 570px;
    aspect-ratio: 16 / 9;
}
#about-us-page section {
    margin-bottom: 2rem;
}
#about-us-page h2 {
    font-weight: 600;
    color: var(--orange);
}
p:has(+ ul){
    font-weight: 600;
    margin-bottom: 0;
}
#who-content{
    min-width: 30ch;
    max-width: 60ch;
}
@media(max-width:940px) {
    .split {
        flex-direction: column;
        padding-inline: 0rem;
    }
    iframe.video {
        max-width: 100%;
    }
}

#card-dislpay {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
}
.card {
    width: 40ch;
    padding: .75rem;
    border: 4px solid var(--blue);
    border-radius: 20px;
}

.card h3 {
    font-weight: 600;
    color: var(--green);
    margin-bottom: .15rem;
}
.card hr {
    border: none;
    border-bottom: 4px solid var(--green);
    border-radius: 50px;
    margin: 0 6rem .5rem 0rem;
    opacity: 1;
}