.section.what-we-do {
    max-width: 600px;
    margin: 4rem auto 3rem auto;
    padding: 2rem 2.5rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #292929;
    text-align: center;
    border: 3px solid #0a3d62;
    border-radius: 18px;
    background: #f9faff;
    box-shadow: 0 6px 15px rgba(10, 61, 98, 0.15);
}

    .section.what-we-do h3 {
        font-size: 2.5rem;
        font-weight: 700;
        color: #0a3d62;
        margin-bottom: 0.4rem;
        text-transform: capitalize;
    }

    .section.what-we-do h4 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #1e3799;
        margin-bottom: 1.8rem;
        font-style: italic;
        letter-spacing: 0.05em;
    }

    .section.what-we-do p {
        margin-bottom: 1.25rem;
        line-height: 1.6;
        font-size: 1rem;
        color: #444;
    }

@media (max-width: 480px) {
    .section.what-we-do {
        max-width: 90vw;
        margin: 3rem auto 2rem auto;
        padding: 1.5rem 1.8rem;
    }

        .section.what-we-do h3 {
            font-size: 1.8rem;
            margin-bottom: 0.35rem;
        }

        .section.what-we-do h4 {
            font-size: 1.15rem;
            margin-bottom: 1.2rem;
        }

        .section.what-we-do p {
            font-size: 0.9rem;
            margin-bottom: 1rem;
        }
}

.text-justify {
    text-align: justify;
    text-justify: inter-word; /* for better word spacing on some browsers */
}