.elementor-10903 .elementor-element.elementor-element-0b3ef57{--display:flex;--min-height:500px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10903 .elementor-element.elementor-element-0b3ef57:not(.elementor-motion-effects-element-type-background), .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.meaningfulworld.com/wp-content/uploads/2026/06/contact1-1.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-10903 .elementor-element.elementor-element-0b3ef57::before, .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .elementor-background-video-container::before, .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .e-con-inner > .elementor-background-video-container::before, .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .elementor-background-slideshow::before, .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10903 .elementor-element.elementor-element-40cbaaa{text-align:center;}.elementor-10903 .elementor-element.elementor-element-40cbaaa .elementor-heading-title{font-size:60px;color:#FFFFFF;}.elementor-10903 .elementor-element.elementor-element-b7966f4{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10903 .elementor-element.elementor-element-b71c2c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10903 .elementor-element.elementor-element-b71c2c3{text-align:center;font-size:18px;font-weight:600;}.elementor-10903 .elementor-element.elementor-element-b71c2c3 p{margin-block-end:0px;}.elementor-10903 .elementor-element.elementor-element-fa5baa8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10903 .elementor-element.elementor-element-fa5baa8 p{margin-block-end:0px;}.elementor-10903 .elementor-element.elementor-element-0bfe21a p{margin-block-end:0px;}.elementor-10903 .elementor-element.elementor-element-c60d3e6 p{margin-block-end:0px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-10903 .elementor-element.elementor-element-0b3ef57:not(.elementor-motion-effects-element-type-background), .elementor-10903 .elementor-element.elementor-element-0b3ef57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-10903 .elementor-element.elementor-element-0b3ef57{--min-height:45vh;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-10903 .elementor-element.elementor-element-40cbaaa .elementor-heading-title{font-size:40px;}.elementor-10903 .elementor-element.elementor-element-b7966f4{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-10903 .elementor-element.elementor-element-0b3ef57{--min-height:50vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10903 .elementor-element.elementor-element-40cbaaa{text-align:center;}.elementor-10903 .elementor-element.elementor-element-40cbaaa .elementor-heading-title{font-size:30px;}.elementor-10903 .elementor-element.elementor-element-b7966f4{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10903 .elementor-element.elementor-element-b71c2c3{text-align:center;font-size:18px;line-height:1.5em;}.elementor-10903 .elementor-element.elementor-element-fa5baa8{text-align:center;}.elementor-10903 .elementor-element.elementor-element-0bfe21a{text-align:center;}.elementor-10903 .elementor-element.elementor-element-c60d3e6{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-b7966f4 */.volunteer
{

/* ── Get Involved / Volunteer 
Cards — Reusable CSS ── */

/* Each card container */
.e-con-inner > .e-con-full {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 0.5px solid rgba(0,0,0,0.09) !important;
  padding: 1.75rem 1.5rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.15s, border-color 0.15s !important;
}

.e-con-inner > .e-con-full:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0,0,0,0.18) !important;
}

/* Icon box — vertical layout */
.e-con-inner > .e-con-full .elementor-icon-box-wrapper {
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Icon box shared style */
.e-con-inner > .e-con-full .elementor-icon-box-icon .elementor-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  margin-bottom: 1.25rem !important;
}

/* Card 1 — teal */
.e-con-inner > .e-con-full:nth-child(1) .elementor-icon-box-icon .elementor-icon {
  background: #E1F5EE !important;
  color: #0F6E56 !important;
}

/* Card 2 — purple */
.e-con-inner > .e-con-full:nth-child(2) .elementor-icon-box-icon .elementor-icon {
  background: #EEEDFE !important;
  color: #3C3489 !important;
}

/* Card 3 — amber */
.e-con-inner > .e-con-full:nth-child(3) .elementor-icon-box-icon .elementor-icon {
  background: #FAEEDA !important;
  color: #633806 !important;
}

/* Card 4 — coral */
.e-con-inner > .e-con-full:nth-child(4) .elementor-icon-box-icon .elementor-icon {
  background: #FAECE7 !important;
  color: #712B13 !important;
}

/* Card 5 — blue (agar 5th card ho) */
.e-con-inner > .e-con-full:nth-child(5) .elementor-icon-box-icon .elementor-icon {
  background: #E6F1FB !important;
  color: #0C447C !important;
}

/* Title */
.e-con-inner > .e-con-full .elementor-icon-box-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1a1a18 !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

/* Description */
.e-con-inner > .e-con-full .elementor-icon-box-description {
  font-size: 14px !important;
  color: #5f5e5a !important;
  line-height: 1.65 !important;
}

/* Button */
.e-con-inner > .e-con-full .elementor-button {
  background: #f5f5f2 !important;
  color: #1a1a18 !important;
  border: 0.5px solid rgba(0,0,0,0.18) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 9px 16px !important;
  margin-top: 1.25rem !important;
}

.e-con-inner > .e-con-full .elementor-button:hover {
  background: #e8e8e4 !important;
  border-color: rgba(0,0,0,0.28) !important;
}

}/* End custom CSS */