.elementor-92 .elementor-element.elementor-element-a6fc562{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-346bc45 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-2dfc358 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-bf97f5d{margin-top:-115px;margin-bottom:-1px;padding:0px 0px 0px 0px;z-index:99;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-92 .elementor-element.elementor-element-783a396{width:var( --container-widget-width, 81.393% );max-width:81.393%;--container-widget-width:81.393%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-92 .elementor-element.elementor-element-783a396 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-92 .elementor-element.elementor-element-783a396 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-92 .elementor-element.elementor-element-783a396 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-type-html{padding-bottom:0px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group .elementor-field{color:#070B47;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group .elementor-field, .elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:400;font-style:normal;line-height:150%;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#070B47;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#070B47;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-field-group .elementor-select-wrapper::before{color:#070B47;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;border-style:none;border-radius:100px 100px 100px 100px;padding:0px 10px 0px 10px;}.elementor-92 .elementor-element.elementor-element-783a396 .e-form__buttons__wrapper__button-next{background-color:#070B47;color:#B3B8E0;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-button[type="submit"]{background-color:#070B47;color:#B3B8E0;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-button[type="submit"] svg *{fill:#B3B8E0;}.elementor-92 .elementor-element.elementor-element-783a396 .e-form__buttons__wrapper__button-previous{background-color:#070B47;color:#ffffff;}.elementor-92 .elementor-element.elementor-element-783a396 .e-form__buttons__wrapper__button-next:hover{background-color:#070B47;color:#ffffff;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-button[type="submit"]:hover{background-color:#070B47;color:#ffffff;}.elementor-92 .elementor-element.elementor-element-783a396 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-92 .elementor-element.elementor-element-783a396 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-92 .elementor-element.elementor-element-cdbca90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 0px 00px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-92 .elementor-element.elementor-element-783a396{width:var( --container-widget-width, 672.976px );max-width:672.976px;--container-widget-width:672.976px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-92 .elementor-element.elementor-element-fc1ce42{width:4.077%;}.elementor-92 .elementor-element.elementor-element-723e71a{width:52%;}.elementor-92 .elementor-element.elementor-element-c432046{width:43.589%;}}/* Start custom CSS for html, class: .elementor-element-223d5c2 */.top_page{
    font-family: 'Roboto', sans-serif;
    background-color: #F5F3EC;
    color: #5A5A5A; /* Default body text color */
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    max-width: 1440px; /* Approximate width of the content area in the image */
    padding: 40px; /* Base padding for large screens */
    box-sizing: border-box;
    background-color: #F5F3EC; 
    margin: 20px auto; /* Center container and add vertical margin */
}

/* Header Section */
.page-header {
    margin-bottom: 30px;
}

.header-main-content {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    margin-bottom: 20px;
    flex-wrap: wrap; /* Allow wrapping if space is tight before media query kicks in */
    padding-top:90.37px;
}

.page-header h1 {
    color: #070B47;
    font-family: 'Merriweather', serif;
    font-size: 75px; /* Large screens */
    font-style: italic;
    font-weight: 700;
    line-height: 1.1; 
    margin-top: 0;
    margin-bottom: 10px; /* Space if it wraps above icons */
}

.header-icons {
    display: flex;
    gap: 60px; 
    margin-left: 20px; 
    flex-shrink: 0; 
}

.header-icons img {
    width: 88px; 
    height: 88px; 
    object-fit: contain;
}

.header-subtitle {
    color: #070B47;
    font-family: 'Roboto', sans-serif;
    font-size: 24px; /* Large screens */
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    padding-top:23px;
    padding-bottom:82px;
}

/* Separators */
.separator-top {
    border: 0;
    border-top: 1px solid #D1D0CA;
    margin: 40px 0;
}

.separator-bottom {
    border: 0;
    border-top: 1px solid #E5E5E3;
    margin-top: 50px;
}

.main-content-section{
    
    padding-top:44px;
    padding-bottom:23px;
}


/* Main Content Section */
.main-content-section h2 {
    font-family: 'Merriweather', serif;
    font-size: 60px; /* Large screens */
    font-weight: 700;
    color: #070B47;
    line-height: 121%;
    font-style:italic;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 974px;
    height:171px;
    flex-shrink: 0;
}

.intro-paragraphs p {
    color: #646A29;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6; 
    margin-bottom: 1em; /* Standard paragraph spacing */
}
.intro-paragraphs p:last-child {
    margin-bottom: 0;
}


.call-to-action-text {
    margin-top: 40px;
    margin-bottom: 80px;
    color: #646A29;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

/* Services Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Large screens */
    gap: 80px 25px; /* row-gap column-gap */
}

.service-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
}

.service-item img {
    width: 40px; 
    height: 40px; 
    margin-bottom: 15px;
    object-fit: contain;
}

.service-item h3 {
    font-family: 'Roboto', serif;
    font-size: 24px; /* Large screens */
    font-weight: 700;
    font-style:normal;
    color: #070B47;
    line-height: 140%;
    margin-top: 56.74px;
    margin-bottom: 20px;
}

.service-item p {
    color: #646A29;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    margin-top: 0;
    width:360px;
}

/* --- Media Queries for Responsiveness --- */

/* Medium Desktops / Laptops */
@media (max-width: 1200px) {
    .container {
        padding: 30px;
    }

    .page-header h1 {
        font-size: 65px;
    }

    .header-icons {
        gap: 40px;
    }
    .header-icons img {
        width: 70px;
        height: 70px;
    }

    .header-subtitle {
        font-size: 22px;
    }

    .main-content-section h2 {
        font-size: 36px;
    }

    .services-grid {
        gap: 30px 20px;
    }
    .service-item h3 {
        font-size: 19px;
    }
}

/* Tablets */
@media (max-width: 992px) {
    .page-header h1 {
        font-size: 55px;
    }
    .header-subtitle {
        font-size: 20px;
    }
    .main-content-section h2 {
        font-size: 32px;
        width: auto;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr); /* Switch to 2 columns */
        gap: 30px;
    }
    .service-item h3 {
        font-size: 18px;
    }
}

/* Small Tablets / Large Phones */
@media (max-width: 768px) {
    .container {
        padding: 20px;
        margin: 10px auto; 
    }

    .header-main-content {
        flex-direction: column; 
        align-items: flex-start; 
    }

    .page-header h1 {
        font-size: 48px; 
        text-align: left; 
        margin-bottom: 20px; 
    }

    .header-icons {
        margin-left: 0; 
        gap: 30px; 
    }
    .header-icons img {
        width: 60px;
        height: 60px;
    }

    .header-subtitle {
        font-size: 18px;
        text-align: left; 
    }
    .header-subtitle br { 
        display: none;
    }

    .main-content-section h2 {
        font-size: 28px; 
        text-align: left;
        width: auto;
    }
    .main-content-section h2 br { 
        display: none;
    }

    .intro-paragraphs p,
    .call-to-action-text,
    .service-item p {
        font-size: 14px; 
        line-height: 1.55;
    }
    
    .services-grid {
        /* Already 2 columns from 992px */
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
    .service-item h3 {
        font-size: 17px;
    }
    /* Remove br from service item H3 if needed, like "Fundraising and Resource <br> Development" */
    .service-item h3 br {
        display: none;
    }
    .service-item img {
        width: 35px;
        height: 35px;
    }
}

/* Phones */
@media (max-width: 576px) {
    .page-header h1 {
        font-size: 38px; 
        line-height: 1.2;
    }
    .page-header h1 br { 
        /* Keep the BR in H1 for "Empower <br> your Leadership" unless it looks bad */
        /* display: none; */ 
    }

    .header-icons {
        gap: 20px; 
        flex-wrap: wrap; 
    }
    .header-icons img {
        width: 50px; 
        height: 50px;
    }

    .header-subtitle {
        font-size: 17px;
    }

    .main-content-section h2 {
        font-size: 26px; 
        line-height: 1.3;
    }

    .services-grid {
        grid-template-columns: 1fr; /* Switch to 1 column */
        gap: 30px; /* Increased gap slightly for single column */
    }
    .service-item {
        align-items: center; /* Center content in single column layout */
        text-align: center; /* Center text within service item */
        /*width:300px;*/
    }
    .service-item p {
        width: 80%;
    }
    .service-item h3 {
        font-size: 18px; 
    }
}

/* Very Small Phones */
@media (max-width: 380px) {
    .container {
        padding: 15px;
    }
    .page-header h1 {
        font-size: 32px;
    }
    .header-icons {
        gap: 15px;
    }
    .header-icons img {
        width: 40px;
        height: 40px;
    }
    .header-subtitle {
        font-size: 16px;
    }
    .main-content-section h2 {
        font-size: 22px;
    }
    .intro-paragraphs p,
    .call-to-action-text,
    .service-item p {
        font-size: 13px;
        line-height: 1.5;
    }
    .service-item h3 {
        font-size: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3cacea */.content_gird{
    font-family: 'Poppins', sans-serif;
    background-color: #F8F5F0; /* Off-white background from image */
    margin: 0;
    padding: 40px 20px; /* Provides spacing around the container */
    box-sizing: border-box;
}

.container-cards {
    padding-right: 64px;
    padding-left: 64px;
    width: 100%;
    max-width: 1440px; /* Estimated width from the image */
    margin: 0 auto; /* Centers the container */
    display: flex;
    flex-direction: column;
    gap: 80px 25px; /* Space between cards */
}

.container-cards-heading {
    color: var(--navy, #070B47);
    text-align: left;
    font-family: Merriweather;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-top:102px;
    margin-left:-26px;
    margin-bottom:40px;
    line-height: 150%; /* 48px */
}

.card {
    display: flex;
    border-radius: 15px; /* Rounded corners for cards */
    overflow: hidden; /* Ensures content (like images) respects the border-radius */
    height: 320px; 
    min-height: 100px; /* Approximate minimum height, content will define actual height */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    background-color: #FFFFFF; /* Default background, will be overridden */
}

.card-content {
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Allows content area to take available space */
}

.card-content .category {
    font-size: 11px;
    font-weight: 500;
    margin: 0 0 8px 0; /* Reset default p margin and add bottom margin */
    line-height: 1.4;
    color: white;
}

.card-content h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 auto 0; /* Reset default h2 margin; margin-bottom: auto pushes following elements down */
}

.card-content .consultation-link {
    margin-top: auto;       /* pushes it to bottom */
    align-self: flex-start; /* left align, or flex-end for right align */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    font-family: Roboto;
    text-decoration: none;
    margin-top: 24px; /* Space above the link */
    align-self: flex-end; /* Aligns link to the right of the card-content block */
    line-height: 150%; /* Ensure consistent line height for the link */
}

.consultation-link span {
    padding-left:8px;
    font-size:24px;
}

.card-image {
    flex-shrink: 0; /* Prevents image container from shrinking */
    display: flex; /* Aligns image correctly */
    align-items: stretch; /* Ensures image container stretches to card height */
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the area, cropping if necessary, maintaining aspect ratio */
    display: block; /* Removes any extra space below the image */
}


.card-content > p > i {
    color: #F2F0E3;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.consultation-link {
    color: #D4E09D;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}
/* --- Card Specific Styles --- */

.card-content {
    /*border: 1px solid #070B47;*/
}

.card-1,.card-2,.card-3,
.card-4,.card-5, .card-6 {

}

/* Card 1: Executive Coaching */
.card-1 .card-content { 
    
    background-color: #91a1e5; 
    flex-basis: 65%;
    } /* Text content takes 65% width */
/*.card-1 {*/
/*    height:330px;*/
/*}*/
.card-1 h2 {
    color: #070B47;
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}    
.card-1 .card-image { 
    flex-basis: 35%; 
}   /* Image takes 35% width */
.card-1 .category { 
    color: #1E1E4B; 
    
}

/* Card 2: Leadership & Team Coaching */
.card-2 { 
    background-color: #1E1E4B; 
    color: #FFFFFF; }
.card-2 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #D4E09D;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}  
.card-2 .card-content { flex-basis: 65%; order: 2; } /* Text content on the right */
.card-2 .card-image { flex-basis: 35%; order: 1; }   /* Image on the left */
.card-2 .category { color: #FFFFFF; opacity: 0.7; }
/* Card 3: Leadership & Team Coaching (White) */
.card-3 { 
    background-color: #FFFFFF; 
    color: #1E1E4B; 
    border: 1px solid #EAEAEA; } /* Light border for white card */
.card-3 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #070B47;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}

.card-3 p{
    color:#91A1E5;
}
.card-3 .card-content { flex-basis: 65%; }
.card-3 .card-image { flex-basis: 35%; }
.card-3 .category { color: #8A8AC0; } /* Light purple category text */

/* Card 4: Strategic Planning */
.card-4 { background-color: #1E1E4B; color: #FFFFFF; }
.card-4 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #D4E09D;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}
.card-4 .card-content { flex-basis: 65%; order: 2; }
.card-4 .card-image { flex-basis: 35%; order: 1; }
.card-4 .category { color: #FFFFFF; opacity: 0.7; }

/* Card 5: Assessments */
.card-5 { background-color: #646A29; color: #FFFFFF; } /* Olive green background */
.card-5 .card-content { flex-basis: 65%; }
.card-5 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}
.card-5 .card-image { flex-basis: 35%; }
.card-5 .category { color: #FFFFFF; opacity: 0.8; }

/* Card 6: Assessments (Expert-led Learning) */
.card-6 { background-color: #1E1E4B; color: #FFFFFF; }
.card-6 .card-content { flex-basis: 65%; order: 2; }
.card-6 .card-image { flex-basis: 35%; order: 1; }
.card-6 .category { color: #FFFFFF; opacity: 0.7; }
.card-6 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #D4E09D;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}
/* Card 7: Ongoing Support */
.card-7 { background-color: #B3B8E0; color: #1E1E4B; }
.card-7 .card-content { flex-basis: 65%; }
.card-7 .card-image { flex-basis: 35%; }
.card-7 .category { color: #1E1E4B; }
.card-7 h2 {
    font-family: 'Merriweather';
    font-size: 43.846px;
    font-style: normal;
    color: #070B47;
    font-weight: 700;
    line-height: 121%; /* 53.054px */
}
/* --- Responsive Styles --- */

/* Tablet and smaller desktop */
@media (min-width: 881px) {
    .card-1 {
        height: 330px;
    }
}


@media (max-width: 880px) { /* Adjust breakpoint if container width changes */

    body {
        padding: 30px 15px;
    }
    .container {
        gap: 20px;
    }
    
}


/* Mobile devices - General stacking */
@media (max-width: 768px) {
    body {
        padding: 20px 0; /* Body padding mostly vertical, container handles horizontal */
    }

    .container {
        padding: 0 15px; /* Side padding for the content within the body */
        gap: 20px;
    }

    .card {
        flex-direction: column; /* Stack items vertically */
        min-height: auto; /* Allow height to be determined by content */
    }

    .card-content,
    .card-image {
        flex-basis: auto; /* Reset basis */
        width: 100%;    /* Take full width */
        order: 0; /* Reset any specific desktop ordering */
    }

    /* Ensure image is always on top for mobile */
    .card-image {
        order: 1; /* Image first */
        height: 220px; /* Give images a consistent height on mobile */
        min-height: 180px; /* Ensure a minimum visual presence */
    }
    /* .card-image img {} */ /* No specific changes needed for img if object-fit:cover is good */


    .card-content {
        order: 2; /* Text content second */
        padding: 25px 20px; /* Adjust padding for stacked layout */
    }

    .card-content h2 {
        font-size: 22px; /* Slightly smaller heading */
        /*margin-bottom: 20px; /* Ensure space before link if auto margin isn't enough */
    }
    
    .card-content .category {
        display: none;
    }
    

    .card-content .consultation-link {
        align-self: flex-end; /* Align link to the left on mobile */
        /*margin-top: 16px;  Adjust spacing */
        margin-top:0;
    }

    /* Reset specific card orders from desktop as the global rules above now handle it */
    .card-2 .card-content, .card-2 .card-image,
    .card-4 .card-content, .card-4 .card-image,
    .card-6 .card-content, .card-6 .card-image {
        order: initial; /* Let the new general .card-image and .card-content order take over */
    }
    
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    body {
        padding: 15px 0;
    }
    .container-cards-heading {
        margin-top: 51px;
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .container {
        padding: 0 10px;
        gap: 15px;
    }
    
    .container-cards{
        padding:0;
    }

    .card-content {
        padding: 20px 15px;
    }

    .card-content h2 {
        font-size: 12px;
    }
    
    .card-contnet p {
        display:none;
    }
    .card-content .category {
        font-size: 10px;
    }
    .card-content .consultation-link {
        font-size: 11px;
        }
    
    /*.card-1 .card-content .consultation-link  {*/
    /*    margin-top: 75px !important;*/
    /*}*/

    .card-image {
        height: 180px; /* Further adjust image height for very small screens */
        min-height: 150px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2dfc358 */.btoom{
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    background-color: #F5F3EB; /* Fallback for overall page */
    color: #101828; /* Default text color */
}

.hero-section {
    width: 100%;
}

/* Top Content Area */
.top-content-wrapper {
    background-color: #F5F3EB; /* Light beige background */
    padding: 40px 0 0 64px; /* Adjust padding as needed */
    border-top: 1px solid #D0D5DD; /* Thin line at the top */
}

.top-content {
    max-width: 1440px; /* Max width for content */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Align items to the top */
    gap: 40px;
    margin-top:92px;
    margin-bottom:142px;
}

.top-left {
    flex-basis: 55%;
}

.top-left h1 {
    color: #070B47;
    font-family: Roboto;
    font-size: 71.375px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 78.512px */
    letter-spacing: -0.714px;
    margin-top: 0;
    margin-bottom: 20px;
}

.top-left h1 em {
    font-style: italic;
    font-weight: 700; /* Italic version might be slightly less bold by default */
    color: #070B47;
    font-family: Merriweather;
    font-size: 71.375px;
    font-style: italic;
    font-weight: 700;
    line-height: 110%;
}

.top-right {
    flex-basis: 40%;
    padding-top: 10px; /* Align text better with heading start */
    
}

.top-right p {
    color: var(--Navy, #070B47);

/* Text/Medium/Normal */
font-family: 'Roboto';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
}

.buttons {
    display: flex;
    gap: 15px;
}

.btn {
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    display: inline-block;
    text-align: center;
}

.btn-outline {
    background-color: transparent;
    border: 1px solid #1A237E; /* Dark blue border */
    color: var(--navy, #070B47);
    /* Text/Regular/Normal */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    width:170px;
    line-height: 150%; /* 24px *//* Dark blue text */
}

.btn-outline:hover {
    background-color: #E8EAF6; /* Light blueish hover */
}

.btn-solid {
    background-color: #070B47; /* Dark blue background */
    color: #FFFFFF; /* White text */
    border: 1px solid #1A237E;
    color: var(--Color, #F2F0E3);
    /* Text/Regular/Normal */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.btn-solid:hover {
    background-color: transparent; /* Slightly lighter dark blue */
    color: #070B47;
}

/* Bottom Content Area */
.bottom-content {
    background-size: cover;
    /*background-position: center;*/
    padding: 100px 5% 126px; /* Adjust padding as needed */
    color: #FFFFFF; /* White text for this section */
    position: relative; /* For positioning the pseudo-element overlay */
    overflow: hidden; /* Recommended when using pseudo-elements for full cover */
}

/* Add the ::before pseudo-element for the gradient overlay */
.bottom-content::before {
    content: ''; /* Necessary for the pseudo-element to be generated */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Apply the specified linear gradient */
    background: linear-gradient(180deg, rgba(7, 11, 71, 0.00) -24.86%, rgba(145, 161, 229, 0.30) 10.22%, #91A1E5 94.4%);
    z-index: 1; /* Ensure overlay is above background image but below content */
}

.bottom-text-container {
    max-width: 550px; /* Constrain width of text */
    position: relative; /* To be above overlay */
    z-index: 2; /* Ensure text is on top of the overlay */
}

.newsletter-label {
    padding-top:178px;
    /* Heading/Desktop/Tagline */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    margin-bottom: 10px;
    color: #070B47; /* Lighter, slightly desaturated white */
}

.bottom-text-container h2 {
    padding: 24px 0 24px;
    font-size: 2.8rem; /* Adjust size */
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    color: #070B47;
    font-family: 'Merriweather';
}

.newsletter-description {
    font-size: 1rem;
    line-height: 1.6; /* Space before where form would be */
    color: #F0F0FF; /* Slightly brighter white for better readability */
    width: 768px;
    color: #070B47;
    font-family: 'Roboto';
    font-weight: 600;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .top-left h1 {
        font-size: 3rem;
    }
    .bottom-text-container h2 {
        font-size: 2.4rem;
    }
}

@media (max-width: 768px) {
    .top-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .top-left, .top-right {
        flex-basis: 100%;
        width: 100%;
        max-width: 500px; /* Max width for centered text */
    }
    .top-left h1 {
        font-size: 2.5rem;
    }
    .top-left h1 br { /* Hide the <br> on smaller screens if desired */
        display: none;
    }
    .buttons {
        justify-content: center;
    }
    .bottom-content {
        padding: 60px 5% 80px;
    }
    .bottom-text-container {
        margin-left: 0; /* Text can be full width or centered */
        text-align: center;
        max-width: 100%;
    }
    .bottom-text-container h2 {
        font-size: 2rem;
    }
    .newsletter-description {
        margin-left: -5rem;
        margin-right: auto;
        margin-bottom: 2rem;
    }
}

@media (max-width: 480px) {
    .top-content-wrapper{
      padding-left:10px;  
    }
    .top-left h1 {
        font-size: 2rem;
    }
    .top-right p {
        font-size: 0.9rem;
    }
    .btn {
        padding: 10px 20px;
        font-size: 0.85rem;
    }
    .bottom-text-container h2 {
        font-size: 1.8rem;
    }
    .newsletter-description {
        font-size: 0.95rem;
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 2rem;
        width: 300px;
    }
    .buttons {
        flex-direction: column; /* Stack buttons on very small screens */
        align-items: center;
    }
    .btn {
        width: 80%;
        max-width: 250px;
    }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-783a396 */@media (max-width: 992px) {
    
}

@media (max-width: 768px) {
    #form-field-email{
        width:30rem;
    }
    #form-field-button {
        width:10rem;
    }
}

@media (max-width: 480px) {
    #form-field-email{
        width:9rem;
    }
    #form-field-button {
        width:9rem;
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cdbca90 */.consent{
    color: var(--navy, #070B47);

/* Text/Tiny/Normal */
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bf97f5d */.elementor-widget:not(:last-child) {
    margin-bottom: var(--kit-widget-spacing, 0px); 
}

#lowerHalf {
    margin-bottom: -30px;
    background: linear-gradient(to bottom,#91a1e500,#91a1e5,#91a1e5);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-display: auto;
	src: url('https://leadforwardnow.org/wp-content/uploads/2025/07/RobotoSlab-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */