/* =====================================================
   PÁGINA DE SERVIÇOS
   SIDNEI INFORMÁTICA
===================================================== */


/* =====================================================
   HERO
===================================================== */

.servicos-hero {

    padding:
        105px 0 110px;

    text-align:
        center;

    background:
        linear-gradient(
            180deg,
            #f7f8f9 0%,
            #ffffff 100%
        );

}


.servicos-hero-conteudo {

    max-width:
        900px;

    margin:
        0 auto;

}


.servicos-hero h1 {

    margin-bottom:
        24px;

    color:
        var(--preto-forte);

    font-size:
        clamp(
            43px,
            5.2vw,
            66px
        );

    line-height:
        1.04;

    letter-spacing:
        -2px;

    font-weight:
        800;

}


.servicos-hero h1 span {

    display:
        block;

    color:
        var(--vermelho);

}


.servicos-hero p {

    max-width:
        730px;

    margin:
        0 auto 32px;

    color:
        var(--cinza-texto);

    font-size:
        16px;

    line-height:
        1.7;

}


.servicos-hero-botoes {

    display:
        flex;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        14px;

}


/* =====================================================
   LISTA
===================================================== */

.servicos-lista {

    padding:
        95px 0 105px;

    background:
        #fafafa;

}


.servicos-intro {

    max-width:
        680px;

    margin:
        20px auto 0;

    color:
        var(--cinza-texto);

    font-size:
        14px;

    line-height:
        1.65;

}


/* =====================================================
   GRID
===================================================== */

.servicos-grid-pagina {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        18px;

}


/* =====================================================
   CARD
===================================================== */

.servico-detalhado {

    position:
        relative;

    padding:
        25px 27px;

    display:
        grid;

    grid-template-columns:
        64px 1fr;

    gap:
        18px;

    align-items:
        start;

    border:
        1px solid var(--cinza-borda);

    border-radius:
        16px;

    background:
        var(--branco);

    box-shadow:
        var(--sombra-card);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;

}


.servico-detalhado:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(239, 43, 45, 0.30);

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.075);

}


/* =====================================================
   ÍCONE
===================================================== */

.servico-detalhado-icone {

    width:
        58px;

    height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        14px;

    color:
        var(--vermelho);

    background:
        rgba(239, 43, 45, 0.07);

}


