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

body {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
    overflow-x: hidden; /* Prevent horizontal scroll from layout shifts */
}

/* Custom Color Palette */
.bg-dark-blue-900 {
    background-color: #0A1930; /* Very dark blue */
}
.bg-dark-blue-800 {
    background-color: #0F2340; /* Darker blue */
}
.bg-dark-blue-700 {
    background-color: #1A345A; /* Dark blue */
}
.bg-dark-blue-600 {
    background-color: #264A7E; /* Medium dark blue */
}
.text-dark-blue-900 {
    color: #0A1930;
}
.text-dark-blue-800 {
    color: #0F2340;
}
.text-dark-blue-700 {
    color: #1A345A;
}
.text-gold-500 {
    color: #FFD700; /* Gold */
}
.bg-gold-500 {
    background-color: #FFD700;
}
.hover\:bg-gold-600:hover {
    background-color: #E6C200;
}
.text-gold-400 {
    color: #FFEA70;
}

/* Responsive Typography for Headings */
h1 {
    font-size: 2.5rem; /* Mobile */
}
@media (min-width: 768px) {
    h1 {
        font-size: 3.5rem; /* Tablet */
    }
}
@media (min-width: 1024px) {
    h1 {
        font-size: 4.5rem; /* Desktop */
    }
}

h2 {
    font-size: 2rem; /* Mobile */
}
@media (min-width: 768px) {
    h2 {
        font-size: 2.8rem; /* Tablet */
    }
}
@media (min-width: 1024px) {
    h2 {
        font-size: 3.5rem; /* Desktop */
    }
}

h3 {
    font-size: 1.5rem; /* Mobile */
}
@media (min-width: 768px) {
    h3 {
        font-size: 1.8rem; /* Tablet */
    }
}
@media (min-width: 1024px) {
    h3 {
        font-size: 2.2rem; /* Desktop */
    }
}

/* General Button Styles */
button, .btn {
    text-decoration: none !important;
}

/* Ensure images within cards have consistent height */
.grid > div > img {
    height: 12rem; /* Static height for images in cards */
    object-fit: cover;
}

/* Specific styles for contact form email word break */
.word-break-all {
    word-break: break-all;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Sticky Footer CTA Bar padding for safe area on mobile */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .fixed.bottom-0 {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    }
}
/* Parent container styling for spacing */
.trustPillarUnit {
    padding: 2em; /* Internal spacing from all sides */
    margin-bottom: 2em; /* Space below the unit, useful if multiple units are stacked */
}

/* Heading 1 styles */
.trustPillarUnit h1 {
    font-size: 1.8em; /* Moderate size for main headings */
    line-height: 1.2;
    margin-top: 1.5em; /* Space above the heading */
    margin-bottom: 0.8em; /* Space below the heading */
    font-weight: 700; /* Bold font weight */
}

/* Heading 2 styles */
.trustPillarUnit h2 {
    font-size: 1.6em; /* Slightly smaller than h1 */
    line-height: 1.2;
    margin-top: 1.4em;
    margin-bottom: 0.7em;
    font-weight: 700;
}

/* Heading 3 styles */
.trustPillarUnit h3 {
    font-size: 1.4em; /* Further reduced size */
    line-height: 1.3;
    margin-top: 1.3em;
    margin-bottom: 0.6em;
    font-weight: 700;
}

/* Heading 4 styles */
.trustPillarUnit h4 {
    font-size: 1.2em; /* Close to body text, but still distinct */
    line-height: 1.3;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 700;
}

/* Heading 5 styles */
.trustPillarUnit h5 {
    font-size: 1.1em; /* Smallest heading, often used for sub-titles or minor sections */
    line-height: 1.4;
    margin-top: 1.1em;
    margin-bottom: 0.4em;
    font-weight: 700;
}

/* Paragraph styles */
.trustPillarUnit p {
    font-size: 1em; /* Base font size for body text */
    line-height: 1.6; /* Good line height for readability */
    margin-top: 0; /* Remove default browser top margin for consistency */
    margin-bottom: 1em; /* Space between paragraphs */
}

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

/* List item styles */
.trustPillarUnit li {
    margin-bottom: 0.5em; /* Space between individual list items */
    line-height: 1.6; /* Consistent line height for list item text */
}


#hero{
    background-color: #000 !important;
}


.why-chooseCard-main{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.why-chooseCard{
    flex: 1 1 340px;
    max-width: 420px;
}

main{
    overflow: hidden !important;
}