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

*,
*::before,
*::after {
    box-sizing: border-box;
}
header{
    top: 0px;
}
.desktop-title {
    font-size: 3.5rem; /* ~56px */
}

.tablet-title {
    font-size: 2.8rem; /* ~45px */
}

.mobile-title {
    font-size: 1.8rem; /* ~29px */
}

@media (min-width: 1024px) {
    .desktop-heading {
        font-size: 2.5rem; /* ~40px */
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .tablet-heading {
        font-size: 2.2rem; /* ~35px */
    }
}

@media (max-width: 767px) {
    .mobile-heading {
        font-size: 1.8rem; /* ~29px */
    }
}

@media (max-width: 767px) {
    .site-title {
        font-size: 1.25rem; /* Max 20px for mobile logo/title */
    }
}

/* Ensure images in footer maintain aspect ratio and size */
.footer-logo-link img {
    max-width: 150px;
    width: auto;
    height: 40px; /* Fixed height for uniformity */
    object-fit: contain;
}

.footer-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom styles for mobile menu */
#mobile-menu.translate-x-full {
    transform: translateX(100%);
}

#mobile-menu.translate-x-0 {
    transform: translateX(0);
}

/* Body scroll lock for modals */
body.overflow-hidden {
    overflow: hidden;
}/*
 * Stock styles for content within .policyScopeWrap
 * These styles are designed to provide a clean, readable layout for policy content.
 */

/* Wrapper styles for overall spacing and centering */
.policyScopeWrap {
    padding: 24px 20px; /* Top/bottom and left/right padding */
    max-width: 800px; /* Maximum width for better readability on large screens */
    margin: 0 auto; /* Center the content wrapper horizontally */
    line-height: 1.6; /* Default line height for better readability */
    font-family: Arial, sans-serif; /* A common, readable font */
    color: #333; /* Default text color */
}

/* Heading 1 styles */
.policyScopeWrap h1 {
    font-size: 28px; /* Moderate font size for main heading */
    font-weight: 600; /* Semi-bold */
    margin-top: 1.5em; /* Space above heading */
    margin-bottom: 0.8em; /* Space below heading */
    line-height: 1.2; /* Tighter line height for headings */
}

/* Heading 2 styles */
.policyScopeWrap h2 {
    font-size: 24px; /* Moderate font size */
    font-weight: 600; /* Semi-bold */
    margin-top: 1.4em;
    margin-bottom: 0.7em;
    line-height: 1.3;
}

/* Heading 3 styles */
.policyScopeWrap h3 {
    font-size: 20px; /* Moderate font size */
    font-weight: 600; /* Semi-bold */
    margin-top: 1.3em;
    margin-bottom: 0.6em;
    line-height: 1.4;
}

/* Heading 4 styles */
.policyScopeWrap h4 {
    font-size: 18px; /* Moderate font size */
    font-weight: 500; /* Medium weight */
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    line-height: 1.4;
}

/* Heading 5 styles */
.policyScopeWrap h5 {
    font-size: 16px; /* Moderate font size, similar to body text */
    font-weight: 500; /* Medium weight */
    margin-top: 1.1em;
    margin-bottom: 0.4em;
    line-height: 1.5;
}

/* Paragraph styles */
.policyScopeWrap p {
    font-size: 16px; /* Standard body text size */
    margin-bottom: 1em; /* Space between paragraphs */
    line-height: 1.6; /* Good line height for readability */
}

/* Unordered list styles */
.policyScopeWrap ul {
    list-style-type: disc; /* Default bullet style */
    margin-top: 1em; /* Space above the list */
    margin-bottom: 1em; /* Space below the list */
    padding-left: 20px; /* Indentation for bullet points */
}

/* List item styles */
.policyScopeWrap li {
    margin-bottom: 0.5em; /* Space between list items */
    font-size: 16px; /* Ensure list items match paragraph font size */
    line-height: 1.6; /* Maintain readability */
}

/* Optional: Add some basic styling for nested lists if needed */
.policyScopeWrap ul ul {
    list-style-type: circle; /* Change bullet for nested lists */
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.policyScopeWrap ul ul ul {
    list-style-type: square; /* Change bullet for deeply nested lists */
}