/* No custom CSS needed beyond Tailwind utility classes and global font definition in HTML head. */
/* All styles are handled by Tailwind CSS classes and inline styles as per requirements. */
.complianceVaultNode {
    /* Main container padding */
    padding-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.complianceVaultNode h1 {
    /* Heading 1 styles */
    font-size: 2.25rem; /* Approx. 36px */
    line-height: 1.2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 700; /* Bold */
}

.complianceVaultNode h2 {
    /* Heading 2 styles */
    font-size: 1.875rem; /* Approx. 30px */
    line-height: 1.3;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    font-weight: 600; /* Semi-bold */
}

.complianceVaultNode h3 {
    /* Heading 3 styles */
    font-size: 1.5rem; /* Approx. 24px */
    line-height: 1.4;
    margin-top: 1.75rem;
    margin-bottom: 0.7rem;
    font-weight: 600;
}

.complianceVaultNode h4 {
    /* Heading 4 styles */
    font-size: 1.25rem; /* Approx. 20px */
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
    font-weight: 500; /* Medium */
}

.complianceVaultNode h5 {
    /* Heading 5 styles */
    font-size: 1.125rem; /* Approx. 18px */
    line-height: 1.5;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.complianceVaultNode p {
    /* Paragraph styles */
    font-size: 1rem; /* Approx. 16px */
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.complianceVaultNode ul {
    /* Unordered list styles */
    list-style-type: disc; /* Default bullet points */
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    padding-left: 1.5rem; /* Indent for bullet points */
}

.complianceVaultNode li {
    /* List item styles */
    margin-bottom: 0.5rem; /* Space between list items */
    line-height: 1.5;
}

#rating-grid .card-lo{
    width: 160px !important;
    height: 110px !important;
    object-fit: contain;
}

footer p, footer li a{
    color: #fff !important;
}

.footer-logo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.header-logo{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.footer-logo h2, .header-logo h2{
    font-size: clamp(18px,2.5vw, 22px) !important;
    color: #fff !important;
}