/* Responsive image container height */
.img-main-container {
  height: 200px;
  width: 100%;
}

@media (min-width: 800px) {
  .img-main-container {
    height: 280px;
  }
}

@media (min-width: 1030px) {
  .img-main-container {
    height: 400px;
  }
}

/* Responsive background image for main section */
.bg-main-bg {
  background-image: url("images/sabarimala2.png");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .bg-main-bg {
    background-image: url("images/sabarimala3.png");
  }
}

.img-row {
  height: 150px !important;
}

.imgcls {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
  border: 5px solid #ccc;
}

@media (min-width: 1028px) {
  .img-row {
    height: 200px !important;
  }
}
/* Hide branch separator on mobile */
.d-none.d-sm-inline {
  display: none !important;
}

@media (min-width: 576px) {
  .d-none.d-sm-inline {
    display: inline !important;
  }
}
a {
  color: white;
  text-decoration: none;
}

* {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 17px;
}

button,
.loadingSpinner {
  text-shadow: none;
}

a:hover {
  color: white;
  text-decoration: underline;
}

.card {
  background: transparent;
}

/* Background overlay layer */
.bg-overlay {
  background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent dark overlay */
}

/* Ensure content is above the overlay */
.position-relative {
  z-index: 2;
}