/* ====================privacy policy==================== */
.privacy {
    position: relative;
    padding-block: 14.375rem 0rem;


    &::after {
        content: "";
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
        width: 555px;
        height: 635px;
        background-image: url("../image/logo.webp");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        filter: grayscale(100%);
        opacity: 0.1;
        z-index: -1;
    }


    .privacy_container {
        h2 {
            font-size: 40px;
            font-weight: var(--font-bold);
            color: var(--dark);
            margin-bottom: 15px;


            .span1 {
                color: var(--yellow);
            }

            .span2 {
                color: var(--green);
            }
        }

        h3 {
            font-size: 33px;
            font-weight: var(--font-medium);
        }

        p {
            font-size: 25px;
            font-weight: var(--font-regular);
            width: 85%;
            margin-bottom: 20px;
            color: #666666;
        }

        .privacy_data {

            h3 {
                margin-bottom: 20px;

                span {
                    font-size: 25px;
                    font-weight: var(--font-regular);
                    color: #666666;
                }
            }
        }

        a {
            color: var(--yellow);
        }
    }
}

/*=============== RESPONSIVE ===============*/
@media (max-width: 1200px) {
    .privacy {
        padding-block: 12rem 0;

        .privacy_container {
            h2 {
                font-size: 34px;
            }

            h3 {
                font-size: 28px;
            }

            p {
                font-size: 20px;
                width: 90%;
            }
        }
    }
}

@media (max-width: 991px) {
    .privacy {
        padding-block: 13rem 0;

        .privacy_container {
            h2 {
                font-size: 30px;
            }

            h3 {
                font-size: 24px;
            }

            p {
                font-size: 18px;
                width: 100%;
            }

            .privacy_data {
                h3 {
                    span {
                        font-size: 18px;
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .privacy {

        .privacy_container {
            h2 {
                font-size: 26px;
                line-height: 1.4;
            }

            h3 {
                font-size: 22px;
            }

            p {
                font-size: 16px;
                line-height: 1.8;
            }
        }
    }
}

@media (max-width: 576px) {
    .privacy {
        padding-block: 10rem 0;

        .privacy_container {
            h2 {
                font-size: 22px;
            }

            h3 {
                font-size: 18px;
            }

            p {
                font-size: 14px;
            }

            .privacy_data {
                h3 {
                    span {
                        font-size: 14px;
                    }
                }
            }
        }
    }
}