/* ==========================================================
   DIFFERENTIALS
========================================================== */

.tr-differentials{
    padding:60px 0;
}

.tr-differentials .tr-container{
    max-width:1200px;
    margin:0 auto;
}

.tr-section-title{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

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

.tr-differentials-grid{

    display:grid;

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

    gap:40px;

}

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

.tr-differential{

    background:#fff;

    padding:50px;

    border:1px solid rgba(0,0,0,.08);

    transition:all .35s ease;

    position:relative;

}

.tr-differential:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

/* pequena linha decorativa */

.tr-differential::before{

    content:"";

    width:45px;

    height:2px;

    background:#c6b08a;

    display:block;

    margin-bottom:28px;

}

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

.tr-differential-icon{

    font-size:42px;

    line-height:1;

    margin-bottom:22px;

    color:#b89b6d;

}

/* ==========================================================
   TÍTULO
========================================================== */

.tr-differential h3{

    margin:0 0 18px;

    font-size:22px;

    line-height:1.3;

}

/* ==========================================================
   TEXTO
========================================================== */

.tr-differential p{

    margin:0;

    line-height:1.9;

    color:#666;

}

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

@media (max-width:991px){

    .tr-differentials{

        padding:90px 0;

    }

    .tr-differentials-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .tr-differential{

        padding:40px;

    }

}

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

@media (max-width:767px){

    .tr-differentials{

        padding:70px 0;

    }

    .tr-section-title{

        margin-bottom:45px;

    }

    .tr-differential{

        padding:32px;

    }

    .tr-differential h3{

        font-size:20px;

    }

}