/* HERO */
.hero-banner {
  background-image: url('/uploads/photos/aboutus.png');
  background-size: cover;
  background-position: bottom center;
  padding: 70px 0;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.45);
  z-index: 1;
}
.hero-banner h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 3px 12px rgba(0,0,0,0.45);
  margin: 0;
  position: relative;
  z-index: 2;
}
.about-section {
  font-family: "Roboto", "Segoe UI", Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #333;
}
.about-section p {
  background: transparent !important;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
}
.about-section h1 {
  background: transparent !important;
}

h2 {
  font-size: 20px;   /* smaller, professional */
  font-weight: 600;  /* medium bold */
  margin-bottom: 12px;
  color: #222;       /* dark gray for readability */
}

p {
  font-size: 15px;   /* normal body size */
  line-height: 1.6;
  color: #444;       /* softer gray */
  margin-bottom: 16px;
}

/* Contact US*/
  :root {
      --brand-gold: #e2a03f;
      --text-dark: #333333;
      --text-secondary: #6c757d;
      --border-light: #e0e0e0;
      --phone-green: #28a745;
  }
  .contact-item {
      position: relative;
      padding: 1.5rem;
  }
  .contact-item::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      height: 70%;
      width: 1px;
      background-color: var(--border-light);
      transform: translateY(-50%);
  }
  .contact-item:last-child::after {
      display: none;
  }
  .contact-item-icon {
      font-size: 1.25rem;
      margin-right: 12px;
  }
  .brand-gold {
      color: var(--brand-gold) !important;
  }
  .phone-green {
      color: var(--phone-green) !important;
  }
  /* Responsive: On small screens, remove the vertical line */
  @media (min-width: 768px) {
      .contact-info .row {
          text-align: left;
      }
  }
  @media (max-width: 767.98px) {
      .contact-item {
          padding-bottom: 2rem;
      }
      .contact-item::after {
          display: none;
      }
  }
  
/* Interment Services */
.package-inclusions-wrapper {
    max-width: 800px; /* Constrain width for better readability */
    margin: auto; /* Center the container */
}

/* Price Section */
.package-inclusions-wrapper .text-center small {
    color: var(--text-secondary); /* Consistent secondary text color */
}
.package-inclusions-wrapper .text-center h2 {
    color: var(--brand-gold) !important; /* Apply brand gold to price */
    font-size: 3rem; /* Larger font for price */
}

/* Inclusions Section */
.package-inclusions-wrapper h6.text-dark {
    color: var(--text-dark) !important;
    font-size: 1.1rem; /* Slightly larger heading for inclusions */
    margin-bottom: 1.5rem; /* More space below heading */
}
.inclusion-item {
    background-color: var(--background-item);
    border: 1px solid var(--border-light); /* Subtle border for distinction */
    border-radius: 8px; /* Rounded corners */
    padding: 1rem 1.25rem; /* More consistent padding */
    font-weight: 500;
    color: var(--text-dark);
    height: 100%; /* Ensure items in a row have equal height */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth hover effect */
}
.inclusion-item:hover {
    transform: translateY(-2px); /* Slight lift on hover */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Subtle shadow on hover */
}
.check-icon {
    color: var(--check-green) !important; /* Apply custom checkmark green */
    font-size: 1.2rem;
}