body {
  font-family: "Playfair Display"; /* Using Inter font, fallback to generic sans-serif */

  max-width: 100%;
  overflow-x: hidden; /* Prevents accidental horizontal scrolling */
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 .navbar-brand-custom {
        /* 👇 STEP 2: APPLY THE NEW FONT FAMILY 👇 */
        font-family: "Cormorant Garamond";
        font-size: 2.8rem; /* Slightly increased size for the new font */
        font-weight: 700; /* Made it bolder */
        color: rgb(28, 28, 28);
        text-decoration: none;
        letter-spacing: 0.05em; /* Added some letter spacing */
      }
      .navbar-brand-mobile {
        font-family: "Playfair Display", serif; /* Keeping the old font for the 'M' */
        font-size: 2.2rem;
        font-weight: 400;
        color: rgb(28, 28, 28);
        text-decoration: none;
      }
      .nav-link-custom {
        font-size: 0.85rem;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #000;
        text-transform: uppercase;
        padding: 0.75rem 1.5rem !important;
      }
      /* .nav-link-custom:hover {
        color: #555;
      } */
      
      #sharedNavContent {
        text-align: center;
        background-color: white;
      }
.nav-link-custom:hover {
  color: #3b6e5d;
}
.section-banner-image img {
  /* Renamed class for clarity */
  width: 100%;
  height: auto; /* Allow height to adjust naturally */
  display: block;
}
.footer-heading {
  font-family: "Playfair Display", serif;
}
/* ------------------------------------- */
/* ANIMATION AND TRANSITION CSS */
/* ------------------------------------- */

.card-hover-zoom {
  position: relative; /* Ensure child absolute positioning works */
  overflow: hidden; /* Hide anything outside during zoom */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition for transform and shadow */
  cursor: pointer; /* Indicate interactivity */
}

.card-hover-zoom:hover {
  transform: scale(1.03); /* Slightly zoom in the card */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* More prominent shadow on hover */
}

.card-hover-zoom img {
  transition: transform 0.3s ease-in-out; /* Smooth transition for the image inside */
}

.card-hover-zoom:hover img {
  transform: scale(
    1.05
  ); /* Slightly more aggressive zoom for the image itself */
}

.card-hover-zoom .position-absolute {
  transition: background-color 0.3s ease-in-out; /* Smooth transition for overlay background */
}

.card-hover-zoom:hover .position-absolute {
  background-color: rgba(0, 0, 0, 0.85); /* Slightly darker overlay on hover */
}

/* Optional: Make all links (where applicable) have a smooth transition on color change */
a {
  transition: color 0.2s ease-in-out;
}
/* Style for icons */
.icon-link {
  color: #000;
  font-size: 1.2rem;
  margin-left: 1rem; /* Space between icons */
  text-decoration: none;
}
.icon-link:hover {
  color: #555;
}
/* Video section specific styling */
.video-section {
  background-color: #f0f0f0; /* A slightly different background for the video section */
}
@media (max-width: 991.98px) {
  .navbar-collapse {
    justify-content: center;
    flex-grow: 0;
  }
  .navbar-nav .nav-item {
    text-align: center;
  }
  .icon-group {
    margin-left: auto;
  }
}