@import url(main.css);

.policy-section {
    padding-top: var(--ws-4);
    padding-bottom: var(--ws-4);
}

.policy-container {
    max-width: 815px;
    display: flex;
    flex-direction: column;
    gap: var(--ws-4);
}

.policy-capsulation {
    gap: var(--ws-3);
}

.policy-category-list {
    padding: var(--ws-3) 0px;
}

.policy-category.active {
    background: var(--clr-dark);
    color: var(--clr-white);
    box-shadow: none;
}

.privacy-policy p {
    white-space: wrap;
}

.policy-list li {
    list-style-type: disc;
    list-style-position: inside;
    white-space: wrap;
    padding-left: var(--ws-3);
}

@media (max-width: 570px) {
    .policy-header {
        align-items: start;
        flex-direction: column;
    }
}