body {
    font-family: 'Roboto', sans-serif;
}

.faq-content {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.faq-content.active {
    max-height: 200px; /* Adjust based on expected content size */
    opacity: 1;
}

.faq-toggle .material-symbols-outlined {
    transition: transform 0.3s ease-in-out;
}

.faq-toggle[aria-expanded="true"] .material-symbols-outlined {
    transform: rotate(180deg);
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
}

.animate-fade-in-up.delay-200 {
    animation-delay: 0.2s;
}

.animate-fade-in-up.delay-400 {
    animation-delay: 0.4s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.footer-img-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px; /* Fixed height for all images */
    margin: 8px; /* Spacing between logos */
}

.footer-img-link img {
    width: auto;
    max-width: 150px; /* Max width as specified */
    height: 100%; /* Ensure image fills the height */
    object-fit: contain; /* Maintain aspect ratio */
}

@media (max-width: 768px) {
    .footer-img-link img {
        max-width: 120px;
    }
}

@media (max-width: 480px) {
    .footer-img-link img {
        max-width: 100px;
    }
}
/* Styles for the main policy content wrapper */
.policyScopeWrap {
    padding-top: 40px; /* Top padding for the content area */
    padding-right: 20px; /* Right padding for the content area */
    padding-left: 20px; /* Left padding for the content area */
    padding-bottom: 40px; /* Bottom padding for the content area */
    /* Consider adding max-width and margin: 0 auto; for better readability on wide screens */
    /* max-width: 960px; */
    /* margin: 0 auto; */
}

/* Heading 1 styles */
.policyScopeWrap h1 {
    font-size: 28px; /* Moderate font size for H1 */
    margin-top: 30px; /* Top margin for spacing */
    margin-bottom: 15px; /* Bottom margin for spacing */
    line-height: 1.2; /* Line height for readability */
    font-weight: 600; /* Font weight for emphasis */
}

/* Heading 2 styles */
.policyScopeWrap h2 {
    font-size: 24px; /* Moderate font size for H2 */
    margin-top: 25px; /* Top margin for spacing */
    margin-bottom: 12px; /* Bottom margin for spacing */
    line-height: 1.3; /* Line height for readability */
    font-weight: 500; /* Font weight */
}

/* Heading 3 styles */
.policyScopeWrap h3 {
    font-size: 20px; /* Moderate font size for H3 */
    margin-top: 20px; /* Top margin for spacing */
    margin-bottom: 10px; /* Bottom margin for spacing */
    line-height: 1.4; /* Line height for readability */
    font-weight: 500; /* Font weight */
}

/* Heading 4 styles */
.policyScopeWrap h4 {
    font-size: 18px; /* Moderate font size for H4 */
    margin-top: 18px; /* Top margin for spacing */
    margin-bottom: 8px; /* Bottom margin for spacing */
    line-height: 1.5; /* Line height for readability */
    font-weight: 500; /* Font weight */
}

/* Heading 5 styles */
.policyScopeWrap h5 {
    font-size: 16px; /* Moderate font size for H5 (often same as base text, but bolder) */
    margin-top: 15px; /* Top margin for spacing */
    margin-bottom: 6px; /* Bottom margin for spacing */
    line-height: 1.6; /* Line height for readability */
    font-weight: 500; /* Font weight */
}

/* Paragraph styles */
.policyScopeWrap p {
    font-size: 16px; /* Base font size for paragraphs */
    margin-bottom: 1em; /* Bottom margin for paragraph separation */
    line-height: 1.6; /* Line height for readability */
}

/* Unordered list styles */
.policyScopeWrap ul {
    margin-top: 1em; /* Top margin for list spacing */
    margin-bottom: 1em; /* Bottom margin for list spacing */
    padding-left: 20px; /* Indent for bullet points */
    list-style-type: disc; /* Default bullet style */
}

/* List item styles */
.policyScopeWrap li {
    font-size: 16px; /* Font size for list items */
    margin-bottom: 0.5em; /* Spacing between list items */
    line-height: 1.6; /* Line height for readability */
}