.servico-detalhado-icone svg {

    width:
        39px;

    height:
        39px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* =====================================================
   CONTEÚDO
===================================================== */

.servico-detalhado-conteudo {

    min-width:
        0;

}


.servico-detalhado-conteudo h2 {

    margin-bottom:
        8px;

    color:
        var(--preto-forte);

    font-size:
        20px;

    line-height:
        1.25;

    font-weight:
        800;

}


.servico-detalhado-conteudo > p {

    margin-bottom:
        13px;

    color:
        var(--cinza-texto);

    font-size:
        12.5px;

    line-height:
        1.6;

}


.servico-detalhado-conteudo ul {

    margin:
        0 0 15px;

    padding:
        0;

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        6px 14px;

    list-style:
        none;

}


.servico-detalhado-conteudo li {

    position:
        relative;

    padding-left:
        17px;

    color:
        #4f555a;

    font-size:
        11.5px;

    line-height:
        1.4;

}


.servico-detalhado-conteudo li::before {

    content:
        "✓";

    position:
        absolute;

    left:
        0;

    top:
        0;

    color:
        var(--vermelho);

    font-weight:
        800;

}


/* =====================================================
   OBSERVAÇÃO
===================================================== */

.servico-detalhado-conteudo .servico-observacao {

    margin:
        0 0 13px;

    padding:
        8px 10px;

    border-left:
        3px solid var(--vermelho);

    border-radius:
        0 7px 7px 0;

    color:
        var(--cinza-texto);

    background:
        #f7f8f9;

    font-size:
        10.5px;

    line-height:
        1.45;

}


/* =====================================================
   LINK DO SERVIÇO
===================================================== */

.servico-link {

    margin-top:
        4px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    color:
        var(--vermelho);

    font-size:
        11.5px;

    font-weight:
        800;

    text-transform:
        uppercase;

    transition:
        gap 0.2s ease,
        color 0.2s ease;

}


.servico-link span {

    font-size:
        17px;

    line-height:
        1;

}


.servico-link:hover {

    gap:
        12px;

    color:
        var(--vermelho-escuro);

}


/* =====================================================
   COMO FUNCIONA O ATENDIMENTO
===================================================== */

.como-funciona {

    padding:
        95px 0;

    background:
        var(--branco);

}


.como-funciona-titulo {

    max-width:
        780px;

    margin:
        0 auto 60px;

}


.como-funciona-titulo h2 {

    margin-bottom:
        0;

}


.como-funciona-intro {

    max-width:
        650px;

    margin:
        20px auto 0;

    color:
        var(--cinza-texto);

    font-size:
        14px;

    line-height:
        1.7;

}


/* =====================================================
   ETAPAS
===================================================== */

.atendimento-etapas {

    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        34px;

}


.atendimento-etapa {

    position:
        relative;

    min-width:
        0;

    padding-right:
        6px;

}


.atendimento-numero {

    position:
        relative;

    z-index:
        3;

    width:
        58px;

    height:
        58px;

    margin-bottom:
        22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        2px solid var(--vermelho);

    border-radius:
        50%;

    color:
        var(--vermelho);

    background:
        var(--branco);

    font-size:
        18px;

    font-weight:
        800;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;

}


.atendimento-etapa:hover
.atendimento-numero {

    color:
        var(--branco);

    background:
        var(--vermelho);

    transform:
        translateY(-3px);

    box-shadow:
        0 9px 20px rgba(239, 43, 45, 0.16);

}


.atendimento-linha {

    position:
        absolute;

    z-index:
        1;

    top:
        28px;

    left:
        58px;

    width:
        calc(100% + 34px - 58px);

    height:
        1px;

    background:
        var(--cinza-borda);

}


.atendimento-linha::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        -1px;

    width:
        45px;

    height:
        3px;

    border-radius:
        10px;

    background:
        var(--vermelho);

}


.atendimento-etapa h3 {

    margin-bottom:
        10px;

    color:
        var(--preto-forte);

    font-size:
        17px;

    line-height:
        1.3;

    font-weight:
        800;

}


.atendimento-etapa p {

    max-width:
        260px;

    color:
        var(--cinza-texto);

    font-size:
        12.5px;

    line-height:
        1.65;

}


/* =====================================================
   OBSERVAÇÃO DO ATENDIMENTO
===================================================== */

.atendimento-observacao {

    max-width:
        900px;

    margin:
        55px auto 0;

    padding:
        18px 22px;

    display:
        grid;

    grid-template-columns:
        38px 1fr;

    gap:
        14px;

    align-items:
        center;

    border:
        1px solid rgba(239, 43, 45, 0.18);

    border-radius:
        11px;

    background:
        rgba(239, 43, 45, 0.035);

}


.atendimento-observacao-icone {

    width:
        36px;

    height:
        36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    color:
        var(--branco);

    background:
        var(--vermelho);

    font-family:
        Georgia,
        serif;

    font-size:
        18px;

    font-weight:
        700;

}


.atendimento-observacao p {

    margin:
        0;

    color:
        var(--cinza-texto);

    font-size:
        12px;

    line-height:
        1.6;

}


.atendimento-observacao strong {

    color:
        var(--preto-forte);

}


/* =====================================================
   FAQ DE SERVIÇOS
===================================================== */

.servicos-faq {

    padding:
        95px 0;

    background:
        #fafafa;

}


.servicos-faq-titulo {

    max-width:
        820px;

    margin:
        0 auto 45px;

}


.servicos-faq-intro {

    max-width:
        680px;

    margin:
        20px auto 0;

    color:
        var(--cinza-texto);

    font-size:
        14px;

    line-height:
        1.65;

}


