.first-section-container {
    display: flex;
    justify-content: space-between;

    @media (max-width: 768px) {
        flex-direction: column;
        align-items: center;
    }
}

.first-section-subcontainer {
    display: flex;
    flex-direction: column;
    margin-top: 60px;

    @media (max-width: 768px) {
        margin-top: 0px;
    }
}

.first-section-subtitle {
    font-family: var(--font-family);
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-subtitle2);
    color: var(--text-colour-light); /* Use the light mode text colour by default */
    margin-bottom: 150px;
    
    @media (max-width: 768px) {
        margin-bottom: 100px;
    }
}