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

/* Global box-sizing */
*, *::before, *::after {
    box-sizing: inherit;
}

/* Custom styles for Hero section asymmetrical cut */
.clip-path-diagonal-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
@media (min-width: 768px) {
    .clip-path-diagonal-bottom-right-lg {
        clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    }
}

/* Adaptive Typography for Headings */
h1 {
    font-size: 1.875rem; /* ~30px */
}
@media (min-width: 768px) {
    h1 {
        font-size: 2.5rem; /* ~40px */
    }
}
@media (min-width: 1024px) {
    h1 {
        font-size: 3.5rem; /* ~56px */
    }
}

h2 {
    font-size: 1.5rem; /* ~24px */
}
@media (min-width: 768px) {
    h2 {
        font-size: 2rem; /* ~32px */
    }
}
@media (min-width: 1024px) {
    h2 {
        font-size: 2.5rem; /* ~40px */
    }
}

h3 {
    font-size: 1.125rem; /* ~18px */
}
@media (min-width: 768px) {
    h3 {
        font-size: 1.25rem; /* ~20px */
    }
}
@media (min-width: 1024px) {
    h3 {
        font-size: 1.5rem; /* ~24px */
    }
}

/* Navigation text size for site title */
header a span.text-xl {
    font-size: 1.25rem; /* Mobile */
}
@media (min-width: 768px) {
    header a span.text-xl {
        font-size: 1.375rem; /* Tablet */
    }
}
@media (min-width: 1024px) {
    header a span.text-xl {
        font-size: 1.5rem; /* Desktop */
    }
}

/* Mobile menu specific styles */
#mobileMenu.translate-x-full {
    transform: translateX(100%);
}
#mobileMenu.translate-x-0 {
    transform: translateX(0);
}

/* Process bar animation */
.process-bar {
    width: 0%;
    transition: width 1s ease-out;
}

/* How It Works Section - Accordion transition */
.how-it-works-content {
    transition: max-height 0.5s ease-in-out;
}
.how-it-works-toggle[aria-expanded="true"] + .how-it-works-content {
    max-height: 800px; /* Adjusted for potentially larger content */
}
.how-it-works-toggle[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
}

/* Cookie modal scroll for smaller screens */
#cookieConsentModal > div {
    max-height: 90vh;
    overflow-y: auto;
}
/* Base padding for the container */
.trustPillarUnit {
    padding: 20px 25px; /* Top/bottom and left/right padding for the unit */
}

/* Heading 1 styles */
.trustPillarUnit h1 {
    font-size: 2em; /* Moderate size for H1, approx 32px */
    margin-top: 24px; /* Spacing above H1 */
    margin-bottom: 16px; /* Spacing below H1 */
    line-height: 1.2; /* Line height for readability */
    font-weight: bold; /* Ensure it's bold */
}

/* Heading 2 styles */
.trustPillarUnit h2 {
    font-size: 1.75em; /* Moderate size for H2, approx 28px */
    margin-top: 20px;
    margin-bottom: 14px;
    line-height: 1.3;
    font-weight: bold;
}

/* Heading 3 styles */
.trustPillarUnit h3 {
    font-size: 1.5em; /* Moderate size for H3, approx 24px */
    margin-top: 18px;
    margin-bottom: 12px;
    line-height: 1.4;
    font-weight: bold;
}

/* Heading 4 styles */
.trustPillarUnit h4 {
    font-size: 1.25em; /* Moderate size for H4, approx 20px */
    margin-top: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: bold;
}

/* Heading 5 styles */
.trustPillarUnit h5 {
    font-size: 1.1em; /* Moderate size for H5, approx 18px */
    margin-top: 14px;
    margin-bottom: 8px;
    line-height: 1.6;
    font-weight: bold;
}

/* Paragraph styles */
.trustPillarUnit p {
    font-size: 1em; /* Standard paragraph font size, approx 16px */
    margin-bottom: 1em; /* Spacing between paragraphs */
    line-height: 1.6; /* Line height for readability */
}

/* Unordered list styles */
.trustPillarUnit ul {
    list-style-type: disc; /* Default bullet style */
    margin-top: 1em; /* Spacing above the list */
    margin-bottom: 1em; /* Spacing below the list */
    padding-left: 25px; /* Indentation for bullets */
}

/* List item styles */
.trustPillarUnit li {
    font-size: 1em; /* Standard list item font size */
    margin-bottom: 0.5em; /* Spacing between list items */
    line-height: 1.6; /* Line height for readability */
}
#pricing div.border-white {
    margin: 0;
}
@media screen and (width < 768px) {
#pricing div.border-white {
    margin-top: -20px;
}
.timeline-line {
    display: none;
}
}
main {
    overflow: hidden;
}
@media screen and (width < 1280px) {
footer ul li {
    margin-left: 0 !important;
}
}