.text-break span {
    display: block;
    line-height: 1.2; /* Adjust this for more or less space between the lines */
}

/*.row-bs{
    width: 70% !important;
    align-self:center !important;
}*/


/*.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}
  
.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}
  
.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  
.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}
  
.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}
  
.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}
  
.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}
  
.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}
  
.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}
  
.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}
  
.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}
  
.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}


  

/* ---------------------------------------- INDEX CSS STARTS HERE -------------------------------------*/

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
/* Define the background image for the div */
.bg-mobile-image {
    background-image: url('https://res.cloudinary.com/jesusabandonedcharity/image/upload/v1729922785/volunteers_knstkv.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index-page .col-bss{
    background-image: url('https://res.cloudinary.com/jesusabandonedcharity/image/upload/v1729922781/Smile2charity_ppg2rm.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-four-member{
    background-image: url('https://res.cloudinary.com/jesusabandonedcharity/image/upload/v1729922756/member_two_ypln2u.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-hero{
    background-image: url('https://res.cloudinary.com/jesusabandonedcharity/image/upload/v1729922652/charity_nine_xfnypy.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}