.active {
  color: var(--primary) !important;
}

.video-div {
  width: 100%;
  height: 600px;
}

.banner-bg video {
  width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

input:required,
textarea:required,
select:required {
  border-left: 3px solid red !important;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}

input:required:hover,
textarea:required:hover,
select:required:hover {
  border-left: 3px solid red !important;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}
input:required:focus,
textarea:required:focus,
select:required:focus {
  border-left: 3px solid red !important;
  border-top-left-radius: 0.3125rem;
  border-bottom-left-radius: 0.3125rem;
}


.gallery-wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
    }

    .grid-item {
      width: 250px; /* desktop default */
      margin-bottom: 15px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .grid-item img {
      width: 100%;
      display: block;
      border-radius: 12px;
    }

    /* 📱 Mobile: 2 columns */
    @media (max-width: 600px) {
      .grid-item {
        width: 45%; /* ~2 per row with gutter */
      }
    }

    /* 📱 Small mobile: 1 column */
    @media (max-width: 400px) {
      .grid-item {
        width: 45%;
      }
    }

    .form-group input[type="file"] {
      background: #fff;
    }


    input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

  .donation-animation {
    width: 100px;
    height: 110px;
  }

   #success {
    width: 250px;
    height: 250px;
  }

  #failed {
    width: 300px;
    height: 300px;
  }

  #success_popper {
        position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
  }