/* ==========================================================
DIAGNOSIS
========================================================== */

.diagnosis{

    position:relative;

    overflow:hidden;

    padding:180px 0;

    background:#fff;

}

/* ==========================================================
GLOW
========================================================== */

.diagnosis-glow{

    position:absolute;

    right:-280px;

    top:-200px;

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,122,26,.14),

        rgba(255,122,26,.04),

        transparent 72%

    );

    filter:blur(70px);

}

/* ==========================================================
BOX
========================================================== */

.diagnosis-box{

    position:relative;

    max-width:920px;

    margin:auto;

    padding:90px;

    text-align:center;

    border-radius:42px;

    background:var(--pz-dark);

    overflow:hidden;

}

/* brilho */

.diagnosis-box::before{

    content:"";

    position:absolute;

    right:-120px;

    bottom:-140px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,122,26,.24),

        rgba(255,122,26,.08),

        transparent 72%

    );

    filter:blur(55px);

}

/* ==========================================================
TITLE
========================================================== */

.diagnosis-title{

    position:relative;

    z-index:2;

    margin-top:26px;

    color:#fff;

    font-size:64px;

    line-height:.95;

    letter-spacing:-3px;

}

.diagnosis-description{

    position:relative;

    z-index:2;

    margin:34px auto 0;

    max-width:640px;

    color:#A5B0C2;

    font-size:21px;

    line-height:1.8;

}

/* ==========================================================
CHECKS
========================================================== */

.diagnosis-checks{

    position:relative;

    z-index:2;

    margin:60px auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:18px;

}

.diagnosis-checks div{

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 24px;

    border-radius:999px;

    background:rgba(255,255,255,.05);

    color:#fff;

    font-weight:700;

}

.diagnosis-checks span{

    color:var(--pz-primary);

    font-size:18px;

}

/* ==========================================================
BUTTON
========================================================== */

.diagnosis-button{

    position:relative;

    z-index:2;

    font-size:18px;

    padding:20px 42px;

}

.diagnosis .pz-btn{

    width:100%;
    max-width:640px;

    margin:0 auto;

    min-height:72px;

    padding:18px 32px;

    border-radius:999px;

    font-size:1.15rem;

    font-weight:700;

    line-height:1.25;

    white-space:normal;

    text-align:center;

    transition:.35s;

}

.diagnosis .pz-btn:hover{

    transform:translateY(-4px);

    box-shadow:
        0 20px 45px rgba(255,122,0,.35);

}

.diagnosis-note{

    margin:42px 0 24px;

    text-align:center;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:var(--color-primary);

}

.diagnosis-trust{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-top:24px;

}

.diagnosis-trust span{

    font-size:.82rem;

    color:var(--color-text-secondary);

}