.elementor-12259 .elementor-element.elementor-element-3371aec > .elementor-container{max-width:1140px;}.elementor-12259 .elementor-element.elementor-element-3371aec{margin-top:0px;margin-bottom:20px;padding:20px 20px 20px 20px;}.elementor-12259 .elementor-element.elementor-element-54b48a7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2BC57;}.elementor-bc-flex-widget .elementor-12259 .elementor-element.elementor-element-54b48a7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12259 .elementor-element.elementor-element-54b48a7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12259 .elementor-element.elementor-element-54b48a7.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-71043a5 );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated, .elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated > .elementor-background-overlay, .elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-background-slideshow{border-radius:10px 0px 0px 10px;}.elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12259 .elementor-element.elementor-element-664a3e0 .qodef-m-title{color:var( --e-global-color-d82031a );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12259 .elementor-element.elementor-element-664a3e0 .qodef-m-icon-holder{font-size:1em;color:var( --e-global-color-d82031a );background-color:var( --e-global-color-astglobalcolor6 );border-radius:25px 25px 25px 25px;}.elementor-12259 .elementor-element.elementor-element-664a3e0 .qodef-m-icon-holder a{color:var( --e-global-color-d82031a );}.elementor-12259 .elementor-element.elementor-element-e189b9a{font-family:"Roboto", Sans-serif;font-size:1.05em;font-weight:400;color:var( --e-global-color-astglobalcolor5 );}.elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated{border-style:solid;border-width:5px 5px 5px 5px;border-color:#F2BC57;padding:30px 30px 30px 30px;}.elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated, .elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated > .elementor-background-overlay, .elementor-12259 .elementor-element.elementor-element-520791a > .elementor-background-slideshow{border-radius:0px 10px 10px 0px;}.elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-contact-form{width:100%;max-width:100%;}.elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage{display:flex;justify-content:end;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .gfield_label{color:var( --e-global-color-947a698 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield{margin-bottom:10px;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield textarea{height:3em;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container input[type="text"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container input[type="email"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container input[type="tel"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container input[type="number"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container_date input[type="text"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container_phone input[type="text"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container_email input[type="text"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield .ginput_container_text input[type="text"], html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield textarea, html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield select{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_footer input[type="submit"]{background-color:var( --e-global-color-d82031a );color:var( --e-global-color-astglobalcolor5 );padding:15px 15px 15px 15px;margin-top:10px;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{background-color:var( --e-global-color-d82031a );color:var( --e-global-color-astglobalcolor5 );padding:15px 15px 15px 15px;margin-top:10px;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_body input[type="submit"].gform-button{background-color:var( --e-global-color-d82031a );padding:15px 15px 15px 15px;margin-top:10px;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_footer input[type="submit"]:hover{background-color:var( --e-global-color-d82031a );color:var( --e-global-color-cc083bf );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]:hover{background-color:var( --e-global-color-d82031a );color:var( --e-global-color-cc083bf );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_body input[type="submit"].gform-button:hover{background-color:var( --e-global-color-d82031a );color:var( --e-global-color-cc083bf );}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-12259 .elementor-element.elementor-element-2b1ab53 .gform_wrapper li.gfield_error textarea{border-width:1px;}@media(max-width:1024px){.elementor-12259 .elementor-element.elementor-element-3371aec{padding:10px 10px 10px 10px;}.elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated, .elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated > .elementor-background-overlay, .elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-background-slideshow{border-radius:10px 10px 0px 0px;}.elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated, .elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated > .elementor-background-overlay, .elementor-12259 .elementor-element.elementor-element-520791a > .elementor-background-slideshow{border-radius:0px 0px 10px 10px;}}@media(max-width:767px){.elementor-12259 .elementor-element.elementor-element-54b48a7 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-12259 .elementor-element.elementor-element-664a3e0{width:var( --container-widget-width, 508.333px );max-width:508.333px;--container-widget-width:508.333px;--container-widget-flex-grow:0;}.elementor-12259 .elementor-element.elementor-element-520791a > .elementor-element-populated{padding:20px 20px 20px 20px;}}@media(max-width:1024px) and (min-width:768px){.elementor-12259 .elementor-element.elementor-element-54b48a7{width:100%;}.elementor-12259 .elementor-element.elementor-element-520791a{width:100%;}}/* Start custom CSS for html, class: .elementor-element-ba28e14 */body {
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                margin: 0;
                padding: 0;
                color: #54595f;
                line-height: 1.6;
                background-color: #f5f7fa;
            }

            .container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 20px;
            }

            /* Newsletter Header - Enhanced with gradient */
            .newsletter-header {
                background: linear-gradient(135deg, #266aa6 0%, #1a4971 100%);
                color: white;
                padding: 30px 0;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            }

            .header-content {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .header-left {
                max-width: 60%;
            }

            .newsletter-title {
                font-size: 32px;
                font-weight: 700;
                margin-bottom: 5px;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            }

            .newsletter-subtitle {
                font-size: 16px;
                opacity: 0.9;
            }

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

            .issue-info {
                font-size: 14px;
                background-color: rgba(255, 255, 255, 0.2);
                display: inline-block;
                padding: 5px 15px;
                border-radius: 20px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

           

            /* Responsive */
            @media (max-width: 768px) {
                .header-content {
                    flex-direction: column;
                    text-align: center;
                }

                .header-left {
                    max-width: 100%;
                    margin-bottom: 20px;
                }

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

                .main-content {
                    width: 100%;
                }

                .sidebar {
                    width: 100%;
                }

                .newsletter-title {
                    font-size: 28px;
                }

                .hero-title {
                    font-size: 24px;
                }
            }

            /* NEW IMPROVED HEADER STYLES */
            /* Reset and base styles */
            *,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            /* Header container */
            .gavi-newsletter-header {
                width: 100%;
                overflow: hidden;
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            /* Banner container with relative positioning */
            .banner-container {
                position: relative;
                width: 100%;
                min-height: clamp(200px, 25vw, 280px);
                overflow: hidden;
            }

            /* Background gradient */
            .banner-bg-gradient {
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, #266aa6 0%, #3d8ac8 100%);
                z-index: -2;
            }

            /* Decorative circles */
            .banner-circle {
                position: absolute;
                border-radius: 50%;
                z-index: -1;
                opacity: 0.15;
            }

            .circle-1 {
                top: -5%;
                right: 15%;
                width: clamp(150px, 30vw, 300px);
                height: clamp(150px, 30vw, 300px);
                background-color: rgba(255, 255, 255, 0.3);
            }

            .circle-2 {
                bottom: -10%;
                left: 10%;
                width: clamp(100px, 25vw, 250px);
                height: clamp(100px, 25vw, 250px);
                background-color: rgba(151, 191, 4, 0.3);
            }

            .circle-3 {
                top: 40%;
                right: 30%;
                width: clamp(80px, 15vw, 150px);
                height: clamp(80px, 15vw, 150px);
                background-color: rgba(242, 188, 87, 0.3);
            }

            /* Content wrapper */
            .banner-content-wrapper {
                position: relative;
                width: 100%;
                max-width: 1200px;
                height: 100%;
                margin: 0 auto;
                padding: clamp(1.5rem, 3vw, 2.5rem);
                z-index: 1;
                display: flex;
                align-items: center;
            }

            /* Text section */
            .banner-text-section {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                color: white;
                width: 100%;
            }

            /* Logo container */
            .logo-container {
                margin-bottom: clamp(1.5rem, 3vw, 2rem);
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: rgba(255, 255, 255, 0.1);
                border-radius: 8px;
                padding: 10px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            }

            .logo-image {
                max-width: clamp(180px, 40vw, 250px);
                filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
                width: clamp(180px, 40vw, 300px);
                height: auto;
                object-fit: contain;
                border-radius: 4px;
            }

            /* Title container */
            .title-container {
                max-width: 100%;
            }

            .title-wrapper {
                margin-bottom: clamp(1rem, 2vw, 1.5rem);
            }

            .banner-title {
                font-size: clamp(1.8rem, 4vw, 2.8rem);
                font-weight: 700;
                margin-bottom: clamp(0.5rem, 1vw, 1rem);
                line-height: 1.2;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            }

            .highlight {
                color: #f2bc57;
            }

            .banner-subtitle {
                font-size: clamp(1rem, 2vw, 1.3rem);
                opacity: 0.9;
                max-width: 600px;
                margin-left: auto;
                margin-right: auto;
                font-weight: 300;
            }

            .issue-badge {
                display: inline-block;
                background-color: rgba(255, 255, 255, 0.2);
                padding: clamp(0.4rem, 1vw, 0.6rem) clamp(1rem, 2vw, 1.5rem);
                border-radius: 9999px;
                font-size: clamp(0.8rem, 1.5vw, 1rem);
                font-weight: 500;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            /* Responsive layouts */
            @media (min-width: 768px) {
                .banner-text-section {
                    flex-direction: row;
                    text-align: left;
                    justify-content: flex-start;
                    gap: clamp(2rem, 5vw, 3rem);
                }

                .logo-container {
                    margin-bottom: 0;
                    flex-shrink: 0;
                }

                .title-container {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                }

                .banner-subtitle {
                    margin-left: 0;
                    margin-right: 0;
                }
            }

            @media (min-width: 1024px) {
                .banner-container {
                    min-height: clamp(220px, 20vw, 260px);
                }

                .logo-image {
                    max-width: clamp(160px, 15vw, 220px);
                }
            }

            /* Print styles */
            @media print {
                .banner-container {
                    min-height: 180px;
                    background-color: #266aa6 !important;
                    color: white !important;
                    -webkit-print-color-adjust: exact;
                    print-color-adjust: exact;
                }

                .banner-circle {
                    display: none;
                }

                .banner-text-section {
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                }
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8eca5cb */body {
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                margin: 0;
                padding: 0;
                color: #54595f;
                line-height: 1.6;
                background-color: #f5f7fa;
            }

            .container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 20px;
            }

            /* Newsletter Header - Enhanced with gradient */
            .newsletter-header {
                background: linear-gradient(135deg, #266aa6 0%, #1a4971 100%);
                color: white;
                padding: 30px 0;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            }

            .header-content {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .header-left {
                max-width: 60%;
            }

            .newsletter-title {
                font-size: 32px;
                font-weight: 700;
                margin-bottom: 5px;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
            }

            .newsletter-subtitle {
                font-size: 16px;
                opacity: 0.9;
            }

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

            .issue-info {
                font-size: 14px;
                background-color: rgba(255, 255, 255, 0.2);
                display: inline-block;
                padding: 5px 15px;
                border-radius: 20px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            /* Main Layout */
            .main-layout {
                display: flex;
                flex-wrap: wrap;
                gap: 30px;
                padding: 40px 0;
            }

            .main-content {
                flex: 1;
                min-width: 300px;
            }

            .sidebar {
                width: 300px;
            }

            /* Hero Article - Enhanced with border and shadow */
            .hero-article {
                background-color: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
                margin-bottom: 30px;
                border-left: 4px solid #97bf04;
            }

            .hero-image {
                height: 300px;
                background-size: cover;
                background-position: center;
                transition: transform 0.3s ease;
            }

            .hero-article:hover .hero-image {
                transform: scale(1.02);
            }

            .hero-content {
                padding: 30px;
            }

            .article-tag {
                display: inline-block;
                background-color: #97bf04;
                color: white;
                padding: 5px 10px;
                border-radius: 4px;
                font-size: 12px;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 15px;
                box-shadow: 0 2px 4px rgba(151, 191, 4, 0.3);
            }

            .hero-title {
                font-size: 28px;
                font-weight: 700;
                color: #1a4971;
                margin-bottom: 15px;
            }

            .hero-excerpt {
                margin-bottom: 20px;
            }

            .read-more {
                display: inline-block;
                padding: 10px 20px;
                background-color: #266aa6;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                font-weight: 600;
                transition: all 0.2s;
            }

            .read-more:hover {
                background-color: #1d5585;
                transform: translateY(-2px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            /* Section Styles */
            .section {
                margin-bottom: 40px;
            }

            .section-title {
                font-size: 22px;
                font-weight: 700;
                color: #1a4971;
                margin-bottom: 20px;
                padding-bottom: 10px;
                border-bottom: 2px solid #e5e7eb;
            }

            /* Article Card - Enhanced with hover effects */
            .article-card {
                background-color: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                margin-bottom: 30px;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .article-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            }

            .article-image {
                height: 200px;
                background-size: cover;
                background-position: center;
                transition: transform 0.3s ease;
            }

            .article-card:hover .article-image {
                transform: scale(1.05);
            }

            .article-content {
                padding: 20px;
            }

            .article-title {
                font-size: 18px;
                font-weight: 600;
                color: #266aa6;
                margin-bottom: 10px;
            }

            .article-excerpt {
                font-size: 14px;
                margin-bottom: 15px;
            }

            .article-link {
                font-size: 14px;
                color: #266aa6;
                text-decoration: none;
                font-weight: 600;
                transition: color 0.2s;
            }

            .article-link:hover {
                color: #97bf04;
                text-decoration: underline;
            }

            /* Article Grid */
            .article-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                gap: 20px;
            }

            /* Featured Organizations - Enhanced design */
            .org-card {
                background-color: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
                margin-bottom: 20px;
                display: flex;
                transition: transform 0.2s ease;
                border-left: 3px solid #266aa6;
            }

            .org-card:hover {
                transform: translateY(-3px);
            }

            .org-logo {
                width: 100px;
                background-color: #f5f7fa;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 10px;
            }

            .org-logo img {
                max-width: 80%;
                max-height: 80%;
                transition: transform 0.3s ease;
            }

            .org-card:hover .org-logo img {
                transform: scale(1.1);
            }

            .org-content {
                padding: 15px;
                flex-grow: 1;
            }

            .org-title {
                font-size: 16px;
                font-weight: 600;
                color: #1a4971;
                margin-bottom: 5px;
            }

            .org-description {
                font-size: 14px;
            }

            /* Color variations for article tags */
            .article-card:nth-child(odd) .article-tag {
                background-color: #ff6b6b;
            }

            .article-card:nth-child(even) .article-tag {
                background-color: #6ec1e4;
            }

            /* Sidebar Styles - Enhanced */
            .sidebar-box {
                background-color: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                margin-bottom: 30px;
                transition: transform 0.2s;
            }

            .sidebar-box:hover {
                transform: translateY(-3px);
            }

            .sidebar-header {
                background: linear-gradient(90deg, #266aa6 0%, #1a4971 100%);
                color: white;
                padding: 15px;
                font-weight: 600;
            }

            .sidebar-content {
                padding: 20px;
            }

            /* Events List */
            .event-item {
                margin-bottom: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid #e5e7eb;
            }

            .event-item:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none;
            }

            .event-date {
                font-size: 12px;
                color: #97bf04;
                font-weight: 600;
            }

            .event-title {
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 5px;
            }

            .event-description {
                font-size: 12px;
            }

            /* Quick Links - Enhanced hover effect */
            .quick-links {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .quick-links li {
                margin-bottom: 10px;
            }

            .quick-links a {
                display: flex;
                align-items: center;
                gap: 10px;
                color: #266aa6;
                text-decoration: none;
                font-size: 14px;
                padding: 8px 10px;
                border-radius: 4px;
                transition: all 0.2s;
            }

            .quick-links a:hover {
                background-color: #f5f7fa;
                transform: translateX(5px);
            }

            .quick-links .icon {
                width: 16px;
                height: 16px;
                color: #97bf04;
            }

            /* Call to Action - Enhanced gradient */
            .cta-box {
                background: linear-gradient(135deg, #266aa6 0%, #1a4971 100%);
                color: white;
                padding: 25px;
                border-radius: 8px;
                text-align: center;
                margin-bottom: 30px;
                box-shadow: 0 6px 16px rgba(38, 106, 166, 0.3);
            }

            .cta-title {
                color: white;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 15px;
            }

            .cta-description {
                font-size: 14px;
                margin-bottom: 20px;
            }

            .cta-button {
                display: inline-block;
                padding: 10px 20px;
                background-color: #97bf04;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                font-weight: 600;
                transition: all 0.2s;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            }

            .cta-button:hover {
                background-color: #86aa04;
                transform: translateY(-2px);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
            }

            /* Featured Product - Enhanced */
            .product-box {
                background-color: white;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
                margin-bottom: 30px;
                transition: transform 0.3s ease;
            }

            .product-box:hover {
                transform: translateY(-5px);
            }

            .product-image {
                height: 200px;
                background-size: cover;
                background-position: center;
                transition: transform 0.5s ease;
                position: relative;
                overflow: hidden;
            }

            .product-box:hover .product-image {
                transform: scale(1.05);
            }

            .product-image::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 50%;
                background: linear-gradient(
                    to top,
                    rgba(0, 0, 0, 0.5),
                    transparent
                );
            }

            .product-content {
                padding: 20px;
            }

            .product-title {
                font-size: 18px;
                font-weight: 700;
                color: #1a4971;
                margin-bottom: 10px;
            }

            .product-description {
                font-size: 14px;
                margin-bottom: 15px;
            }


            /* Responsive */
            @media (max-width: 768px) {
                .header-content {
                    flex-direction: column;
                    text-align: center;
                }

                .header-left {
                    max-width: 100%;
                    margin-bottom: 20px;
                }

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

                .main-content {
                    width: 100%;
                }

                .sidebar {
                    width: 100%;
                }

                .newsletter-title {
                    font-size: 28px;
                }

                .hero-title {
                    font-size: 24px;
                }
            }

            /* NEW IMPROVED HEADER STYLES */
            /* Reset and base styles */
            *,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            /* Header container */
            .gavi-newsletter-header {
                width: 100%;
                overflow: hidden;
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            /* Banner container with relative positioning */
            .banner-container {
                position: relative;
                width: 100%;
                min-height: clamp(200px, 25vw, 280px);
                overflow: hidden;
            }

            /* Background gradient */
            .banner-bg-gradient {
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, #266aa6 0%, #3d8ac8 100%);
                z-index: -2;
            }

            /* Decorative circles */
            .banner-circle {
                position: absolute;
                border-radius: 50%;
                z-index: -1;
                opacity: 0.15;
            }

            .circle-1 {
                top: -5%;
                right: 15%;
                width: clamp(150px, 30vw, 300px);
                height: clamp(150px, 30vw, 300px);
                background-color: rgba(255, 255, 255, 0.3);
            }

            .circle-2 {
                bottom: -10%;
                left: 10%;
                width: clamp(100px, 25vw, 250px);
                height: clamp(100px, 25vw, 250px);
                background-color: rgba(151, 191, 4, 0.3);
            }

            .circle-3 {
                top: 40%;
                right: 30%;
                width: clamp(80px, 15vw, 150px);
                height: clamp(80px, 15vw, 150px);
                background-color: rgba(242, 188, 87, 0.3);
            }

            /* Content wrapper */
            .banner-content-wrapper {
                position: relative;
                width: 100%;
                max-width: 1200px;
                height: 100%;
                margin: 0 auto;
                padding: clamp(1.5rem, 3vw, 2.5rem);
                z-index: 1;
                display: flex;
                align-items: center;
            }

            /* Text section */
            .banner-text-section {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                color: white;
                width: 100%;
            }

            /* Logo container */
            .logo-container {
                margin-bottom: clamp(1.5rem, 3vw, 2rem);
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: rgba(255, 255, 255, 0.1);
                border-radius: 8px;
                padding: 10px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            }

            .logo-image {
                max-width: clamp(180px, 40vw, 250px);
                filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
                width: clamp(180px, 40vw, 300px);
                height: auto;
                object-fit: contain;
                border-radius: 4px;
            }

            /* Title container */
            .title-container {
                max-width: 100%;
            }

            .title-wrapper {
                margin-bottom: clamp(1rem, 2vw, 1.5rem);
            }

            .banner-title {
                font-size: clamp(1.8rem, 4vw, 2.8rem);
                font-weight: 700;
                margin-bottom: clamp(0.5rem, 1vw, 1rem);
                line-height: 1.2;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            }

            .highlight {
                color: #f2bc57;
            }

            .banner-subtitle {
                font-size: clamp(1rem, 2vw, 1.3rem);
                opacity: 0.9;
                max-width: 600px;
                margin-left: auto;
                margin-right: auto;
                font-weight: 300;
            }

            .issue-badge {
                display: inline-block;
                background-color: rgba(255, 255, 255, 0.2);
                padding: clamp(0.4rem, 1vw, 0.6rem) clamp(1rem, 2vw, 1.5rem);
                border-radius: 9999px;
                font-size: clamp(0.8rem, 1.5vw, 1rem);
                font-weight: 500;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            }

            /* Responsive layouts */
            @media (min-width: 768px) {
                .banner-text-section {
                    flex-direction: row;
                    text-align: left;
                    justify-content: flex-start;
                    gap: clamp(2rem, 5vw, 3rem);
                }

                .logo-container {
                    margin-bottom: 0;
                    flex-shrink: 0;
                }

                .title-container {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                }

                .banner-subtitle {
                    margin-left: 0;
                    margin-right: 0;
                }
            }

            @media (min-width: 1024px) {
                .banner-container {
                    min-height: clamp(220px, 20vw, 260px);
                }

                .logo-image {
                    max-width: clamp(160px, 15vw, 220px);
                }
            }

            /* Print styles */
            @media print {
                .banner-container {
                    min-height: 180px;
                    background-color: #266aa6 !important;
                    color: white !important;
                    -webkit-print-color-adjust: exact;
                    print-color-adjust: exact;
                }

                .banner-circle {
                    display: none;
                }

                .banner-text-section {
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                }
            }/* End custom CSS */
/* Start custom CSS *//* --- Key Moments Section --- */
.key-moments-section {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Slightly enhanced shadow */
    margin-bottom: 40px; /* Increased margin */
    /* Removed transition/hover effect as it might be less suitable for a main section */
}

.key-moments-header {
    background: linear-gradient(90deg, #266aa6 0%, #1a4971 100%);
    color: white;
    padding: 20px 30px; /* Increased padding */
    font-size: 1.4em; /* Larger font size */
    font-weight: 600;
}

.key-moments-content {
    padding: 30px; /* Kept padding, adjust if needed */
}

/* --- Moment Item Styling --- */
.moment-item {
    margin-bottom: 25px; /* Increased spacing */
    padding-bottom: 25px; /* Increased spacing */
    border-bottom: 1px solid #e5e7eb;
    /* --- Style for the colored left border (applied via inline style in HTML) --- */
    padding-left: 15px; /* Increased padding for border */
}

.moment-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.moment-date {
    font-size: 0.9em; /* Slightly larger date */
    color: #97bf04; /* Keep color or adjust as needed */
    font-weight: 600;
    margin-bottom: 5px;
}

.moment-title {
    font-size: 1.25em; /* Significantly larger title */
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 10px; /* Increased spacing */
    color: #1a4971; /* Keep color or adjust as needed */
}

.moment-description {
    font-size: 1em; /* Larger description text */
    line-height: 1.6; /* Improved readability */
    color: #333; /* Standard text color */
}

.moment-details {
    font-size: 0.9em; /* Slightly larger details */
    margin-top: 12px; /* Increased spacing */
    line-height: 1.7;
    color: #555;
}

.moment-details strong {
    color: #333;
}

.moment-cta-button {
    font-size: 0.95em; /* Slightly larger button text */
    padding: 8px 18px; /* Increased padding */
    margin-top: 15px; /* Increased spacing */
    display: inline-block;
    background-color: #97bf04; /* Example button color */
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.moment-cta-button:hover {
    background-color: #7f9d03; /* Darker hover state */
    color: white;
}

.moment-image-container {
    margin: 12px 0; /* Increased spacing around image */
}

.moment-image-caption {
    font-size: 0.8em; /* Slightly larger caption */
    color: #666;
    margin-top: 5px; /* Increased spacing */
}/* End custom CSS */