/*====================================================
    PRIVACY POLICY
====================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Titillium Web',sans-serif;
    color:#444;
    background:#fff;
    line-height:1.8;
}

/*====================================================
    HERO
====================================================*/

.privacyHero{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-height:340px;
    padding:140px 20px 90px;
    background:radial-gradient(circle at 90% 82%, rgba(225, 0, 20, .9), transparent 28%),
        linear-gradient(90deg, #000 55%, #190001 100%);
    overflow:hidden;
}

.privacyHero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 35%),
        radial-gradient(circle at 85% 75%,rgba(255,255,255,.08),transparent 35%);
}

.privacyHero h1{
    position:relative;
    z-index:2;
    color:#fff;
    font-size:clamp(42px,6vw,72px);
    font-weight:700;
    letter-spacing:2px;
}

.privacyHero h1 span{
    color:#e53935;
}

/*====================================================
    WRAPPER
====================================================*/

.privacyWrapper{
    max-width:1250px;
    margin:auto;
    padding:90px 35px;
}

/*====================================================
    SECTION
====================================================*/

.privacySection{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:60px;
    padding:55px 0;
    border-bottom:1px solid #ececec;
    transition:.35s ease;
}

.privacySection:last-child{
    border-bottom:none;
}
 
/*====================================================
    NUMBER
====================================================*/

.privacyNumber{
    display:block;
    color:#d61f29;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.6;
    position:sticky;
    top:120px;
}

/*====================================================
    CONTENT
====================================================*/

.privacyContent{
    width:100%;
}

.privacyContent p{
    color:#555;
    font-size:18px;
    line-height:2;
    margin-bottom:18px;
}

.privacyContent strong{
    color:#111;
}

.privacyContent ul{
    list-style:none;
    margin-top:25px;
}

.privacyContent li{
    position:relative;
    padding-left:34px;
    margin-bottom:18px;
    color:#555;
    font-size:18px;
    line-height:1.8;
}

.privacyContent li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    color:#d61f29;
    font-weight:700;
}

.privacyContent a{
    color:#d61f29;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}
 
/*====================================================
    SELECTION
====================================================*/

::selection{
    background:#004fa3;
    color:#fff;
}

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

@media(max-width:992px){

    .privacyHero{
        min-height:280px;
        padding:120px 20px 70px;
    }

    .privacyWrapper{
        padding:70px 30px;
    }

    .privacySection{
        grid-template-columns:1fr;
        gap:20px;
        padding:45px 0;
    }

    .privacyNumber{
        position:relative;
        top:auto;
        font-size:16px;
    }

    .privacyContent p,
    .privacyContent li{
        font-size:17px;
    }

}

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

@media(max-width:768px){

    .privacyHero{
        min-height:220px;
        padding:110px 20px 55px;
    }

    .privacyHero h1{
        font-size:38px;
    }

    .privacyWrapper{
        padding:55px 20px;
    }

    .privacySection{
        padding:35px 0;
        gap:18px;
    }

    .privacyNumber{
        font-size:15px;
        line-height:1.5;
    }

    .privacyContent p{
        font-size:16px;
        line-height:1.9;
        text-align:justify;
    }

    .privacyContent li{
        font-size:16px;
        line-height:1.8;
        padding-left:28px;
    }

}

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

@media(max-width:480px){

    .privacyHero{
        min-height:180px;
    }

    .privacyHero h1{
        font-size:30px;
    }

    .privacyWrapper{
        padding:40px 18px;
    }

    .privacySection{
        padding:30px 0;
    }

    .privacyNumber{
        font-size:14px;
    }

    .privacyContent p,
    .privacyContent li{
        font-size:15px;
    }

}

/*====================================================
    LARGE SCREENS
====================================================*/

@media(min-width:1400px){

    .privacyWrapper{
        max-width:1350px;
    }

    .privacyContent p,
    .privacyContent li{
        font-size:19px;
    }

}