.elementor-763 .elementor-element.elementor-element-eded953{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-d284480{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-41e8f03{--display:flex;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-763 .elementor-element.elementor-element-e8a8152{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-0019ede{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-3fb1802{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-23b365e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-8225a3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-81425c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-d0771d4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-763 .elementor-element.elementor-element-eded953{--content-width:100%;}.elementor-763 .elementor-element.elementor-element-41e8f03{--content-width:74%;}.elementor-763 .elementor-element.elementor-element-e8a8152{--width:100%;}.elementor-763 .elementor-element.elementor-element-0019ede{--content-width:70%;}.elementor-763 .elementor-element.elementor-element-23b365e{--content-width:66%;}.elementor-763 .elementor-element.elementor-element-81425c0{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-763 .elementor-element.elementor-element-41e8f03{--content-width:100%;}.elementor-763 .elementor-element.elementor-element-0019ede{--content-width:100%;}.elementor-763 .elementor-element.elementor-element-23b365e{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-0019ede *//* =========================================
   FUNDO DA SEÇÃO DE SERVIÇOS JD
========================================= */

.fundo-servicos-jd {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(248, 12, 12, 0.035),
            transparent 35%
        ),
        #050505 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81425c0 */<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link
    href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap"
    rel="stylesheet"
>


<section class="jd-diferenciais">

    <div class="jd-diferenciais__container">

        <!-- CABEÇALHO -->
        <div class="jd-diferenciais__header">

            <div class="jd-diferenciais__eyebrow">

                <span class="jd-diferenciais__line"></span>

                <span>
                    NOSSOS DIFERENCIAIS
                </span>

            </div>


            <div class="jd-diferenciais__signature">
                PARCERIA EM TODAS AS ETAPAS
            </div>

        </div>


        <!-- GRID -->
        <div class="jd-diferenciais__grid">


            <!-- 01 -->
            <div class="jd-diferencial">

                <div class="jd-diferencial__icon">

                    <svg viewBox="0 0 48 48" aria-hidden="true">

                        <path d="M9 29v-6c0-9 6-16 15-16s15 7 15 16v6"></path>

                        <path d="M9 25H6c-2 0-3 1-3 3v7c0 2 1 3 3 3h3z"></path>

                        <path d="M39 25h3c2 0 3 1 3 3v7c0 2-1 3-3 3h-3z"></path>

                        <path d="M39 35c0 4-3 7-7 7h-4"></path>

                    </svg>

                </div>


                <div class="jd-diferencial__content">

                    <h3>
                        Atendimento sob medida
                    </h3>

                    <p>
                        Entendemos a sua necessidade
                        e oferecemos a melhor solução.
                    </p>

                </div>

            </div>


            <!-- 02 -->
            <div class="jd-diferencial">

                <div class="jd-diferencial__icon">

                    <svg viewBox="0 0 48 48" aria-hidden="true">

                        <circle cx="24" cy="24" r="7"></circle>

                        <path d="M24 4v5M24 39v5M4 24h5M39 24h5"></path>

                        <path d="M10 10l4 4M34 34l4 4M38 10l-4 4M14 34l-4 4"></path>

                        <circle cx="24" cy="24" r="16"></circle>

                    </svg>

                </div>


                <div class="jd-diferencial__content">

                    <h3>
                        Execução completa
                    </h3>

                    <p>
                        Do projeto à montagem,
                        com qualidade e pontualidade.
                    </p>

                </div>

            </div>


            <!-- 03 -->
            <div class="jd-diferencial">

                <div class="jd-diferencial__icon">

                    <svg viewBox="0 0 48 48" aria-hidden="true">

                        <circle cx="24" cy="15" r="6"></circle>

                        <circle cx="11" cy="19" r="5"></circle>

                        <circle cx="37" cy="19" r="5"></circle>

                        <path d="M15 38v-5c0-7 4-11 9-11s9 4 9 11v5"></path>

                        <path d="M2 38v-4c0-6 4-10 9-10 3 0 5 1 7 3"></path>

                        <path d="M46 38v-4c0-6-4-10-9-10-3 0-5 1-7 3"></path>

                    </svg>

                </div>


                <div class="jd-diferencial__content">

                    <h3>
                        Equipe especializada
                    </h3>

                    <p>
                        Profissionais experientes
                        e comprometidos com resultados.
                    </p>

                </div>

            </div>


            <!-- 04 -->
            <div class="jd-diferencial">

                <div class="jd-diferencial__icon">

                    <svg viewBox="0 0 48 48" aria-hidden="true">

                        <path d="M6 41V29h7v12"></path>

                        <path d="M17 41V22h7v19"></path>

                        <path d="M28 41V14h7v27"></path>

                        <path d="M39 41V7h4"></path>

                    </svg>

                </div>


                <div class="jd-diferencial__content">

                    <h3>
                        Projetos para eventos corporativos
                    </h3>

                    <p>
                        Soluções para feiras, congressos,
                        lançamentos e muito mais.
                    </p>

                </div>

            </div>


        </div>

    </div>

</section>


<style>

/* =========================================
   FONTES
========================================= */

.jd-diferenciais {

    --jd-primary-font: "Baloo Bhaina 2", sans-serif;

    --jd-secondary-font: "Roboto", Arial, sans-serif;

}


/* =========================================
   SEÇÃO
========================================= */

.jd-diferenciais {

    width: 100%;

    padding: 32px 38px 38px;

    background: transparent;

    font-family: var(--jd-secondary-font);

    box-sizing: border-box;

    overflow: hidden;

}


.jd-diferenciais *,
.jd-diferenciais *::before,
.jd-diferenciais *::after {

    box-sizing: border-box;

}


/* =========================================
   CONTAINER
========================================= */

.jd-diferenciais__container {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

}


/* =========================================
   CABEÇALHO
========================================= */

.jd-diferenciais__header {

    width: 100%;

    margin-bottom: 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


/* EYEBROW */

.jd-diferenciais__eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #111111;

    font-family: var(--jd-secondary-font);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2.4px;

    text-transform: uppercase;

}


.jd-diferenciais__line {

    width: 30px;

    height: 2px;

    background: #F80C0C;

    flex-shrink: 0;

}


/* ASSINATURA */

.jd-diferenciais__signature {

    color: rgba(17,17,17,.48);

    font-family: var(--jd-secondary-font);

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 4px;

    text-transform: uppercase;

}


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

.jd-diferenciais__grid {

    display: grid;

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

    width: 100%;

}


/* =========================================
   ITEM
========================================= */

.jd-diferencial {

    position: relative;

    min-height: 110px;

    padding: 12px 28px;

    display: flex;

    align-items: center;

    gap: 18px;

}


/* DIVISÓRIAS */

.jd-diferencial:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 10px;

    right: 0;

    width: 1px;

    height: calc(100% - 20px);

    background: rgba(0,0,0,.12);

}


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

.jd-diferencial__icon {

    width: 48px;

    height: 48px;

    flex: 0 0 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #F80C0C;

}


.jd-diferencial__icon svg {

    width: 42px;

    height: 42px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}


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

.jd-diferencial__content {

    min-width: 0;

}


/* TÍTULO */

.jd-diferencial__content h3 {

    margin: 0 0 6px;

    color: #111111;

    font-family: var(--jd-primary-font);

    font-size: 19px;

    font-weight: 600;

    line-height: .95;

}


/* TEXTO */

.jd-diferencial__content p {

    max-width: 220px;

    margin: 0;

    color: #4A4A4A;

    font-family: var(--jd-secondary-font);

    font-size: 10px;

    font-weight: 400;

    line-height: 1.45;

}


/* =========================================
   TABLET
========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .jd-diferenciais {

        padding: 32px 30px 38px;

    }


    .jd-diferenciais__grid {

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

    }


    .jd-diferencial {

        padding: 22px 24px;

    }


    .jd-diferencial:nth-child(2)::after {

        display: none;

    }


    .jd-diferencial:nth-child(1),
    .jd-diferencial:nth-child(2) {

        border-bottom: 1px solid rgba(0,0,0,.12);

    }


    .jd-diferencial__content h3 {

        font-size: 20px;

    }


    .jd-diferencial__content p {

        font-size: 11px;

        max-width: 260px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .jd-diferenciais {

        padding: 30px 20px 35px;

    }


    .jd-diferenciais__header {

        margin-bottom: 20px;

    }


    .jd-diferenciais__signature {

        display: none;

    }


    .jd-diferenciais__eyebrow {

        font-size: 9px;

        letter-spacing: 2px;

    }


    .jd-diferenciais__grid {

        grid-template-columns: 1fr;

    }


    .jd-diferencial {

        min-height: auto;

        padding: 22px 0;

        gap: 18px;

    }


    .jd-diferencial:not(:last-child)::after {

        top: auto;

        right: auto;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 1px;

        background: rgba(0,0,0,.12);

    }


    .jd-diferencial__icon {

        width: 44px;

        height: 44px;

        flex-basis: 44px;

    }


    .jd-diferencial__icon svg {

        width: 38px;

        height: 38px;

    }


    .jd-diferencial__content h3 {

        font-size: 20px;

    }


    .jd-diferencial__content p {

        max-width: 100%;

        font-size: 11px;

    }

}

<\/style>/* End custom CSS */