.elementor-31768 .elementor-element.elementor-element-e438480{--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;--align-items:center;--flex-wrap:wrap;--align-content:center;--overlay-opacity:0.57;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-31768 .elementor-element.elementor-element-e438480:not(.elementor-motion-effects-element-type-background), .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-31768 .elementor-element.elementor-element-e438480::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-background-video-container::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .e-con-inner > .elementor-background-video-container::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-background-slideshow::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://muslimfoodbank.com/wp-content/uploads/2025/06/Isolation_Mode.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31768 .elementor-element.elementor-element-8e33c6e{width:var( --container-widget-width, 110.249% );max-width:110.249%;--container-widget-width:110.249%;--container-widget-flex-grow:0;text-align:center;}.elementor-31768 .elementor-element.elementor-element-8e33c6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;line-height:1.4em;color:#1B5D4B;}.elementor-31768 .elementor-element.elementor-element-8778c7d{--divider-border-style:solid;--divider-color:#FFC400;--divider-border-width:4px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31768 .elementor-element.elementor-element-8778c7d .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-31768 .elementor-element.elementor-element-8778c7d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-31768 .elementor-element.elementor-element-6ebcb38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-31768 .elementor-element.elementor-element-6ebcb38 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;line-height:36px;color:#000000AD;}.elementor-31768 .elementor-element.elementor-element-725d19c{--display:flex;border-style:solid;--border-style:solid;border-width:5px 5px 5px 5px;--border-top-width:5px;--border-right-width:5px;--border-bottom-width:5px;--border-left-width:5px;border-color:#1B5D4B;--border-color:#1B5D4B;--border-radius:12px 12px 12px 12px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-31768 .elementor-element.elementor-element-35d93f8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31768 .elementor-element.elementor-element-a6a342b img{width:60%;}.elementor-31768 .elementor-element.elementor-element-32922b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31768 .elementor-element.elementor-element-b36ca96{width:100%;max-width:100%;text-align:center;}.elementor-31768 .elementor-element.elementor-element-b36ca96 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;line-height:1.4em;color:#000000D1;}.elementor-31768 .elementor-element.elementor-element-407a33b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-31768 .elementor-element.elementor-element-407a33b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;line-height:23px;color:#000000AD;}.elementor-31768 .elementor-element.elementor-element-029dab4{width:100%;max-width:100%;}@media(max-width:1366px){.elementor-31768 .elementor-element.elementor-element-e438480{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-31768 .elementor-element.elementor-element-35d93f8{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-31768 .elementor-element.elementor-element-e438480{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-31768 .elementor-element.elementor-element-35d93f8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-31768 .elementor-element.elementor-element-e438480{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-31768 .elementor-element.elementor-element-8e33c6e{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-31768 .elementor-element.elementor-element-8e33c6e .elementor-heading-title{line-height:1.3em;}.elementor-31768 .elementor-element.elementor-element-6ebcb38 .elementor-heading-title{font-size:20px;}.elementor-31768 .elementor-element.elementor-element-35d93f8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-31768 .elementor-element.elementor-element-b36ca96{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-31768 .elementor-element.elementor-element-b36ca96 .elementor-heading-title{line-height:1.3em;}.elementor-31768 .elementor-element.elementor-element-407a33b .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-31768 .elementor-element.elementor-element-e438480{--content-width:900px;}}@media(min-width:1367px){.elementor-31768 .elementor-element.elementor-element-e438480::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-background-video-container::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .e-con-inner > .elementor-background-video-container::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-background-slideshow::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31768 .elementor-element.elementor-element-e438480 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-029dab4 *//* ===== Base fields ===== */
input,
textarea,
select {
    height: 50px;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    width: 100%;
    box-sizing: border-box;
    border-color: #00000017;
    font-family: 'Poppins';
}

input,
textarea {
    align-content: center;
}

label {
    margin-bottom: 10px !important;
    font-family: 'Poppins';
}

/* ===== Submit button ===== */
input[type="submit"] {
    width: 100% !important;
    font-size: 15px !important;
    font-weight: 600;
    background-color: #144A3B !important;
    color: white !important;
}

/* ===== Red asterisk on required fields ===== */
label:has(+ input[required])::after,
label:has(+ textarea[required])::after,
label:has(+ select[required])::after {
    content: " *";
    color: red;
}

/* ===== Form layout (volunteer + referral) ===== */
.vol-form {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 16px;
}

.vol-form .field {
    display: flex;
    flex-direction: column;
    grid-column: span 3;   /* half width */
}

.vol-form .field.third { grid-column: span 2; }  /* one-third width */

.vol-form .field.full,
.vol-form .submit-row,
.vol-form .form-section { grid-column: 1 / -1; }  /* full width */

.vol-form .form-section {
    font-family: 'Poppins';
    color: #144A3B;
    margin: 10px 0 15px;
}

/* Layout responds to the form's own width */
form:has(.vol-form) {
    container-type: inline-size;
}

/* Narrow form (laptops): thirds become halves */
@container (max-width: 750px) {
    .vol-form .field.third { grid-column: span 3; }
    /* Volunteer form: Country goes full width after the 3-up address row */
    .vol-form .field.third ~ .field:has(#country) { grid-column: 1 / -1; }
}

/* Very narrow form (phones): one column */
@container (max-width: 450px) {
    .vol-form .field,
    .vol-form .field.third { grid-column: 1 / -1; }
}/* End custom CSS */