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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

.hero-title {
    font-size: 1.875rem; /* Mobile */
}

@media (min-width: 768px) {
    .hero-title {
        font-size: 2.25rem; /* Tablet */
    }
}

@media (min-width: 1024px) {
    .hero-title {
        font-size: 4.5rem; /* Desktop */
    }
}

.logo-text {
    font-size: 1.25rem; /* Mobile */
}

@media (min-width: 768px) {
    .logo-text {
        font-size: 1.5rem; /* Tablet */
    }
}

@media (min-width: 1024px) {
    .logo-text {
        font-size: 1.875rem; /* Desktop */
    }
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.faq-answer.active {
    max-height: 200px; /* Adjust as needed for content */
    transition: max-height 0.3s ease-in;
}

/* Ensure images in team section are uniform */
#team img {
    width: 7rem; /* w-28 */
    height: 7rem; /* h-28 */
    object-fit: cover;
}

/* Ensure form inputs are consistent */
input[type="text"], input[type="tel"], input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Scrollbar for modal if content overflows */
#cookie-consent-modal > div {
    max-height: 90vh;
    overflow-y: auto;
}

/* RTL adjustments for flex and space-x */
.flex-row-reverse {
    flex-direction: row-reverse;
}

.space-x-reverse > *:not([hidden]) ~ *:not([hidden]) {
    margin-right: var(--tw-space-x-reverse);
    margin-left: 0px;
}

.space-x-reverse {
    --tw-space-x-reverse: 1rem;
}

.space-x-reverse.space-x-2 > *:not([hidden]) ~ *:not([hidden]) {
    margin-right: 0.5rem;
    margin-left: 0;
}

.space-x-reverse.space-x-3 > *:not([hidden]) ~ *:not([hidden]) {
    margin-right: 0.75rem;
    margin-left: 0;
}

.space-x-reverse.space-x-4 > *:not([hidden]) ~ *:not([hidden]) {
    margin-right: 1rem;
    margin-left: 0;
}

.space-x-reverse.space-x-8 > *:not([hidden]) ~ *:not([hidden]) {
    margin-right: 2rem;
    margin-left: 0;
}

.text-right {
    text-align: right;
}

.justify-end {
    justify-content: flex-end;
}

.items-end {
    align-items: flex-end;
}
.consentTunnelGrid {
    /* Padding for the main container */
    padding-top: 2.5rem; /* Top padding */
    padding-left: 1.5rem; /* Left padding */
    padding-right: 1.5rem; /* Right padding */
    /* Consider adding padding-bottom if needed, or margin-bottom to the last element inside */
}

.consentTunnelGrid h1 {
    /* Heading 1 styles */
    font-size: 2rem; /* Moderate font size for h1 */
    line-height: 1.2; /* Improved readability */
    margin-top: 2rem; /* Spacing above the heading */
    margin-bottom: 1rem; /* Spacing below the heading */
    font-weight: 700; /* Slightly bolder */
}

.consentTunnelGrid h2 {
    /* Heading 2 styles */
    font-size: 1.75rem; /* Moderate font size for h2 */
    line-height: 1.3;
    margin-top: 1.75rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
}

.consentTunnelGrid h3 {
    /* Heading 3 styles */
    font-size: 1.5rem; /* Moderate font size for h3 */
    line-height: 1.4;
    margin-top: 1.5rem;
    margin-bottom: 0.7rem;
    font-weight: 600;
}

.consentTunnelGrid h4 {
    /* Heading 4 styles */
    font-size: 1.25rem; /* Moderate font size for h4 */
    line-height: 1.5;
    margin-top: 1.25rem;
    margin-bottom: 0.6rem;
    font-weight: 500;
}

.consentTunnelGrid h5 {
    /* Heading 5 styles */
    font-size: 1.1rem; /* Moderate font size for h5, slightly larger than body text */
    line-height: 1.6;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.consentTunnelGrid p {
    /* Paragraph styles */
    font-size: 1rem; /* Standard body text size */
    line-height: 1.6; /* Good for readability */
    margin-bottom: 1rem; /* Spacing between paragraphs */
}

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

.consentTunnelGrid li {
    /* List item styles */
    font-size: 1rem; /* Consistent with body text */
    line-height: 1.6; /* Consistent with body text */
    margin-bottom: 0.5rem; /* Spacing between list items */
}