section.misyon_vizyon
{
    display: flex;
    gap: 2rem;
    padding: 0 2rem;
}

section.misyon_vizyon > div
{
    border-radius: 12px;
    padding: 4rem;
    background-image: linear-gradient(135deg, var(--blueGradient_1), var(--blueGradient_2));
}

section.misyon_vizyon > div > h3
{
    font-family: var(--fontSemiBold);
    font-size: calc(var(--smallFontSize) + 0.4rem);
    color: var(--darkOrange);
    padding-bottom: 0.5rem;
}





@media only screen and (max-width: 500px)
{
    section.misyon_vizyon
    {
        flex-direction: column;
        padding: 1rem;
    } 
}