/* Add custom CSS styles below */ 
.slide--cat-entry {
background: transparent;
}

.lazy__bg.lazy_avatar {
background-color: transparent;
width: 150px; 
height: 150px; 
border-radius: 50%; 
}

.slide--cat-entry.relative {
width: 150px;
height: 150px;
}

h4.leading-none.line-clamp-2 {
color: white;
}

@media (min-width: 1024px) {
  h3.w-full.text-sm.md\:text-lg {
    color: white;
    font-size: 50px; /* Starting font size */
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

@media (max-width: 768px) {
  h3.w-full.text-sm.md\:text-lg {
    color: white;
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
h3.w-full.text-sm.md\:text-lg {
    color: white;
    font-size: 40px;
    text-align: center; 
    display: inline-block;
    line-height: 2;
  }
}

p.max-w-sm.leading-6.da-tm.mx-auto.px-3 {
  color: white;
}

.store-footer {
  color: white;
}