﻿.privacy-policy-content {
    padding: 80px var(--padding-xm);
    margin: 60px 0;
}

.cae-dots-wrapper {
    margin-bottom: 16px;
}

.privacy-policy-content h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 32px;
    line-height: 42px;
}

.privacy-policy-content p {
    font-size: 18px;
    line-height: 30px;
}

.pp-description {
    margin-bottom: 64px;
}

.pp-grid {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.privacy-policy-content h5 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .privacy-policy-content {
        padding: 80px var(--padding-sm);
    }
}

@media (min-width: 992px) {
    .pp-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1230px) {
    .pp-description {
        max-width: 969px;
    }
}

@media (min-width: 1400px) {
    .privacy-policy-content {
        padding: 80px var(--padding-md);
    }
}

@media (min-width: 1920px) {
    .privacy-policy-content {
        padding: 80px var(--padding-xl);
    }

    .pp-description {
        max-width: 925px;
    }
}

/*LINKS WRAPPER*/
@media (min-width: 768px) {
    .links-wrapper h1 {
        font-size: 38px;
    }
}

/*CARD*/
.pp-card {
    background-color: var(--bg-theme-light-color);
    border-radius: 16px;
    padding: 24px;
}

.docs-grid .pp-card p {
    margin-bottom: 24px;
}

.info-grid .pp-card p {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .pp-card {
        padding: 32px;
        display: flex;
        flex-direction: column;
    }

    .docs-grid .pp-card {
        justify-content: space-between;
    }
}

/*DOCS GRID*/
.docs-grid {
    margin-bottom: 80px;
}

/*ICONS*/
.pp-icon {
    margin-bottom: 32px;
    background-repeat: no-repeat;
    display: block;
}

.pp-icon-camera {
    width: 33px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.72' height='30.582' viewBox='0 0 32.72 30.582'%3E%3Cpath id='cctv-svgrepo-com_1_' data-name='cctv-svgrepo-com (1)' d='M33.385,15.893a1.348,1.348,0,0,0-.687-.754l-.009,0-1.9-.884.419-.9a1.321,1.321,0,0,0,.126-.567,1.342,1.342,0,0,0-.768-1.214l-.009,0L7.721.918A1.325,1.325,0,0,0,7.153.792a1.341,1.341,0,0,0-1.213.767l0,.009L1,12.144a1.325,1.325,0,0,0-.126.568,1.341,1.341,0,0,0,.767,1.213l.009,0,8.353,3.894L7.654,23.315H3.436v-4.03a1.343,1.343,0,0,0-2.687,0h0V30.031a1.343,1.343,0,0,0,2.687,0h0V26h5.1A1.345,1.345,0,0,0,9.771,25.2l0-.009,2.669-6.227L24.5,24.578a1.306,1.306,0,0,0,.564.126h0a1.347,1.347,0,0,0,1.214-.766l0-.009.419-.9,1.9.885a1.306,1.306,0,0,0,.564.126h0a1.345,1.345,0,0,0,1.214-.768l0-.009,2.959-6.344a1.319,1.319,0,0,0,.126-.566,1.334,1.334,0,0,0-.085-.47l0,.01Zm-8.972,5.683-12.008-5.6c-.032-.025-.068-.051-.105-.074l-.005,0a.966.966,0,0,0-.1-.02L4.009,12.059,7.8,3.918l20.4,9.515Zm4.1-.663-.678-.317,1.824-3.911.678.317Z' transform='translate(-0.749 -0.792)' fill='%23212529'/%3E%3C/svg%3E");
}

.pp-icon-lock {
    width: 27px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.511' height='33.4' viewBox='0 0 26.511 33.4'%3E%3Cpath id='lock-1-svgrepo-com' d='M23.944,13.333V8.167A5.167,5.167,0,0,0,18.778,3H15.333a5.167,5.167,0,0,0-5.167,5.167v5.167m13.778,0H10.167m13.778,0A5.167,5.167,0,0,1,29.111,18.5V28.833A5.167,5.167,0,0,1,23.944,34H10.167A5.167,5.167,0,0,1,5,28.833V18.5a5.167,5.167,0,0,1,5.167-5.167m6.889,8.611v5.167m1.722-5.167a1.722,1.722,0,1,1-1.722-1.722A1.722,1.722,0,0,1,18.778,21.944Z' transform='translate(-3.8 -1.8)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3C/svg%3E%0A");
}

.pp-icon-document {
    width: 25px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg id='Component_5_1' data-name='Component 5 – 1' xmlns='http://www.w3.org/2000/svg' width='24.884' height='30.582' viewBox='0 0 24.884 30.582'%3E%3Cpath id='Path_188' data-name='Path 188' d='M67.455,0H56.507l-.556.556L48.258,8.249l-.556.556V25.452a5.136,5.136,0,0,0,5.131,5.131H67.455a5.136,5.136,0,0,0,5.13-5.131V5.131A5.136,5.136,0,0,0,67.455,0Zm3.23,25.452a3.231,3.231,0,0,1-3.23,3.231H52.833A3.231,3.231,0,0,1,49.6,25.452V9.592h5A2.692,2.692,0,0,0,57.294,6.9v-5H67.455a3.231,3.231,0,0,1,3.23,3.231V25.452Z' transform='translate(-47.702)' fill='%23212529'/%3E%3Crect id='Rectangle_1498' data-name='Rectangle 1498' width='5.338' height='5.338' transform='translate(13.723 5.565)' fill='%23212529'/%3E%3Crect id='Rectangle_1499' data-name='Rectangle 1499' width='13.239' height='1.495' transform='translate(5.822 13.893)' fill='%23212529'/%3E%3Crect id='Rectangle_1500' data-name='Rectangle 1500' width='13.239' height='1.495' transform='translate(5.822 18.164)' fill='%23212529'/%3E%3Crect id='Rectangle_1501' data-name='Rectangle 1501' width='13.239' height='1.495' transform='translate(5.822 22.434)' fill='%23212529'/%3E%3C/svg%3E%0A");
}

/*CAE-BUTTON*/
@media (min-width: 768px) {
    .cae-button {
        width: fit-content;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .cae-button {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        text-align: center;
        justify-self: center;
    }
}