.elementor-580 .elementor-element.elementor-element-6ad7597{--display:flex;--min-height:680px;--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;--overlay-opacity:0.7;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-580 .elementor-element.elementor-element-6ad7597:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-6ad7597 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-580 .elementor-element.elementor-element-6ad7597::before, .elementor-580 .elementor-element.elementor-element-6ad7597 > .elementor-background-video-container::before, .elementor-580 .elementor-element.elementor-element-6ad7597 > .e-con-inner > .elementor-background-video-container::before, .elementor-580 .elementor-element.elementor-element-6ad7597 > .elementor-background-slideshow::before, .elementor-580 .elementor-element.elementor-element-6ad7597 > .e-con-inner > .elementor-background-slideshow::before, .elementor-580 .elementor-element.elementor-element-6ad7597 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-580 .elementor-element.elementor-element-e86293d{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-580 .elementor-element.elementor-element-e86293d .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:34px;font-weight:400;color:#FFFFFF;}.elementor-580 .elementor-element.elementor-element-eb763cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-580 .elementor-element.elementor-element-710b385 .elementor-button{background-color:#70AB37;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;border-radius:5px 5px 5px 5px;padding:15px 40px 015px 40px;}.elementor-580 .elementor-element.elementor-element-710b385 .elementor-button:hover, .elementor-580 .elementor-element.elementor-element-710b385 .elementor-button:focus{background-color:#487B17;}.elementor-580 .elementor-element.elementor-element-de1eee3 .elementor-button{background-color:#70AB37;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;border-radius:5px 5px 5px 5px;padding:15px 40px 015px 40px;}.elementor-580 .elementor-element.elementor-element-de1eee3 .elementor-button:hover, .elementor-580 .elementor-element.elementor-element-de1eee3 .elementor-button:focus{background-color:#487B17;}.elementor-580 .elementor-element.elementor-element-fd090b2{--display:flex;--min-height:450px;--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;}.elementor-580 .elementor-element.elementor-element-359f8dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-580 .elementor-element.elementor-element-28509a7{--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;}.elementor-580 .elementor-element.elementor-element-751ff28 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:400;color:#1F6B77;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-580 .elementor-element.elementor-element-7c56776{color:var( --e-global-color-9e351e4 );}.elementor-580 .elementor-element.elementor-element-6373a2b{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-580 .elementor-element.elementor-element-deca14e{text-align:center;}.elementor-580 .elementor-element.elementor-element-deca14e .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:400;color:#1F6B77;}.elementor-580 .elementor-element.elementor-element-9f21e71{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-3507422{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-0803612{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-ba44a40{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-f08d81f{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-7f063ef{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-6224bc4{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-0d455a9{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-fbc40cc{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-3023869{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-f3602bd{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-fc01915{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-1ac0b43{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-ceff391{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-085f2f1{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-5715c53{--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 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-2b73568{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-f80f364{--display:flex;--min-height:500px;--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-580 .elementor-element.elementor-element-a985516{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-580 .elementor-element.elementor-element-d872082{text-align:center;}.elementor-580 .elementor-element.elementor-element-d872082 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:400;color:#1F6B77;}.elementor-580 .elementor-element.elementor-element-93a835d{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-b1ffa78{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-b1ffa78:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-b1ffa78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/v1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-46c9748{--display:flex;}.elementor-580 .elementor-element.elementor-element-c9f45e8{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-c9f45e8 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-41b516d{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-41b516d:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-41b516d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-711e5d9{--display:flex;}.elementor-580 .elementor-element.elementor-element-0a4f159{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-0a4f159 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-5af3703{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-4d8cd57{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-4d8cd57:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-4d8cd57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-d489abe{--display:flex;}.elementor-580 .elementor-element.elementor-element-2a9a134{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-2a9a134 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-dac5892{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-dac5892:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-dac5892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-1498912{--display:flex;}.elementor-580 .elementor-element.elementor-element-70490bb{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-70490bb p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-7a88408{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-ad7a9fa{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-ad7a9fa:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-ad7a9fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-580 .elementor-element.elementor-element-5c4aa8d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-9f463e1{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-9f463e1 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-452ff1f{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-452ff1f:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-452ff1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-6.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-2cda24c{--display:flex;}.elementor-580 .elementor-element.elementor-element-9adf764{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-9adf764 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-efd764f{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-ebc7969{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-ebc7969:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-ebc7969 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-b481828{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-0c5eba8{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-0c5eba8 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-4825c5e{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-4825c5e:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-4825c5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-8.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-9ff38f1{--display:flex;}.elementor-580 .elementor-element.elementor-element-d04a4d0{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-d04a4d0 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-c9fdfbb{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-da5bdc4{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-da5bdc4:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-da5bdc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-9.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-52d3936{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-aa0bb76{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-aa0bb76 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-8ad0e24{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-8ad0e24:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-8ad0e24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-10.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-454ab0a{--display:flex;}.elementor-580 .elementor-element.elementor-element-edf4746{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-edf4746 p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-d3ee2d2{--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 10px;--row-gap:0px;--column-gap:10px;--padding-top:10px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-580 .elementor-element.elementor-element-3b7128a{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-3b7128a:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-3b7128a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-11.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-26b9457{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-35a97af{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-35a97af p{margin-block-end:0px;}.elementor-580 .elementor-element.elementor-element-7cbef27{--display:flex;--min-height:500px;--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;}.elementor-580 .elementor-element.elementor-element-7cbef27:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-7cbef27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://handsofmercyinternational.com/wp-content/uploads/2026/03/volunteer-12.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-580 .elementor-element.elementor-element-ea7a14c{--display:flex;}.elementor-580 .elementor-element.elementor-element-2cd65d7{text-align:center;font-family:"Lora", Sans-serif;font-size:21px;font-weight:700;}.elementor-580 .elementor-element.elementor-element-2cd65d7 p{margin-block-end:0px;}@media(min-width:768px){.elementor-580 .elementor-element.elementor-element-fd090b2{--content-width:1350px;}.elementor-580 .elementor-element.elementor-element-359f8dc{--width:50%;}.elementor-580 .elementor-element.elementor-element-28509a7{--width:50%;}.elementor-580 .elementor-element.elementor-element-3507422{--width:50%;}.elementor-580 .elementor-element.elementor-element-0803612{--width:50%;}.elementor-580 .elementor-element.elementor-element-f08d81f{--width:50%;}.elementor-580 .elementor-element.elementor-element-7f063ef{--width:50%;}.elementor-580 .elementor-element.elementor-element-0d455a9{--width:50%;}.elementor-580 .elementor-element.elementor-element-fbc40cc{--width:50%;}.elementor-580 .elementor-element.elementor-element-f3602bd{--width:50%;}.elementor-580 .elementor-element.elementor-element-fc01915{--width:50%;}.elementor-580 .elementor-element.elementor-element-ceff391{--width:50%;}.elementor-580 .elementor-element.elementor-element-085f2f1{--width:50%;}.elementor-580 .elementor-element.elementor-element-2b73568{--width:50%;}.elementor-580 .elementor-element.elementor-element-f80f364{--width:50%;}.elementor-580 .elementor-element.elementor-element-b1ffa78{--width:50%;}.elementor-580 .elementor-element.elementor-element-41b516d{--width:50%;}.elementor-580 .elementor-element.elementor-element-4d8cd57{--width:50%;}.elementor-580 .elementor-element.elementor-element-dac5892{--width:50%;}.elementor-580 .elementor-element.elementor-element-ad7a9fa{--width:50%;}.elementor-580 .elementor-element.elementor-element-452ff1f{--width:50%;}.elementor-580 .elementor-element.elementor-element-ebc7969{--width:50%;}.elementor-580 .elementor-element.elementor-element-4825c5e{--width:50%;}.elementor-580 .elementor-element.elementor-element-da5bdc4{--width:50%;}.elementor-580 .elementor-element.elementor-element-8ad0e24{--width:50%;}.elementor-580 .elementor-element.elementor-element-3b7128a{--width:50%;}.elementor-580 .elementor-element.elementor-element-7cbef27{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-580 .elementor-element.elementor-element-359f8dc{--width:100%;}.elementor-580 .elementor-element.elementor-element-28509a7{--width:100%;}.elementor-580 .elementor-element.elementor-element-3507422{--width:100%;}.elementor-580 .elementor-element.elementor-element-0803612{--width:100%;}.elementor-580 .elementor-element.elementor-element-f08d81f{--width:100%;}.elementor-580 .elementor-element.elementor-element-7f063ef{--width:100%;}.elementor-580 .elementor-element.elementor-element-0d455a9{--width:100%;}.elementor-580 .elementor-element.elementor-element-fbc40cc{--width:100%;}.elementor-580 .elementor-element.elementor-element-f3602bd{--width:100%;}.elementor-580 .elementor-element.elementor-element-fc01915{--width:100%;}.elementor-580 .elementor-element.elementor-element-ceff391{--width:100%;}.elementor-580 .elementor-element.elementor-element-085f2f1{--width:100%;}.elementor-580 .elementor-element.elementor-element-2b73568{--width:100%;}.elementor-580 .elementor-element.elementor-element-f80f364{--width:100%;}.elementor-580 .elementor-element.elementor-element-b1ffa78{--width:100%;}.elementor-580 .elementor-element.elementor-element-41b516d{--width:100%;}.elementor-580 .elementor-element.elementor-element-4d8cd57{--width:100%;}.elementor-580 .elementor-element.elementor-element-dac5892{--width:100%;}.elementor-580 .elementor-element.elementor-element-ad7a9fa{--width:100%;}.elementor-580 .elementor-element.elementor-element-452ff1f{--width:100%;}.elementor-580 .elementor-element.elementor-element-ebc7969{--width:100%;}.elementor-580 .elementor-element.elementor-element-4825c5e{--width:100%;}.elementor-580 .elementor-element.elementor-element-da5bdc4{--width:100%;}.elementor-580 .elementor-element.elementor-element-8ad0e24{--width:100%;}.elementor-580 .elementor-element.elementor-element-3b7128a{--width:100%;}.elementor-580 .elementor-element.elementor-element-7cbef27{--width:100%;}}@media(max-width:1024px){.elementor-580 .elementor-element.elementor-element-fd090b2{--flex-wrap:wrap;}.elementor-580 .elementor-element.elementor-element-359f8dc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-9f21e71{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-ba44a40{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-6224bc4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-3023869{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-1ac0b43{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-5715c53{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-93a835d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-5af3703{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-7a88408{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-efd764f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-c9fdfbb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-580 .elementor-element.elementor-element-d3ee2d2{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-580 .elementor-element.elementor-element-6ad7597{--min-height:400px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-e86293d .elementor-heading-title{font-size:48px;}.elementor-580 .elementor-element.elementor-element-eb763cc{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-580 .elementor-element.elementor-element-751ff28 .elementor-heading-title{font-size:32px;}.elementor-580 .elementor-element.elementor-element-deca14e .elementor-heading-title{font-size:32px;}.elementor-580 .elementor-element.elementor-element-9f21e71{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-3507422{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-0803612{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-ba44a40{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-f08d81f{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-7f063ef{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-6224bc4{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-0d455a9{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-fbc40cc{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-3023869{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-f3602bd{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-fc01915{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-1ac0b43{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-ceff391{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-085f2f1{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-5715c53{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-2b73568{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-f80f364{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-d872082 .elementor-heading-title{font-size:32px;}.elementor-580 .elementor-element.elementor-element-93a835d{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-b1ffa78{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-41b516d{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-5af3703{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-4d8cd57{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-dac5892{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-7a88408{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-ad7a9fa{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-452ff1f{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-efd764f{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-ebc7969{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-4825c5e{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-c9fdfbb{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-da5bdc4{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-8ad0e24{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-d3ee2d2{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-580 .elementor-element.elementor-element-3b7128a{--min-height:300px;}.elementor-580 .elementor-element.elementor-element-7cbef27{--min-height:300px;}}/* Start custom CSS for container, class: .elementor-element-b1ffa78 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41b516d *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d8cd57 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac5892 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad7a9fa *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom:30px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-452ff1f *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebc7969 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom:30px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4825c5e *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da5bdc4 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom:15px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ad0e24 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b7128a *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom:30px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cbef27 *//* 1. Set up the main card to contain absolutely positioned elements */
.vol-card {
    position: relative !important;
    overflow: hidden !important; /* This hides the overlay when it's off-screen */
    cursor: pointer;
    border-radius: 8px; /* Optional: adds smooth corners like CMMB style */
}

/* 2. Style the details container, position it off-screen and center-aligned */
.vol-card .vol-overlay {
    position: absolute !important;
    bottom: -100px; /* Hidden below the card to start the slide */
    left: 50%; /* Center it horizontally relative to the main card */
    transform: translateX(-50%); /* For precise horizontal centering */
    width: 90%; /* Occupies most of the width, but leaves spacing */
    max-width: 320px; /* Optional: limits the maximum width */
    height: 60%; /* Only covers the bottom part of the image, not the face */
    background-color: rgba(105, 179, 45, 0.85); /* Semi-transparent Green from the video */
    color: #ffffff !important;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Text sits at the bottom of the green box */
    align-items: center; /* Center-align the text itself */
    opacity: 0;
    transition: all 0.4s ease-in-out; /* Smooth transition for everything */
    z-index: 10;
    border-radius: 8px 8px 0 0; /* Optional: matches corners, only at the top */
}

/* 3. On hover, make the details container slide up and become visible */
.vol-card:hover .vol-overlay {
    bottom:100px; /* Slides up to sit just above the bottom edge */
    opacity: 1;
}

/* 4. Basic formatting for content inside the overlay to match the video style */
.vol-overlay h3 {
    font-size: 24px !important;
    
    font-weight: bold;
    margin-bottom: 20px !important;
    color: #ffffff !important;
}

.vol-overlay p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
}

.vol-overlay a {
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Adds a small space before the arrow > for formatting */
.vol-overlay a .elementor-button-icon {
    margin-right: 5px;
}/* End custom CSS */