/* cookies css */

.text-justify {
    text-align: justify;
    text-indent: 1.5em;
    line-height: 1.5 !important;
}

.text-left {
    text-align: left;
    text-indent: 1.5em;
    line-height: 1.5 !important;
}

.alert-empty::before {
    content: "";
    position: absolute;
    top: -30px;
    left: -50px;
    width: 120px;
    height: 120px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2300514a" class="bi bi-cookie" viewBox="0 0 16 16"><path d="M6 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4.5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/><path d="M8 0a7.96 7.96 0 0 0-4.075 1.114q-.245.102-.437.28A8 8 0 1 0 8 0m3.25 14.201a1.5 1.5 0 0 0-2.13.71A7 7 0 0 1 8 15a6.97 6.97 0 0 1-3.845-1.15 1.5 1.5 0 1 0-2.005-2.005A6.97 6.97 0 0 1 1 8c0-1.953.8-3.719 2.09-4.989a1.5 1.5 0 1 0 2.469-1.574A7 7 0 0 1 8 1c1.42 0 2.742.423 3.845 1.15a1.5 1.5 0 1 0 2.005 2.005A6.97 6.97 0 0 1 15 8c0 .596-.074 1.174-.214 1.727a1.5 1.5 0 1 0-1.025 2.25 7 7 0 0 1-2.51 2.224Z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.08;
    z-index: 0;
}
/* ระดับหัวข้อ */
h3.privacy-heading {
    font-size: 1.25rem !important;
    font-weight: 500;
    color: #212529;
    margin-bottom: 1rem;
}

h4.privacy-subheading {
    font-size: 1.1rem !important;
    font-weight: 500;
    color: #343a40;
    margin-bottom: 0.75rem;
}

h5.privacy-detailheading {
    font-size: 1rem !important;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
    line-height: 1.5 !important;
}

/* รายการลำดับแบบเยื้อง */
.privacy-purpose ol,
.privacy-purpose ul {
    padding-left: 0.5cm;
    margin-bottom: 1rem;
}

/* รายการย่อย */
.privacy-purpose ol {
    list-style-type: none;
    counter-reset: none;
    padding-left: 0.5cm;
}

/* ย่อหน้าเปิด */
.privacy-purpose p,
.privacy-purpose li {
    font-size: 1rem;
    font-weight: 400;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

section.privacy-purpose {
    margin-bottom: -4rem !important;
}

.pp ol {
    list-style-type: none;
    counter-reset: none;
    padding-left: 0.5cm;
}

@media (max-width: 768px) {

    .text-justify {
        text-align: left;
        text-indent: 0px !important;
        line-height: 1.5 !important;
    }

    .text-left {
        text-align: left;
        0px !important;
        line-height: 1.5 !important;
    }

    .alert-empty {
        border: none !important;
    }

        .alert-empty::before {
            content: "";
            position: absolute;
            top: -30px;
            left: -30px;
            width: 120px;
            height: 120px;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2300514a" class="bi bi-cookie" viewBox="0 0 16 16"><path d="M6 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4.5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m-.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/><path d="M8 0a7.96 7.96 0 0 0-4.075 1.114q-.245.102-.437.28A8 8 0 1 0 8 0m3.25 14.201a1.5 1.5 0 0 0-2.13.71A7 7 0 0 1 8 15a6.97 6.97 0 0 1-3.845-1.15 1.5 1.5 0 1 0-2.005-2.005A6.97 6.97 0 0 1 1 8c0-1.953.8-3.719 2.09-4.989a1.5 1.5 0 1 0 2.469-1.574A7 7 0 0 1 8 1c1.42 0 2.742.423 3.845 1.15a1.5 1.5 0 1 0 2.005 2.005A6.97 6.97 0 0 1 15 8c0 .596-.074 1.174-.214 1.727a1.5 1.5 0 1 0-1.025 2.25 7 7 0 0 1-2.51 2.224Z"/></svg>');
            background-repeat: no-repeat;
            background-size: 100%;
            opacity: 0.08;
            z-index: 0;
        }

    h3.privacy-heading {
        text-indent: 0px !important;
    }

    h4.privacy-subheading {
        text-indent: 0px !important;
    }

    h5.privacy-detailheading {
        text-indent: 0px !important;
    }

    .privacy-purpose ol,
    .privacy-purpose ul {
        padding-left: 8px !important;
    }

    /* รายการย่อย */
    .privacy-purpose ol {
        padding-left: 8px !important;
    }

    .pp ol {
        padding-left: 8px !important;
    }
}

.stlW98 {
    width: 98% !important;
}

.stlTd25 {
    text-align: left;
    width: 25%;
}

.stlTd50 {
    text-align: left;
    width: 50%;
}

.stlOL {
    padding-left: 30px;
}

.stlPL {
    padding-left: 0.5cm;
}

.stlUL {
    padding-left: 1cm !important;
    margin-top: -20px;
}