/*=============== HERO PRIVACY ===============*/
.hero__privacy {
    padding-block: 270px 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../image/privacy-hero.webp') no-repeat center;
    background-size: cover;

    .hero__privacy__container {
        .hero__privacy__content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            gap: 2px;
            max-width: 775px;
            width: 100%;
            z-index: 5;

            h1 {
                font-size: 38px;
                font-weight: var(--font-bold);
                color: #EB2F27;
                text-transform: uppercase;
            }

            p {
                font-size: 20px;
                font-weight: var(--font-medium);
                color: #BAC9C9;
            }
        }
    }

    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #131313 0%, rgba(19, 19, 19, 0.8) 50%, rgba(19, 19, 19, 0.4) 100%);
    }

    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, rgba(212, 175, 55, 0) 0%, rgba(212, 175, 55, 0.5) 50%, rgba(212, 175, 55, 0) 100%);
        z-index: 6;
    }

    .square {
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 8px;
        height: 8px;
        background-color: #ECD8C4;
        z-index: 7;
    }
}

/*=============== PRIVACY ===============*/
.privacy {
    background-color: #151515;
    padding-block: 90px;

    .privacy__container {

        .privacy__content {
            max-width: 1000px;
            margin-inline: auto;
            color: #fff;

            .privacy__header {
                margin-bottom: 30px;

                h2 {
                    font-size: 32px;
                    font-weight: var(--font-bold);
                    color: #fff;
                    font-variant: small-caps;
                    margin-bottom: 8px;
                }

                p {
                    font-size: 18px;
                    font-weight: var(--font-regular);
                    color: #fff;
                }
            }

            .privacy__block {
                margin-bottom: 40px;

                h3 {
                    font-size: 28px;
                    font-weight: var(--font-bold);
                    color: #fff;
                    font-variant: small-caps;
                    margin-bottom: 17px;
                }

                p {
                    font-size: 14px;
                    line-height: 1.8;
                    color: white;
                }

                ul {
                    padding-left: 35px;
                    margin-block: 15px;
                    list-style: disc;
                    font-family: var(--paragraph-font);

                    li {
                        font-size: 18px;
                        line-height: 1.8;
                        color: white;

                        &::marker {
                            color: var(--barberry-light);
                        }
                    }
                }
            }

            .privacy__thanks {
                text-align: center;
                margin-top: 50px;

                h3 {
                    font-size: 32px;
                    font-weight: var(--font-bold);
                    color: #fff;
                    font-variant: small-caps;
                    margin-bottom: 25px;
                }

                .contact__box {
                    border-top: 1px solid rgba(255, 255, 255, .1);
                    padding-top: 25px;

                    h4 {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        gap: 8px;

                        font-size: 16px;
                        font-weight: var(--font-bold);
                        color: var(--barberry-light);
                        margin-bottom: 10px;

                        i {
                            font-size: 18px;
                        }
                    }

                    p {
                        font-size: 13px;
                        color: #d5d5d5;
                        margin-bottom: 12px;
                    }

                    a {
                        color: var(--barberry-light);
                        font-size: 14px;
                        font-weight: var(--font-medium);
                        transition: .3s;

                        &:hover {
                            opacity: .8;
                        }
                    }
                }
            }
        }
    }
}

/*=============== LARGE DEVICES ===============*/
@media screen and (max-width: 1200px) {

    .hero__privacy {
        padding-block: 220px 120px;

        .hero__privacy__container {

            .hero__privacy__content {
                max-width: 650px;

                h1 {
                    font-size: 34px;
                }

                p {
                    font-size: 18px;
                }
            }
        }
    }

    .privacy {

        .privacy__container {

            .privacy__content {
                max-width: 900px;
            }
        }
    }
}

/*=============== TABLET ===============*/
@media screen and (max-width: 991px) {

    .hero__privacy {
        padding-block: 180px 100px;

        .hero__privacy__container {

            .hero__privacy__content {
                max-width: 600px;

                h1 {
                    font-size: 30px;
                }

                p {
                    font-size: 17px;
                }
            }
        }
    }

    .privacy {
        padding-block: 70px;

        .privacy__container {

            .privacy__content {

                .privacy__header {

                    h2 {
                        font-size: 28px;
                    }

                    p {
                        font-size: 16px;
                    }
                }

                .privacy__block {
                    margin-bottom: 35px;

                    h3 {
                        font-size: 24px;
                    }

                    p {
                        font-size: 14px;
                    }

                    ul {

                        li {
                            font-size: 16px;
                        }
                    }
                }

                .privacy__thanks {

                    h3 {
                        font-size: 28px;
                    }
                }
            }
        }
    }
}

/*=============== MOBILE ===============*/
@media screen and (max-width: 768px) {

    .hero__privacy {
        padding-block: 150px 80px;
        background-position: center center;

        .hero__privacy__container {

            .hero__privacy__content {
                max-width: 100%;

                h1 {
                    font-size: 24px;
                    line-height: 1.4;
                }

                p {
                    font-size: 15px;
                    line-height: 1.7;
                }
            }
        }
    }

    .privacy {
        padding-block: 60px;

        .privacy__container {

            .privacy__content {

                .privacy__header {
                    margin-bottom: 25px;

                    h2 {
                        font-size: 24px;
                    }

                    p {
                        font-size: 15px;
                    }
                }

                .privacy__block {
                    margin-bottom: 30px;

                    h3 {
                        font-size: 21px;
                        margin-bottom: 12px;
                    }

                    p {
                        font-size: 14px;
                        line-height: 1.9;
                    }

                    ul {
                        padding-left: 25px;

                        li {
                            font-size: 15px;
                            line-height: 1.9;
                        }
                    }
                }

                .privacy__thanks {

                    h3 {
                        font-size: 24px;
                    }

                    .contact__box {

                        h4 {
                            font-size: 15px;
                        }
                    }
                }
            }
        }
    }
}

/*=============== SMALL MOBILE ===============*/
@media screen and (max-width: 576px) {

    .hero__privacy {
        padding-block: 130px 70px;

        .hero__privacy__container {

            .hero__privacy__content {

                h1 {
                    font-size: 20px;
                }

                p {
                    font-size: 14px;
                }
            }
        }

        .square {
            width: 7px;
            height: 7px;
        }
    }

    .privacy {
        padding-block: 50px;

        .privacy__container {

            .privacy__content {

                .privacy__header {

                    h2 {
                        font-size: 20px;
                        line-height: 1.5;
                    }

                    p {
                        font-size: 14px;
                    }
                }

                .privacy__block {

                    h3 {
                        font-size: 18px;
                    }

                    p {
                        font-size: 13px;
                    }

                    ul {
                        padding-left: 20px;

                        li {
                            font-size: 14px;
                        }
                    }
                }

                .privacy__thanks {

                    h3 {
                        font-size: 22px;
                    }

                    .contact__box {

                        h4 {
                            font-size: 14px;
                        }

                        p {
                            font-size: 12px;
                        }

                        a {
                            font-size: 12px;
                            word-break: break-word;
                        }
                    }
                }
            }
        }
    }

    .section {
        padding-inline: 1rem;
    }
}

/*=============== EXTRA SMALL ===============*/
@media screen and (max-width: 350px) {

    .hero__privacy {

        .hero__privacy__container {

            .hero__privacy__content {

                h1 {
                    font-size: 18px;
                }

                p {
                    font-size: 13px;
                }
            }
        }
    }

    .privacy {

        .privacy__container {

            .privacy__content {

                .privacy__header {

                    h2 {
                        font-size: 18px;
                    }
                }

                .privacy__block {

                    h3 {
                        font-size: 16px;
                    }

                    p,
                    ul li {
                        font-size: 12px;
                    }
                }
            }
        }
    }
}