.advantageBox{
    border-radius: 16px;
  padding: 24px;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.25); /* light glass */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
     display: flex;
  flex-direction: row;
  justify-content: center; /* Centers the whole row */
  gap: 20px;
     transition: transform 0.25s ease;
  cursor: pointer;
}
.advantageBox:hover {
  transform: translateY(-10px);
}

.solar-features-row {
    display: flex !important;
    gap: 10px; /* This creates the space between columns */
    justify-content: center;
    background: transparent !important;
    margin-bottom: 10px;
}

.accordionColumn{
background: rgba(255, 255, 255, 0.25); /* light glass */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 16px;
  padding: 24px;
}

.blur-box {
    
   /* Centers the whole row */
  gap: 20px;
  width: 150px;
  height:150px;
  background: rgba(255, 255, 255, 0.25); /* light glass */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 24px;

  /* jump effect setup */
  transition: transform 0.25s ease;
  cursor: pointer;
}

.img-hover-zoom {
  transition: transform 0.5s ease;
}

/* This rule applies the zoom when the user hovers over the element */
.img-hover-zoom:hover {
  transform: scale(1.2); /* The image will zoom to 120% of its original size */
}