.servicos-faq-lista {

    max-width:
        960px;

    margin:
        0 auto;

}


/* =====================================================
   FAQ COMPARTILHADO
===================================================== */

.faq-lista {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

}


.faq-item {

    overflow:
        hidden;

    border:
        1px solid var(--cinza-borda);

    border-radius:
        12px;

    background:
        var(--branco);

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.035);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;

}


.faq-item:hover {

    border-color:
        rgba(239, 43, 45, 0.25);

}


.faq-item.faq-aberto {

    border-color:
        rgba(239, 43, 45, 0.35);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.055);

}


.faq-pergunta {

    width:
        100%;

    min-height:
        70px;

    padding:
        18px 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    border:
        0;

    cursor:
        pointer;

    color:
        var(--preto-forte);

    background:
        transparent;

    text-align:
        left;

    font-family:
        inherit;

    font-size:
        15px;

    font-weight:
        700;

}


.faq-pergunta:hover {

    color:
        var(--vermelho);

}


.faq-icone {

    width:
        32px;

    height:
        32px;

    flex-shrink:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    color:
        var(--vermelho);

    background:
        rgba(239, 43, 45, 0.08);

    font-size:
        22px;

    font-weight:
        400;

    line-height:
        1;

    transition:
        background 0.2s ease,
        color 0.2s ease;

}


.faq-aberto .faq-icone {

    color:
        var(--branco);

    background:
        var(--vermelho);

}


.faq-resposta {

    padding:
        0 22px 22px;

}


.faq-resposta[hidden] {

    display:
        none;

}


.faq-resposta p {

    max-width:
        850px;

    padding-top:
        5px;

    color:
        var(--cinza-texto);

    font-size:
        13px;

    line-height:
        1.7;

}


/* =====================================================
   OUTROS SERVIÇOS
===================================================== */

.servicos-outros {

    padding:
        75px 0;

    background:
        var(--branco);

}


.servicos-outros-box {

    padding:
        40px;

    display:
        grid;

    grid-template-columns:
        70px 1fr auto;

    gap:
        26px;

    align-items:
        center;

    border:
        1px solid var(--cinza-borda);

    border-radius:
        17px;

    background:
        var(--branco);

    box-shadow:
        var(--sombra-card);

}


.servicos-outros-icone {

    width:
        65px;

    height:
        65px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        15px;

    color:
        var(--branco);

    background:
        var(--vermelho);

    box-shadow:
        0 10px 24px rgba(239, 43, 45, 0.18);

}


