/* Donor Voices ("Voices That Make Change Happen") — styles scoped to the widget. */

.bac-voices-section{
  position: relative;
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  overflow: hidden;
}

.bac-voices-section .floating-grid{
  width: 80%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  position: relative;
  will-change: transform;
}

.bac-voices-section .card{
  width:100%;
  padding:40px 30px;
  border-radius:20px;
  background:#fff;
  display:flex;
  gap:30px;
}

.bac-voices-section .card:nth-child(even){
  margin-top:40px;
}

.bac-voices-section .card > div:first-child{
  width:140px;
  flex-shrink:0;
}

.bac-voices-section .avatar{
  width:140px;
  height:140px;
  border-radius:50%;
  object-fit:cover;
}

.bac-voices-section .avatar-initial{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:60px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
}

.bac-voices-section .quote-icon{
  position:absolute;
  bottom:15px;
  right:-5px;
}

.bac-voices-section .quote-icon img,
.bac-voices-section .quote-icon svg{
  width:44px;
  height:auto;
  display:block;
}

.bac-voices-section .details{
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
}

.bac-voices-section .details p{
  font-family:"DM Sans", Arial, sans-serif;
  font-size:20px;
}

.bac-voices-section .author{
  font-weight:700;
  font-size:15px;
  color:#4B5563;
}

.bac-voices-section .location{
  font-size:18px;
  color:#4B5563;
}

@media(max-width:991px){
  .bac-voices-section .floating-grid{
    width:90%;
    grid-template-columns:1fr;
    gap:30px;
  }
  .bac-voices-section .card{
    flex-direction:column;
  }
  .bac-voices-section .card:nth-child(even){
    margin-top:0;
  }
}

@media (min-width: 768px) and (max-width:1300px){
  .bac-voices-section .floating-grid{
    width:90%;
    grid-template-columns:repeat(2, 1fr);
    gap:30px;
  }
}

@media(max-width:600px){
  .bac-voices-section{
    height:450px;
  }
}
