﻿.elementor-199 .elementor-element.elementor-element-a66689e{--display:flex;}.elementor-199 .elementor-element.elementor-element-a66689e:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-a66689e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#008165;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-199 .elementor-element.elementor-element-08bf732{padding:0px 15px 0px 15px;text-align:center;color:#FFFFFF;}.elementor-199 .elementor-element.elementor-element-08bf732.elementor-element{--align-self:center;}.elementor-199 .elementor-element.elementor-element-d4abbb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-199 .elementor-element.elementor-element-ba7e8cd{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-199 .elementor-element.elementor-element-6525541e{--display:flex;--min-height:644px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--z-index:5;}.elementor-199 .elementor-element.elementor-element-6525541e:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-6525541e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#008165;}.elementor-199 .elementor-element.elementor-element-5bf16b89{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:1%;--padding-bottom:0%;--padding-left:62%;--padding-right:4%;}.elementor-199 .elementor-element.elementor-element-6d315831{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-1a38cbfb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -55px;}.elementor-199 .elementor-element.elementor-element-1a38cbfb .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:70px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-72cbb81c{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-3658660a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -55px;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-199 .elementor-element.elementor-element-2b68666 .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-18d8cc6{--display:flex;}.elementor-199 .elementor-element.elementor-element-21cfc34d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;bottom:0px;z-index:5;}body:not(.rtl) .elementor-199 .elementor-element.elementor-element-21cfc34d{left:1px;}body.rtl .elementor-199 .elementor-element.elementor-element-21cfc34d{right:1px;}.elementor-199 .elementor-element.elementor-element-21cfc34d img{width:100%;height:644px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-d3900ca > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-199 .elementor-element.elementor-element-d3900ca:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-d3900ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-199 .elementor-element.elementor-element-d3900ca{box-shadow:0px 25px 65px 0px #edeff2;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:20px 0px 20px 0px;z-index:1;}.elementor-199 .elementor-element.elementor-element-d3900ca > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-199 .elementor-element.elementor-element-4daec2fc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-199 .elementor-element.elementor-element-31414384{width:auto;max-width:auto;padding:0px 15px 0px 0px;text-align:start;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-199 .elementor-element.elementor-element-4d001550{width:auto;max-width:auto;}.elementor-199 .elementor-element.elementor-element-4d001550 .elementor-counter-number-wrapper{color:#23283f;font-family:"Rubik", Sans-serif;font-size:44px;font-weight:500;line-height:1.2em;}.elementor-199 .elementor-element.elementor-element-4d001550 .elementor-counter-title{color:66bd4a;font-family:"Kanit", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:1.5em;letter-spacing:0.5px;}.elementor-199 .elementor-element.elementor-element-367b74b5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-199 .elementor-element.elementor-element-5719e4de{width:auto;max-width:auto;padding:0px 15px 0px 0px;text-align:start;}.elementor-199 .elementor-element.elementor-element-1fb7916b{width:auto;max-width:auto;}.elementor-199 .elementor-element.elementor-element-1fb7916b .elementor-counter-number-wrapper{color:#23283f;font-family:"Rubik", Sans-serif;font-size:44px;font-weight:500;line-height:1.2em;}.elementor-199 .elementor-element.elementor-element-1fb7916b .elementor-counter-title{color:var( --e-global-color-text );font-family:"Kanit", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:1.5em;letter-spacing:0.5px;}.elementor-199 .elementor-element.elementor-element-4fba6336.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-199 .elementor-element.elementor-element-18149d33{width:auto;max-width:auto;padding:0px 15px 0px 0px;text-align:end;}.elementor-199 .elementor-element.elementor-element-6182034a{width:var( --container-widget-width, 74.345% );max-width:74.345%;--container-widget-width:74.345%;--container-widget-flex-grow:0;}.elementor-199 .elementor-element.elementor-element-6182034a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-199 .elementor-element.elementor-element-6182034a .elementor-counter-number-wrapper{color:#23283f;font-family:"Rubik", Sans-serif;font-size:44px;font-weight:500;line-height:1.2em;}.elementor-199 .elementor-element.elementor-element-6182034a .elementor-counter-title{color:var( --e-global-color-secondary );font-family:"Kanit", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:1.5em;letter-spacing:0.5px;}.elementor-199 .elementor-element.elementor-element-549f9a4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-199 .elementor-element.elementor-element-5842e77b{width:auto;max-width:auto;padding:0px 15px 0px 0px;text-align:start;}.elementor-199 .elementor-element.elementor-element-b875ff2{width:auto;max-width:auto;}.elementor-199 .elementor-element.elementor-element-b875ff2 .elementor-counter-number-wrapper{color:#23283f;font-family:"Rubik", Sans-serif;font-size:44px;font-weight:500;line-height:1.2em;}.elementor-199 .elementor-element.elementor-element-b875ff2 .elementor-counter-title{color:66bd4a;font-family:"Rubik", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:1.5em;letter-spacing:0.5px;}.elementor-199 .elementor-element.elementor-element-acca110{--display:flex;}.elementor-199 .elementor-element.elementor-element-22db0af{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-3be4376{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 1%) 0%;text-align:center;}.elementor-199 .elementor-element.elementor-element-3be4376 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:120%;color:var( --e-global-color-secondary );}.elementor-199 .elementor-element.elementor-element-2391ce0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;text-align:center;}.elementor-199 .elementor-element.elementor-element-2391ce0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:140%;letter-spacing:0px;color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-3510d1d{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-28afa68{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;text-align:center;}.elementor-199 .elementor-element.elementor-element-78af872 .elementor-button{background-color:var( --e-global-color-889c05d );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-b99132e{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-1521ab4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-0049f30 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-0049f30.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-0049f30.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-0049f30.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-0049f30.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-0049f30.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-bd61b85{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-199 .elementor-element.elementor-element-bd61b85 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-199 .elementor-element.elementor-element-cb3c19f{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:center;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-3dc5d06{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-f3c8fef{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-199 .elementor-element.elementor-element-455ac53{--display:flex;}.elementor-199 .elementor-element.elementor-element-455ac53:hover::before, .elementor-199 .elementor-element.elementor-element-455ac53:hover > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-455ac53:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-455ac53 > .elementor-background-slideshow:hover::before, .elementor-199 .elementor-element.elementor-element-455ac53 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:var( --e-global-color-b17eaf1 );--background-overlay:'';}.elementor-199 .elementor-element.elementor-element-455ac53:hover{--overlay-opacity:0.11;}.elementor-199 .elementor-element.elementor-element-2201f75{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 37px;padding:0px 20px 0px 0px;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-644b8af{--display:flex;}.elementor-199 .elementor-element.elementor-element-644b8af:hover::before, .elementor-199 .elementor-element.elementor-element-644b8af:hover > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-644b8af:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-199 .elementor-element.elementor-element-644b8af > .elementor-background-slideshow:hover::before, .elementor-199 .elementor-element.elementor-element-644b8af > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#E60A0A;--background-overlay:'';}.elementor-199 .elementor-element.elementor-element-644b8af:hover{--overlay-opacity:0.22;}.elementor-199 .elementor-element.elementor-element-b747032{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 37px;padding:0px 20px 0px 0px;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-eb52f52{--display:flex;}.elementor-199 .elementor-element.elementor-element-d0ae673{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-54e245f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-b640d1b .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-b640d1b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-b640d1b.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-b640d1b.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-b640d1b.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-b640d1b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-35d9352{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;text-align:center;}.elementor-199 .elementor-element.elementor-element-35d9352 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-199 .elementor-element.elementor-element-580d839{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-d810ade{--display:flex;}.elementor-199 .elementor-element.elementor-element-bdd68c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-199 .elementor-element.elementor-element-de13a06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-ff40667 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-ff40667.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-ff40667.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-ff40667.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-ff40667.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-ff40667.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-216c103{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;color:#181818;}.elementor-199 .elementor-element.elementor-element-17d8817{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-3d544b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-55557e8 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-55557e8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-55557e8.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-55557e8.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-55557e8.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-55557e8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-6eceb3b{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-199 .elementor-element.elementor-element-4125860 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-4125860.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-4125860.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-4125860.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-4125860.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-4125860.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-4125860 .elementor-icon{font-size:29px;}.elementor-199 .elementor-element.elementor-element-4125860 .elementor-icon svg{height:29px;}.elementor-199 .elementor-element.elementor-element-c725852 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-c725852.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-c725852.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-c725852.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-c725852.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-c725852.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-c725852 .elementor-icon{font-size:29px;}.elementor-199 .elementor-element.elementor-element-c725852 .elementor-icon svg{height:29px;}.elementor-199 .elementor-element.elementor-element-a4f12e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-e3f7be1{width:var( --container-widget-width, 110.654% );max-width:110.654%;--container-widget-width:110.654%;--container-widget-flex-grow:0;}.elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-199 .elementor-element.elementor-element-e3f7be1 .elementor-icon-wrapper{text-align:center;}.elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-view-default .elementor-icon{color:var( --e-global-color-b17eaf1 );border-color:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-view-framed .elementor-icon, .elementor-199 .elementor-element.elementor-element-e3f7be1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b17eaf1 );}.elementor-199 .elementor-element.elementor-element-07ca5da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-199 .elementor-element.elementor-element-d90fc16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-c04f451{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-199 .elementor-element.elementor-element-95876ee{text-align:center;}.elementor-199 .elementor-element.elementor-element-95876ee .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button{background-color:var( --e-global-color-b17eaf1 );font-family:"Kanit", Sans-serif;font-size:44px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button:hover, .elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button:focus{background-color:var( --e-global-color-889c05d );color:var( --e-global-color-primary );border-color:var( --e-global-color-889c05d );}.elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button:hover svg, .elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-199 .elementor-element.elementor-element-afc3b02{--display:flex;}.elementor-199 .elementor-element.elementor-element-fae30d0{--spacer-size:50px;}.elementor-199 .elementor-element.elementor-element-862b39d img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-199 .elementor-element.elementor-element-862b39d:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-199 .elementor-element.elementor-element-24ee0f8{--spacer-size:50px;}@media(min-width:768px){.elementor-199 .elementor-element.elementor-element-de13a06{--width:50%;}.elementor-199 .elementor-element.elementor-element-3d544b8{--width:50%;}.elementor-199 .elementor-element.elementor-element-a4f12e6{--width:100%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-199 .elementor-element.elementor-element-6525541e{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:30;}.elementor-199 .elementor-element.elementor-element-5bf16b89{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-199 .elementor-element.elementor-element-1a38cbfb .elementor-heading-title{font-size:54px;letter-spacing:-2px;}.elementor-199 .elementor-element.elementor-element-3658660a{font-size:15px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-199 .elementor-element.elementor-element-21cfc34d{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;z-index:35;}.elementor-199 .elementor-element.elementor-element-21cfc34d img{height:390px;}.elementor-199 .elementor-element.elementor-element-31414384{padding:0px 0px 0px 0px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-199 .elementor-element.elementor-element-4d001550 .elementor-counter-number-wrapper{font-size:32px;}.elementor-199 .elementor-element.elementor-element-4d001550 .elementor-counter-title{font-size:12px;}.elementor-199 .elementor-element.elementor-element-5719e4de{padding:0px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-1fb7916b .elementor-counter-number-wrapper{font-size:32px;}.elementor-199 .elementor-element.elementor-element-1fb7916b .elementor-counter-title{font-size:12px;}.elementor-199 .elementor-element.elementor-element-18149d33{padding:0px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-6182034a .elementor-counter-number-wrapper{font-size:32px;}.elementor-199 .elementor-element.elementor-element-6182034a .elementor-counter-title{font-size:12px;}.elementor-199 .elementor-element.elementor-element-5842e77b{padding:0px 0px 0px 0px;}.elementor-199 .elementor-element.elementor-element-b875ff2 .elementor-counter-number-wrapper{font-size:32px;}.elementor-199 .elementor-element.elementor-element-b875ff2 .elementor-counter-title{font-size:12px;}.elementor-199 .elementor-element.elementor-element-3be4376 .elementor-heading-title{font-size:40px;}.elementor-199 .elementor-element.elementor-element-2391ce0{padding:0% 16% 0% 16%;}.elementor-199 .elementor-element.elementor-element-2391ce0 .elementor-heading-title{font-size:18px;}.elementor-199 .elementor-element.elementor-element-bd61b85 .elementor-heading-title{font-size:54px;letter-spacing:-2px;}.elementor-199 .elementor-element.elementor-element-cb3c19f{font-size:15px;}.elementor-199 .elementor-element.elementor-element-f3c8fef{--grid-auto-flow:row;}.elementor-199 .elementor-element.elementor-element-2201f75{font-size:15px;}.elementor-199 .elementor-element.elementor-element-b747032{font-size:15px;}.elementor-199 .elementor-element.elementor-element-35d9352 .elementor-heading-title{font-size:54px;letter-spacing:-2px;}.elementor-199 .elementor-element.elementor-element-580d839{font-size:15px;}.elementor-199 .elementor-element.elementor-element-216c103{font-size:15px;}.elementor-199 .elementor-element.elementor-element-17d8817{font-size:15px;}.elementor-199 .elementor-element.elementor-element-6eceb3b{font-size:15px;}.elementor-199 .elementor-element.elementor-element-95876ee .elementor-heading-title{font-size:54px;letter-spacing:-2px;}.elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button{font-size:15px;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-199 .elementor-element.elementor-element-6525541e{--min-height:620px;}.elementor-199 .elementor-element.elementor-element-5bf16b89{--min-height:267px;--padding-top:8%;--padding-bottom:8%;--padding-left:6%;--padding-right:6%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-199 .elementor-element.elementor-element-1a38cbfb .elementor-heading-title{font-size:44px;}.elementor-199 .elementor-element.elementor-element-3658660a{font-size:14px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-199 .elementor-element.elementor-element-21cfc34d{width:100%;max-width:100%;text-align:start;}.elementor-199 .elementor-element.elementor-element-21cfc34d img{width:490px;height:350px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-199 .elementor-element.elementor-element-3be4376{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 8%) 0%;}.elementor-199 .elementor-element.elementor-element-3be4376 .elementor-heading-title{font-size:32px;line-height:120%;}.elementor-199 .elementor-element.elementor-element-2391ce0{padding:0% 0% 0% 0%;}.elementor-199 .elementor-element.elementor-element-2391ce0 .elementor-heading-title{font-size:16px;}.elementor-199 .elementor-element.elementor-element-bd61b85 .elementor-heading-title{font-size:44px;}.elementor-199 .elementor-element.elementor-element-cb3c19f{font-size:14px;}.elementor-199 .elementor-element.elementor-element-f3c8fef{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-199 .elementor-element.elementor-element-2201f75{font-size:14px;}.elementor-199 .elementor-element.elementor-element-b747032{font-size:14px;}.elementor-199 .elementor-element.elementor-element-35d9352 .elementor-heading-title{font-size:44px;}.elementor-199 .elementor-element.elementor-element-580d839{font-size:14px;}.elementor-199 .elementor-element.elementor-element-216c103{font-size:14px;}.elementor-199 .elementor-element.elementor-element-17d8817{font-size:14px;}.elementor-199 .elementor-element.elementor-element-6eceb3b{font-size:14px;}.elementor-199 .elementor-element.elementor-element-95876ee .elementor-heading-title{font-size:44px;}.elementor-199 .elementor-element.elementor-element-45a3960 .elementor-button{font-size:14px;}}<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags
<style>
    
    .gc-main-container {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        padding: 40px 0;
        font-family: inherit;
        max-width: 1200px; 
        margin: 0 auto; 
    }

    
    .gc-intro-block {
        margin-bottom: 40px;
        
        text-align: left; 
        padding: 0; 
    }
    .gc-intro-title {
        color: #323232;
        font-size: 31px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .gc-intro-text {
        font-size: 1.1em;
        line-height: 1.6;
        color: #555;
    }
    .gc-quick-rules {
        display: flex;
        
        justify-content: flex-start; 
        gap: 30px;
        margin-top: 20px;
        font-size: 0.95em;
    }

    
    .gc-flex-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start;
    }
    .gc-column {
        flex: 1;
        min-width: 320px;
    }
    .gc-heading-sync {
        color: #323232 !important;
        font-size: 31px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 25px !important;
        line-height: 1.2 !important;
        letter-spacing: 0.5px;
        text-align: left;
    }
    .gc-form-card {
        background: #ffffff;
        padding: 35px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        border: 1px solid #eee;
    }
    .gc-input-field {
        width: 100%;
        padding: 15px;
        border: 2px solid #ddd;
        border-radius: 6px;
        font-size: 1.1em;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .gc-input-field:focus {
        border-color: #008f68;
        outline: none;
    }
    .gc-action-btn {
        width: 100%;
        padding: 18px;
        background: #008f68;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s;
        text-transform: uppercase;
    }
    .gc-action-btn:hover { background: #006b4d; }
    .gc-list-check {
        list-style: none;
        padding: 0;
    }
    .gc-list-check li {
        margin-bottom: 15px;
        font-size: 1.05em;
        display: flex;
        align-items: flex-start;
    }
    .gc-list-check li::before {
        content: "✅";
        margin-right: 12px;
    }
    .gc-no-box {
        background: #fdf2f2;
        padding: 20px;
        border-radius: 8px;
        margin-top: 25px;
        border: 1px solid #f5c6cb;
    }
    .gc-error-alert {
        display: none;
        background: #fff5f5;
        border-left: 5px solid #d93025;
        padding: 15px;
        margin-top: 20px;
        border-radius: 4px;
    }
    .gc-size-legend {
        background: #f8fdfb;
        border: 1px solid #d1e7dd;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 25px;
    }
    @media (max-width: 768px) {
        .gc-flex-row { flex-direction: column; }
        .gc-heading-sync { text-align: center; }
        .gc-intro-block, .gc-quick-rules { text-align: center; justify-content: center; }
    }
</style>

<div class="gc-main-container">
    
    <div class="gc-intro-block">
        <h1 class="gc-intro-title">Preparation Guide: Ready to make an impact?</h1>
        <p class="gc-intro-text">
            Your <strong>contributions</strong> are the engine that drives our humanitarian missions. To ensure a smooth and eco-friendly process, please review our criteria below. <strong>A minimum of 5 bags or boxes is required for free home pickup.</strong>
        </p>
        <div class="gc-quick-rules">
            <span>✅ <strong>Accept:</strong> Clothes, Shoes, Small Toys, Linens.</span>
            <span>🚫 <strong>No:</strong> Furniture, Mattresses, Electronics.</span>
        </div>
    </div>

    <div class="gc-flex-row">
        
        <div class="gc-column">
            <h2 class="gc-heading-sync">What we accept: Your quick guide</h2>
            <p style="margin-bottom: 25px;">Your <strong>contributions</strong> directly fuel SAMU’s life-saving missions in the DMV and around the world.</p>
            
            <ul class="gc-list-check">
                <li><strong>Clothing & Accessories:</strong> Gently used shirts, pants, and coats for all ages.</li>
                <li><strong>Footwear:</strong> Clean pairs of shoes and sneakers in good condition.</li>
                <li><strong>Small Toys:</strong> Dolls, action figures, and board games that fit into a standard bag or box.</li>
                <li><strong>Household Linens:</strong> Clean sheets, towels, and blankets (please, no used pillows).</li>
            </ul>

            <div class="gc-no-box">
                <p style="margin-bottom: 10px; font-weight: 700; color: #d93025;">🚫 WE CANNOT ACCEPT:</p>
                <ul style="padding-left: 20px; font-size: 0.95em; color: #333;">
                    <li>Large Furniture (anything bigger than 4ft x 4ft).</li>
                    <li>Mattresses or used pillows.</li>
                    <li>Hazardous materials or electronics.</li>
                    <li>Damaged goods with heavy stains or tears.</li>
                </ul>
            </div>
        </div>

        <div class="gc-column">
            <div id="zipSection" class="gc-form-card">
                <h2 class="gc-heading-sync">Check Your Pickup Zone</h2>
                <p style="margin-bottom:20px; color: #555;">Verify if our free home pickup service is available in your area today.</p>
                
                <div class="gc-verify-wrapper">
                    <input id="userZip" type="text" class="gc-input-field" placeholder="e.g. 20001" maxlength="5">
                    <button type="button" class="gc-action-btn" onclick="runZipCheck()">Verify Eligibility</button>
                </div>

                <div id="zipError" class="gc-error-alert">
                    <p><strong>We don't service this ZIP code yet.</strong></p>
                    <p>Contact us via WhatsApp to arrange an alternative:</p>
                    <a href="https://wa.me/12029160476" target="_blank" style="color:#25d366; font-weight:bold; text-decoration:none;">+1 202-916-0476</a>
                </div>
            </div>

            <div id="formDisplay" style="display: none;">
                <div class="gc-size-legend">
                    <h4 style="margin:0 0 10px 0; color:#008f68;">Contribution Size Guide</h4>
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 0.9em;">
                        <div><strong>SMALL:</strong> 5-10 bags