.w3-theme-l5 {color:#000 !important; background-color:#feeeee !important}
.w3-theme-l4 {color:#000 !important; background-color:#fdc7c7 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fc8e8e !important}
.w3-theme-l2 {color:#fff !important; background-color:#fa5656 !important}
.w3-theme-l1 {color:#fff !important; background-color:#f81d1d !important}
.w3-theme-d1 {color:#fff !important; background-color:#bf0606 !important}
.w3-theme-d2 {color:#fff !important; background-color:#aa0505 !important}
.w3-theme-d3 {color:#fff !important; background-color:#950505 !important}
.w3-theme-d4 {color:#fff !important; background-color:#800404 !important}
.w3-theme-d5 {color:#fff !important; background-color:#6a0303 !important}

.w3-theme-light {color:#000 !important; background-color:#feeeee !important}
.w3-theme-dark {color:#fff !important; background-color:#6a0303 !important}
.w3-theme-action {color:#fff !important; background-color:#6a0303 !important}

.w3-theme {color:#d30807 !important; background-color:#fff !important}
.w3-theme-alt {color:#fff !important; background-color:#d30807 !important}
.w3-text-theme {color:#d30807 !important}
.w3-border-theme {border-color:#d30807 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#d30807 !important}
.w3-hover-text-theme:hover {color:#d30807 !important}
.w3-hover-border-theme:hover {border-color:#d30807 !important}

.pageWrapper {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 16px;
}

.header-logo {
  height: 40px;
  width: auto;
}

.header-motto {
  font-size: 1.5rem;
  font-weight: 600;
  color: #c00; /* your red */
}

.header-contact {
  color: #c00;
  font-size: 1rem;
  line-height: 1.2;
}

header .border-bottom {
  border-color: #c00 !important;
}

.hero-title {
  font-size: 3rem;
  color: #c00;
  font-family: "Oranienbaum", serif;
  font-weight: 400;
  font-style: normal;
}

.hero-tagline {
  font-size: 2.5rem;
  color: #c00;
  margin: 0;
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
}

/* Fade edges without adding height */
.hero-fade {
  max-width: 100%;
  border-radius: 8px;

  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-composite: intersect;

  mask-image:
    linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-composite: intersect;
}

.service-icon {
  max-width: 120px;
  height: auto;
  margin-bottom: 15px;
}

.services-heading {
  font-size: 2rem;
  font-family: "Oranienbaum", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3px;
}

.service-title {
  font-size: 1.3rem;
  font-weight: 600;
}

.service-desc {
  font-size: 1rem;
}

/* Main heading uses Oranienbaum */
.tri-heading {
  font-family: 'Parisienne', serif;
  font-size: 2.8rem;
  font-weight: 600;
   color: #c00; 
}

/* Subheading uses default font */
.tri-subheading {
  font-size: 1.7rem;
  font-weight: 500;
  color: #c00; 
}

/* City names use default font */
.tri-city-name {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333; 
}

/* Icons */
.tri-icon {
  width: 40px;
  height: auto;
}

/* Optional: fade mask on the left image */
.tri-img {
  border-radius: 8px;
  max-width: 100%;

  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-composite: intersect;

  mask-image:
    linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-composite: intersect;
}

.footer {
  border-top: 1px solid #ddd;
}

.footer-text {
  font-size: 0.95rem;
/*  color: #555; */
  margin: 0;
}