/*==================================================
DIFERENCIAIS
==================================================*/

.diferenciais{

    background:#102247;


    padding:90px 0 30px 0;

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
rgba(13,27,54,.82),
rgba(13,27,54,.88)
        ),
        url("../img/hero/index.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;


}

.diferenciais::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(254,144,76,.08),
    transparent 35%);

    pointer-events:none;

}

/*========================================*/

.diferenciais .section-tag{

    display:block;

    text-align:center;

    color:#FE904C;

    margin-bottom:18px;

}

.diferenciais h2{

    text-align:center;

    color:#FFF;

    font-size:46px;

    margin-bottom:70px;

}

/*========================================*/

.diferenciais-grid{

    display:grid;

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

}

.diferencial-item{

    text-align:center;

    padding:0 40px;

    position:relative;

}

/* linhas */

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

    content:"";

    position:absolute;

    top:10px;

    right:0;

    width:1px;

    height:180px;

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

}

/*========================================*/

.diferencial-icon{

    font-size:34px;

    color:#FE904C;

    margin-bottom:28px;

    transition:.35s;

}

.diferencial-item:hover .diferencial-icon{

    transform:translateY(-8px);

    color:#ffad76;

}

/*========================================*/

.diferencial-item h3{

    color:#FFF;

    font-size:20px;

    margin-bottom:18px;

    line-height:1.3;

}

.diferencial-item p{

    color:rgba(255,255,255,.75);

    line-height:1.9;

    font-size:16px;

}

/*========================================*/

@media(max-width:992px){

.diferenciais-grid{

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

gap:60px;

}

.diferencial-item::after{

display:none;

}

}

@media(max-width:768px){

.diferenciais{

padding:70px 0;

}

.diferenciais h2{

font-size:34px;

margin-bottom:50px;

}

.diferenciais-grid{

grid-template-columns:1fr;

gap:55px;

}

.diferencial-item{

padding:0 20px;

}

}