/* Container base style */
.mission {
  position: relative;
  overflow: hidden;
  transition: transform 0.4s ease;
  border-radius: 0; /* initial shape */
}

/* Smooth transition for all inner elements */
.mission * {
  transition: transform 0.4s ease;
}

/* Hover effect: Only zoom-in animation */
.mission:hover {
  transform: scale(1.05); /* Zoom-in animation */
  border-radius: 10px; /* Rounded corners on hover (optional) */
}

/* Prevent color or background changes */
.mission:hover * {
  color: inherit !important;
  fill: inherit !important;
}

.mission:hover img {
  filter: none !important;
}

/* Base container style */
.about {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
		
}
.about {
  border-radius: 8px; /* Soft edges */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}


/* Hover effect: zoom + shadow */
.about:hover {
  transform: scale(1.05); /* Zoom-in effect */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* Smooth shadow */
}
/* Base style */

.card { background-position: top center; background-size: cover; background-repeat: no-repeat; opacity: 0.8; transform: scale(1); transition: background-position 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-in-out; } /* Hover Effect */ .card:hover { background-position: bottom center; opacity: 1; transform: scale(1.05); }

.card1 {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.8;
  transform: scale(1);
  transition: 
    background-position 0.5s ease-in-out,
    opacity 0.5s ease-in-out,
    transform 0.5s ease-in-out;
}

.card1:hover {
  background-position: bottom center;
  opacity: 1;
  transform: scale(1.05);
}