/* =====================================
   MSRP TRANSPORTES
   POLÍTICA DE PRIVACIDADE
===================================== */

/* Banner Interno */

.page-banner{

    position:relative;

    padding:170px 0 90px;

    background:
    linear-gradient(rgba(6,30,66,.88),rgba(6,30,66,.88)),
    url("../images/banner.jpg") center center/cover no-repeat;

    overflow:hidden;

}

.page-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(217,174,31,.18),
    transparent 45%);

}

.page-banner .container{

    position:relative;

    z-index:2;

}

.page-banner h1{

    color:#fff;

    font-size:48px;

    font-weight:800;

    margin-bottom:15px;

}

.page-banner p{

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

    max-width:700px;

    font-size:18px;

    line-height:1.8;

}

/* Área */

.privacy{

    padding:90px 0;

    background:#f7f9fc;

}

/* Card */

.privacy-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    margin-bottom:30px;

    border-left:6px solid rgb(217,174,31);

    box-shadow:

    0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

}

.privacy-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 25px 55px rgba(0,0,0,.12);

}

/* Títulos */

.privacy-card h2{

    display:flex;

    align-items:center;

    gap:15px;

    color:rgb(6,30,66);

    margin-bottom:25px;

    font-size:28px;

    font-weight:700;

}

.privacy-card h2 i{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgb(217,174,31);

    color:#fff;

    font-size:22px;

}

/* Texto */

.privacy-card p{

    color:#666;

    line-height:2;

    font-size:16px;

}

/* Lista */

.privacy-card ul{

    margin-left:20px;

}

.privacy-card li{

    margin-bottom:14px;

    color:#666;

    line-height:1.8;

}

/* Atualização */

.privacy-update{

    margin-top:50px;

    text-align:center;

    color:#888;

    font-size:15px;

}

/* Responsivo */

@media(max-width:991px){

.page-banner{

padding:140px 0 70px;

}

.page-banner h1{

font-size:38px;

}

}

@media(max-width:768px){

.page-banner{

padding:130px 0 60px;

text-align:center;

}

.page-banner h1{

font-size:30px;

}

.page-banner p{

font-size:16px;

}

.privacy{

padding:60px 0;

}

.privacy-card{

padding:25px;

}

.privacy-card h2{

font-size:22px;

flex-direction:column;

text-align:center;

}

.privacy-card h2 i{

margin-bottom:10px;

}

}