.servicos-outros-icone svg {

    width:
        33px;

    height:
        33px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.servicos-outros h2 {

    margin-bottom:
        7px;

    color:
        var(--preto-forte);

    font-size:
        29px;

    line-height:
        1.15;

}


.servicos-outros p {

    max-width:
        690px;

    color:
        var(--cinza-texto);

    font-size:
        13px;

    line-height:
        1.65;

}


/* =====================================================
   CTA FINAL
===================================================== */

.servicos-cta-final {

    padding:
        85px 0;

    color:
        var(--branco);

    text-align:
        center;

    background:
        linear-gradient(
            135deg,
            #202428 0%,
            #121416 100%
        );

}


.servicos-cta-final-conteudo {

    max-width:
        750px;

    margin:
        0 auto;

}


.servicos-cta-final-conteudo > span {

    display:
        block;

    margin-bottom:
        11px;

    color:
        #ff5c5f;

    font-size:
        12px;

    letter-spacing:
        1px;

    font-weight:
        800;

}


.servicos-cta-final h2 {

    margin-bottom:
        14px;

    color:
        var(--branco);

    font-size:
        clamp(
            31px,
            4vw,
            44px
        );

    line-height:
        1.1;

}


.servicos-cta-final p {

    max-width:
        610px;

    margin:
        0 auto 28px;

    color:
        #cfd2d4;

    font-size:
        14px;

    line-height:
        1.65;

}


/* =====================================================
   RESPONSIVO - 1000PX
===================================================== */

@media (max-width: 1000px) {

    .servicos-grid-pagina {

        grid-template-columns:
            1fr;

    }


    .atendimento-etapas {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            48px 35px;

    }


    .atendimento-etapa:nth-child(2)
    .atendimento-linha {

        display:
            none;

    }


    .servicos-outros-box {

        grid-template-columns:
            65px 1fr;

    }


    .servicos-outros-box .botao {

        grid-column:
            1 / -1;

        justify-self:
            start;

        margin-left:
            91px;

    }

}


/* =====================================================
   RESPONSIVO - 600PX
===================================================== */

@media (max-width: 600px) {

    .servicos-hero {

        padding:
            70px 0;

    }


    .servicos-hero h1 {

        font-size:
            40px;

        letter-spacing:
            -1.3px;

    }


    .servicos-hero-botoes {

        flex-direction:
            column;

    }


    .servicos-lista {

        padding:
            70px 0;

    }


    .servico-detalhado {

        padding:
            23px 20px;

        grid-template-columns:
            1fr;

        gap:
            15px;

    }


    .servico-detalhado-icone {

        margin:
            0 auto;

    }


    .servico-detalhado-conteudo {

        text-align:
            center;

    }


    .servico-detalhado-conteudo ul {

        grid-template-columns:
            1fr;

        text-align:
            left;

    }


    .servico-link {

        justify-content:
            center;

    }


    .servico-detalhado-conteudo .servico-observacao {

        text-align:
            left;

    }


    /* COMO FUNCIONA */

    .como-funciona {

        padding:
            70px 0;

    }


    .como-funciona-titulo {

        margin-bottom:
            45px;

    }


    .atendimento-etapas {

        grid-template-columns:
            1fr;

        gap:
            35px;

    }


    .atendimento-etapa {

        min-height:
            105px;

        padding:
            0 0 0 76px;

    }


    .atendimento-numero {

        position:
            absolute;

        left:
            0;

        top:
            0;

        width:
            52px;

        height:
            52px;

        margin:
            0;

        font-size:
            16px;

    }


    .atendimento-linha {

        display:
            block !important;

        top:
            52px;

        left:
            25px;

        width:
            1px;

        height:
            calc(100% + 35px);

        background:
            var(--cinza-borda);

    }


    .atendimento-linha::before {

        top:
            0;

        left:
            -1px;

        width:
            3px;

        height:
            32px;

    }


    .atendimento-etapa h3 {

        font-size:
            16px;

    }


    .atendimento-etapa p {

        max-width:
            none;

    }


    .atendimento-observacao {

        margin-top:
            45px;

        padding:
            17px;

        grid-template-columns:
            1fr;

        text-align:
            center;

    }


    .atendimento-observacao-icone {

        margin:
            0 auto;

    }


    /* FAQ */

    .servicos-faq {

        padding:
            70px 0;

    }


    .servicos-faq-titulo {

        margin-bottom:
            38px;

    }


    .faq-pergunta {

        min-height:
            64px;

        padding:
            16px 18px;

        font-size:
            14px;

    }


    .faq-resposta {

        padding:
            0 18px 19px;

    }


    .faq-icone {

        width:
            29px;

        height:
            29px;

        font-size:
            20px;

    }


    /* OUTROS SERVIÇOS */

    .servicos-outros {

        padding:
            55px 0;

    }


    .servicos-outros-box {

        padding:
            30px 22px;

        grid-template-columns:
            1fr;

        text-align:
            center;

    }


    .servicos-outros-icone {

        margin:
            0 auto;

    }


    .servicos-outros h2 {

        font-size:
            25px;

    }


    .servicos-outros-box .botao {

        grid-column:
            auto;

        margin-left:
            0;

        justify-self:
            stretch;

    }


    .servicos-cta-final {

        padding:
            65px 0;

    }

}

/* =====================================================
   REFINAMENTO DO TOPO DA PÁGINA DE SERVIÇOS
===================================================== */

.servicos-hero {

    padding:
        88px 0 92px;

}


.servicos-hero h1 {

    margin-bottom:
        22px;

}


.servicos-hero p {

    max-width:
        760px;

    margin:
        0 auto 30px;

    font-size:
        17px;

    line-height:
        1.72;

}


/* =====================================================
   REFINAMENTO DA ABERTURA DA LISTA DE SERVIÇOS
===================================================== */

.servicos-lista {

    padding:
        78px 0 95px;

}


.servicos-intro {

    max-width:
        720px;

    margin:
        18px auto 0;

    font-size:
        15px;

    line-height:
        1.7;

}


/* =====================================================
   RESPONSIVO - TOPO DA PÁGINA DE SERVIÇOS
===================================================== */

@media (max-width: 900px) {

    .servicos-hero {

        padding:
            76px 0 80px;

    }


    .servicos-hero p {

        max-width:
            680px;

        font-size:
            16px;

    }


    .servicos-lista {

        padding:
            68px 0 82px;

    }


    .servicos-intro {

        max-width:
            650px;

        font-size:
            14.5px;

    }

}


@media (max-width: 600px) {

    .servicos-hero {

        padding:
            64px 0;

    }


    .servicos-hero p {

        font-size:
            15px;

        line-height:
            1.65;

    }


    .servicos-lista {

        padding:
            60px 0 72px;

    }


    .servicos-intro {

        margin-top:
            16px;

        font-size:
            14px;

        line-height:
            1.65;

    }

}



/* =====================================================
   REFINAMENTO DOS CARDS DE SERVIÇOS
===================================================== */

.servico-detalhado-conteudo h2 {

    font-size:
        20px;

    line-height:
        1.28;

    font-weight:
        700;

}


.servico-detalhado-conteudo > p {

    margin-bottom:
        14px;

    font-size:
        13.5px;

    line-height:
        1.65;

}


.servico-detalhado-conteudo ul {

    gap:
        7px 16px;

}


.servico-detalhado-conteudo li {

    font-size:
        12.5px;

    line-height:
        1.5;

}


.servico-detalhado-conteudo li::before {

    font-weight:
        700;

}


/* =====================================================
   OBSERVAÇÕES DOS CARDS
===================================================== */

.servico-detalhado-conteudo
.servico-observacao {

    padding:
        9px 11px;

    font-size:
        11.5px;

    line-height:
        1.5;

}


/* =====================================================
   LINKS DE AÇÃO DOS CARDS
===================================================== */

.servico-link {

    font-size:
        12.5px;

    font-weight:
        700;

    line-height:
        1.35;

}


/* =====================================================
   RESPONSIVO - CARDS DE SERVIÇOS
===================================================== */

@media (max-width: 1000px) {

    .servico-detalhado-conteudo > p {

        font-size:
            13px;

    }


    .servico-detalhado-conteudo li {

        font-size:
            12px;

    }


    .servico-detalhado-conteudo
    .servico-observacao {

        font-size:
            11px;

    }


    .servico-link {

        font-size:
            12px;

    }

}


@media (max-width: 600px) {

    .servico-detalhado-conteudo h2 {

        font-size:
            19px;

    }


    .servico-detalhado-conteudo > p {

        font-size:
            12.5px;

    }


    .servico-detalhado-conteudo li {

        font-size:
            11.8px;

    }


    .servico-detalhado-conteudo
    .servico-observacao {

        font-size:
            10.8px;

    }


    .servico-link {

        font-size:
            11.8px;

    }

}

/* =====================================================
   REFINAMENTO DA SEÇÃO "COMO FUNCIONA O ATENDIMENTO"
===================================================== */

.como-funciona-intro {

    max-width:
        680px;

    font-size:
        15px;

    line-height:
        1.72;

}


.atendimento-numero {

    margin-bottom:
        24px;

}


.atendimento-etapa h3 {

    margin-bottom:
        11px;

    font-size:
        17px;

    line-height:
        1.35;

    font-weight:
        700;

}


.atendimento-etapa p {

    font-size:
        13.5px;

    line-height:
        1.7;

}


.atendimento-observacao {

    margin-top:
        50px;

}


.atendimento-observacao p {

    font-size:
        13px;

    line-height:
        1.65;

}


/* =====================================================
   RESPONSIVO - COMO FUNCIONA
===================================================== */

@media (max-width: 1000px) {

    .como-funciona-intro {

        font-size:
            14.5px;

    }


    .atendimento-etapa p {

        font-size:
            13px;

    }


    .atendimento-observacao p {

        font-size:
            12.5px;

    }

}


@media (max-width: 600px) {

    .como-funciona-intro {

        font-size:
            14px;

        line-height:
            1.65;

    }


    .atendimento-etapa h3 {

        font-size:
            16px;

    }


    .atendimento-etapa p {

        font-size:
            12.5px;

    }


    .atendimento-observacao {

        margin-top:
            40px;

    }


    .atendimento-observacao p {

        font-size:
            12px;

    }

}

/* =====================================================
   REFINAMENTO DA SEÇÃO DE FAQ
===================================================== */

.servicos-faq-titulo {

    margin:
        0 auto 38px;

}


.servicos-faq-intro {

    max-width:
        700px;

    margin:
        18px auto 0;

    font-size:
        15px;

    line-height:
        1.7;

}


/* =====================================================
   RESPONSIVO - FAQ
===================================================== */

@media (max-width: 900px) {

    .servicos-faq-titulo {

        margin-bottom:
            34px;

    }


    .servicos-faq-intro {

        max-width:
            650px;

        font-size:
            14.5px;

    }

}


@media (max-width: 600px) {

    .servicos-faq-titulo {

        margin-bottom:
            30px;

    }


    .servicos-faq-intro {

        margin-top:
            16px;

        font-size:
            14px;

        line-height:
            1.65;

    }

}

/* =====================================================
   REFINAMENTO FINAL - OUTROS SERVIÇOS
===================================================== */

.outros-servicos {

    padding:
        62px 0 70px;

}


.outros-servicos-card {

    gap:
        26px;

}


.outros-servicos-conteudo {

    gap:
        22px;

}


.outros-servicos-texto h2 {

    margin-bottom:
        8px;

    font-weight:
        700;

}


.outros-servicos-texto p {

    max-width:
        690px;

    font-size:
        13.5px;

    line-height:
        1.65;

}


/* =====================================================
   REFINAMENTO FINAL - CTA DA PÁGINA
===================================================== */

.servicos-cta {

    padding:
        76px 0 80px;

}


.servicos-cta h2 {

    margin-bottom:
        16px;

}


.servicos-cta p {

    max-width:
        610px;

    margin:
        0 auto 28px;

    font-size:
        14.5px;

    line-height:
        1.7;

}


/* =====================================================
   RESPONSIVO - FINAL DA PÁGINA
===================================================== */

@media (max-width: 900px) {

    .outros-servicos {

        padding:
            54px 0 62px;

    }


    .outros-servicos-texto p {

        font-size:
            13px;

    }


    .servicos-cta {

        padding:
            68px 0 72px;

    }


    .servicos-cta p {

        font-size:
            14px;

    }

}


@media (max-width: 600px) {

    .outros-servicos {

        padding:
            48px 0 54px;

    }


    .outros-servicos-card {

        gap:
            20px;

    }


    .outros-servicos-conteudo {

        gap:
            18px;

    }


    .outros-servicos-texto p {

        font-size:
            12.5px;

    }


    .servicos-cta {

        padding:
            58px 0 62px;

    }


    .servicos-cta p {

        max-width:
            520px;

        margin-bottom:
            24px;

        font-size:
            13.5px;

    }

}