.elementor-7356 .elementor-element.elementor-element-691fee5{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-691fee5 */@import url("https://fonts.googleapis.com/css2?family=Hurricane&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@400;500;600;700&display=swap");

/* =========================================================
   MIRTH NEW YEAR OFFER PAGE
   Scoped styles: .mirth-newyear
   ========================================================= */

.mirth-newyear {
  --mny-navy: #102b40;
  --mny-deep: #0b1e2d;
  --mny-gold: #d6b36b;
  --mny-gold-light: #f0dba8;
  --mny-cream: #f8f6f0;
  --mny-white: #ffffff;
  --mny-text: #354450;
  --mny-muted: #78838b;

  width: 100%;
  overflow: hidden;
  background: var(--mny-white);
  color: var(--mny-text);
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.mirth-newyear *,
.mirth-newyear *::before,
.mirth-newyear *::after {
  box-sizing: border-box;
}

.mirth-newyear img {
  max-width: 100%;
  height: auto;
}

.mirth-newyear a {
  text-decoration: none;
}

.mirth-newyear h1,
.mirth-newyear h2,
.mirth-newyear h3,
.mirth-newyear p {
  margin-top: 0;
}

.mirth-newyear h1,
.mirth-newyear h2,
.mirth-newyear h3 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
}

.mirth-newyear h1,
.mirth-newyear h2,
.mirth-newyear h3,
.mirth-newyear p {
  margin-bottom: 0;
}

.mny-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.mny-section {
  padding: 100px 0;
}

.mny-section-label {
  display: inline-block;
  margin-bottom: 20px;
  color: var(--mny-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.6;
  text-transform: uppercase;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.mirth-newyear .mny-btn {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 14px 24px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.mirth-newyear .mny-btn span {
  font-size: 17px;
  line-height: 1;
}

.mirth-newyear .mny-btn:hover {
  transform: translateY(-2px);
}

.mirth-newyear .mny-btn-gold {
  background: var(--mny-gold);
  border-color: var(--mny-gold);
  color: var(--mny-deep);
}

.mirth-newyear .mny-btn-gold:hover {
  background: var(--mny-gold-light);
  border-color: var(--mny-gold-light);
  color: var(--mny-deep);
}

.mirth-newyear .mny-btn-outline {
  border-color: rgba(255, 255, 255, 0.7);
  background: transparent;
  color: var(--mny-white);
}

.mirth-newyear .mny-btn-outline:hover {
  border-color: var(--mny-white);
  background: var(--mny-white);
  color: var(--mny-deep);
}

/* =========================================================
   HERO
   Replace the background URL with your actual resort image.
   ========================================================= */

.mny-hero {
  position: relative;
  display: flex;
  min-height: 680px;
  align-items: center;
  padding: 100px 7%;
  background-color: var(--mny-deep);
  background-image:
    url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villas-garden.webp");
  background-position: center;
  background-size: cover;
  color: var(--mny-white);
}

.mny-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(6, 21, 32, 0.91) 0%,
      rgba(6, 21, 32, 0.72) 46%,
      rgba(6, 21, 32, 0.20) 100%
    );
}

.mny-hero-content {
  position: relative;
  z-index: 1;
  width: min(780px, 100%);
}

.mny-hero .mny-eyebrow {
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mny-gold);
  color: var(--mny-gold-light);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
}

.mny-hero .mny-kicker {
  margin-bottom: 12px;
  color: var(--mny-gold-light);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px;
  font-style: italic;
}

.mny-hero h1 {
  margin: 0 0 24px;
  color: var(--mny-white);
  font-size: clamp(46px, 6.5vw, 82px);
  line-height: 1.09;
  letter-spacing: -1.5px;
}

.mny-hero h1 span {
  color: var(--mny-gold-light);
}

.mny-hero-description {
  max-width: 610px;
  margin-bottom: 25px !important;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  line-height: 1.9;
}

.mny-hero-details {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  align-items: center;
  margin-bottom: 30px;
  color: var(--mny-white);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mny-detail-divider {
  color: var(--mny-gold);
}

.mny-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mny-hero-note {
  margin-top: 25px !important;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 17px;
  font-style: italic;
}

.mny-hero-bottom {
  position: absolute;
  right: 7%;
  bottom: 25px;
  left: 7%;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
  font-size: 9px;
  letter-spacing: 1.8px;
}

/* =========================================================
   INTRODUCTION
   ========================================================= */

.mny-intro {
  background: var(--mny-cream);
}

.mny-intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.mny-intro-heading h2,
.mny-section-heading h2,
.mny-extras-intro h2 {
  color: var(--mny-navy);
  font-size: clamp(36px, 4.2vw, 52px);
  line-height: 1.2;
}

.mny-intro-heading h2 em,
.mny-section-heading h2 em,
.mny-extras-intro h2 em {
  color: #a9823f;
  font-weight: 400;
}

.mny-intro-copy p {
  margin-bottom: 20px !important;
  color: #596570;
  font-size: 14px;
  line-height: 1.95;
}

.mny-text-link {
  display: inline-flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--mny-gold);
  color: var(--mny-navy);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mny-text-link span {
  color: #a9823f;
  font-size: 18px;
  transition: transform 0.25s ease;
}

.mny-text-link:hover {
  color: #a9823f;
}

.mny-text-link:hover span {
  transform: translateX(4px);
}

/* =========================================================
   EXPERIENCES
   ========================================================= */

.mny-experiences {
  background: var(--mny-white);
}

.mny-section-heading {
  max-width: 720px;
  margin: 0 auto 55px;
  text-align: center;
}

.mny-section-heading h2 {
  margin-bottom: 20px !important;
}

.mny-section-heading > p {
  max-width: 630px;
  margin: 0 auto;
  color: #69747d;
  font-size: 14px;
  line-height: 1.9;
}

.mny-experience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #e6e2d9;
  border: 1px solid #e6e2d9;
}

.mny-experience-card {
  position: relative;
  min-height: 265px;
  padding: 35px 30px;
  background: var(--mny-white);
  transition: background 0.25s ease;
}

.mny-experience-card:hover {
  background: var(--mny-cream);
}

.mny-experience-number {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #c7c2b7;
  font-size: 11px;
  letter-spacing: 1px;
}

.mny-experience-icon {
  display: flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
  border: 1px solid #dfc99b;
  border-radius: 50%;
  color: #a9823f;
  font-size: 22px;
}

.mny-experience-card h3 {
  margin-bottom: 12px !important;
  color: var(--mny-navy);
  font-size: 22px;
  line-height: 1.35;
}

.mny-experience-card p {
  color: #6c767e;
  font-size: 13px;
  line-height: 1.85;
}

/* =========================================================
   PACKAGES
   ========================================================= */

.mny-packages {
  background: #f5f3ed;
}

.mny-package-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  max-width: 950px;
  margin: 0 auto;
}

.mny-package-card {
  overflow: hidden;
  border: 1px solid #e6e1d6;
  background: var(--mny-white);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.mny-package-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(16, 43, 64, 0.10);
}

.mny-package-image {
  position: relative;
  height: 270px;
  background-color: #d8d8d0;
  background-position: center;
  background-size: cover;
}

.mny-image-retreat {
  background-image:
    linear-gradient(0deg, rgba(8, 25, 37, 0.24), transparent 65%),
    url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villa-purple-flower-garden.webp");
}

.mny-image-panorama {
  background-image:
    linear-gradient(0deg, rgba(8, 25, 37, 0.24), transparent 65%),
    url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-garden-pathway.webp");
}

.mny-image-family {
  background-image:
    linear-gradient(0deg, rgba(8, 25, 37, 0.24), transparent 65%),
    url("https://mirthresorts.com/wp-content/uploads/2026/08/6.webp");
}

.mny-image-honeymoon {
  background-image:
    linear-gradient(0deg, rgba(8, 25, 37, 0.24), transparent 65%),
    url("https://mirthresorts.com/wp-content/uploads/2026/08/mirth-3rd-night-free-2026.webp");
}

.mny-package-tag {
  position: absolute;
  bottom: 20px;
  left: 22px;
  padding: 8px 12px;
  background: var(--mny-gold);
  color: var(--mny-deep);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.mny-package-body {
  padding: 28px 30px 30px;
}

.mny-package-category {
  color: #a9823f;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
}

.mny-package-body h3 {
  margin: 10px 0 12px !important;
  color: var(--mny-navy);
  font-size: 29px;
  line-height: 1.3;
}

.mny-package-description {
  min-height: 58px;
  color: #707a82;
  font-size: 13px;
  line-height: 1.85;
}

.mny-package-occupancy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 24px;
  padding: 14px 0;
  border-top: 1px solid #e9e6df;
  border-bottom: 1px solid #e9e6df;
  color: #6d777e;
  font-size: 12px;
}

.mny-package-occupancy strong {
  color: var(--mny-navy);
}

.mny-price-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 0;
}

.mny-price-label {
  display: block;
  margin-bottom: 3px;
  color: #737e86;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mny-price {
  color: var(--mny-navy);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 37px;
  line-height: 1.3;
}

.mny-price-unit {
  padding-bottom: 5px;
  color: #818991;
  font-size: 11px;
}

.mny-package-btn {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 18px;
  background: var(--mny-navy);
  color: var(--mny-white);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background 0.25s ease;
}

.mny-package-btn span {
  font-size: 18px;
}

.mny-package-btn:hover {
  background: #a9823f;
  color: var(--mny-white);
}

.mny-package-disclaimer {
  max-width: 750px;
  margin: 35px auto 0 !important;
  color: #727b82;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}

/* =========================================================
   GALA BANNER
   ========================================================= */

.mny-gala-banner {
  position: relative;
  display: flex;
  min-height: 480px;
  align-items: center;
  padding: 85px 7%;
  background-color: var(--mny-deep);
  background-image:
    url("https://mirthresorts.com/wp-content/uploads/2026/10/mirth-resorts-luxury-restaurant-dining-area-kanthalloor.webp");
  background-position: center;
  background-size: cover;
  color: var(--mny-white);
}

.mny-gala-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(7, 23, 35, 0.91),
    rgba(7, 23, 35, 0.68) 55%,
    rgba(7, 23, 35, 0.30)
  );
}

.mny-gala-content {
  position: relative;
  z-index: 1;
}

.mny-gala-content h2,
.mny-booking-content h2 {
  margin-bottom: 20px !important;
  color: var(--mny-white);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.2;
}

.mny-gala-content h2 em,
.mny-booking-content h2 em {
  color: var(--mny-gold-light);
  font-weight: 400;
}

.mny-gala-content > p,
.mny-booking-content > p {
  max-width: 590px;
  margin-bottom: 30px !important;
  color: rgba(255, 255, 255, 0.83);
  font-size: 14px;
  line-height: 1.9;
}

/* =========================================================
   EXTRA OCCUPANCY TABLE
   ========================================================= */

.mny-extras {
  background: var(--mny-white);
}

.mny-extras-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 65px;
  align-items: start;
}

.mny-extras-intro h2 {
  margin-bottom: 22px !important;
}

.mny-extras-intro > p {
  color: #6c767e;
  font-size: 14px;
  line-height: 1.9;
}

.mny-extras-table-wrap {
  overflow-x: auto;
  border: 1px solid #e5e1d8;
}

.mny-extras-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--mny-white);
  text-align: left;
}

.mny-extras-table th {
  padding: 17px 16px;
  background: var(--mny-navy);
  color: var(--mny-white);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.mny-extras-table td {
  padding: 20px 16px;
  border-bottom: 1px solid #ece9e2;
  color: #606b74;
  font-size: 12px;
  vertical-align: top;
}

.mny-extras-table tbody tr:last-child td {
  border-bottom: 0;
}

.mny-extras-table td strong {
  display: block;
  margin-bottom: 4px;
  color: var(--mny-navy);
  font-size: 13px;
}

.mny-extras-table td small {
  display: block;
  color: #818990;
  font-size: 10px;
  line-height: 1.6;
}

.mny-extras-table .mny-table-price {
  color: var(--mny-navy);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.mny-extras-table .mny-table-free {
  color: #7a6b42;
  font-size: 12px;
  font-weight: 700;
}

.mny-table-note {
  padding: 15px;
  background: var(--mny-cream);
  color: #747d84;
  font-size: 11px;
  line-height: 1.8;
}

/* =========================================================
   BOOKING POLICIES
   ========================================================= */

.mny-policies {
  background: var(--mny-cream);
}

.mny-policy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.mny-policy-card {
  padding: 28px;
  border: 1px solid #e5e0d5;
  background: rgba(255, 255, 255, 0.75);
}

.mny-policy-number {
  display: block;
  margin-bottom: 17px;
  color: #a9823f;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 27px;
}

.mny-policy-card h3 {
  margin-bottom: 10px !important;
  color: var(--mny-navy);
  font-size: 21px;
}

.mny-policy-card p {
  color: #6b757d;
  font-size: 12px;
  line-height: 1.9;
}

/* =========================================================
   FINAL BOOKING CTA
   ========================================================= */

.mny-booking {
  position: relative;
  padding: 110px 24px;
  background-color: var(--mny-deep);
  background-image:
    url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villas-flower-lined-path.webp");
  background-position: center;
  background-size: cover;
  text-align: center;
}

.mny-booking-overlay {
  position: absolute;
  inset: 0;
  background: rgba(7, 25, 38, 0.85);
}

.mny-booking-content {
  position: relative;
  z-index: 1;
}

.mny-booking-content .mny-section-label {
  margin-bottom: 24px;
}

.mny-booking-content h2 {
  font-size: clamp(39px, 5vw, 65px);
}

.mny-booking-content > p {
  max-width: 680px;
  margin-right: auto !important;
  margin-left: auto !important;
}

.mny-booking-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.mny-booking-content .mny-booking-footnote {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
}

/* =========================================================
   FOOTER
   ========================================================= */

.mny-footer {
  padding: 28px 0;
  background: #071824;
  color: var(--mny-white);
}

.mny-footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.mny-footer-brand {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--mny-gold);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 27px;
  letter-spacing: 5px;
}

.mny-footer-content p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 11px;
}

.mny-footer-link {
  color: var(--mny-gold-light);
  font-size: 12px;
  transition: color 0.2s ease;
}

.mny-footer-link:hover {
  color: var(--mny-white);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .mny-section {
    padding: 75px 0;
  }

  .mny-hero {
    min-height: 620px;
    padding: 90px 6%;
  }

  .mny-intro-grid {
    gap: 45px;
  }

  .mny-experience-card {
    padding: 28px 22px;
  }

  .mny-extras-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .mny-policy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .mny-container {
    width: calc(100% - 36px);
  }

  .mny-section {
    padding: 58px 0;
  }

  .mny-section-label {
    margin-bottom: 14px;
    font-size: 9px;
    letter-spacing: 2px;
  }

  .mny-hero {
    min-height: 650px;
    padding: 80px 22px 85px;
    background-position: 60% center;
  }

  .mny-hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(6, 21, 32, 0.91),
      rgba(6, 21, 32, 0.69)
    );
  }

  .mny-hero .mny-eyebrow {
    max-width: 290px;
    font-size: 9px;
    line-height: 1.9;
  }

  .mny-hero .mny-kicker {
    font-size: 20px;
  }

  .mny-hero h1 {
    font-size: clamp(42px, 12vw, 61px);
    letter-spacing: -1px;
  }

  .mny-hero-description {
    font-size: 13px;
    line-height: 1.9;
  }

  .mny-hero-details {
    gap: 9px;
    font-size: 9px;
    line-height: 1.8;
  }

  .mny-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mirth-newyear .mny-btn {
    width: 100%;
    min-height: 50px;
    padding: 13px 17px;
  }

  .mny-hero-note {
    font-size: 15px;
  }

  .mny-hero-bottom {
    right: 22px;
    left: 22px;
    font-size: 8px;
    letter-spacing: 1px;
  }

  .mny-hero-bottom span:last-child {
    text-align: right;
  }

  .mny-intro-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .mny-intro-heading h2,
  .mny-section-heading h2,
  .mny-extras-intro h2 {
    font-size: 37px;
  }

  .mny-intro-copy p {
    font-size: 13px;
  }

  .mny-section-heading {
    margin-bottom: 35px;
  }

  .mny-section-heading > p {
    font-size: 13px;
  }

  .mny-experience-grid {
    grid-template-columns: 1fr;
  }

  .mny-experience-card {
    min-height: auto;
    padding: 28px 24px;
  }

  .mny-experience-card h3 {
    font-size: 21px;
  }

  .mny-package-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .mny-package-image {
    height: 230px;
  }

  .mny-package-body {
    padding: 24px 22px;
  }

  .mny-package-body h3 {
    font-size: 26px;
  }

  .mny-package-description {
    min-height: auto;
  }

  .mny-price {
    font-size: 34px;
  }

  .mny-gala-banner {
    min-height: 420px;
    padding: 70px 0;
    background-position: center;
  }

  .mny-gala-content h2,
  .mny-booking-content h2 {
    font-size: 41px;
  }

  .mny-gala-content > p,
  .mny-booking-content > p {
    font-size: 13px;
  }

  .mny-extras-grid {
    gap: 28px;
  }

  .mny-extras-table th {
    padding: 13px 10px;
    font-size: 9px;
  }

  .mny-extras-table td {
    padding: 16px 10px;
    font-size: 11px;
  }

  .mny-extras-table td strong {
    font-size: 12px;
  }

  .mny-extras-table td small {
    font-size: 9px;
  }

  .mny-extras-table .mny-table-price {
    font-size: 13px;
  }

  .mny-policy-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .mny-policy-card {
    padding: 24px;
  }

  .mny-booking {
    padding: 75px 0;
  }

  .mny-booking-actions {
    flex-direction: column;
  }

  .mny-footer-content {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
}

/* =========================================================
   REDUCED MOTION ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .mirth-newyear *,
  .mirth-newyear *::before,
  .mirth-newyear *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

}
/* =========================================================
   MIRTH NEW YEAR 2027 — IMAGE & OVERLAY REPAIR
   Append after the existing CSS.
   Keep the current HTML unchanged.
   ========================================================= */

/* 1. PAGE WRAPPER */
.mirth-newyear {
    position: relative;
    isolation: isolate;
    overflow: clip;
}

/* 2. HERO COVER IMAGE */
.mirth-newyear .mny-hero {
    position: relative;
    isolation: isolate;
    background-color: #102b40 !important;

    background-image:
        url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villas-garden.webp") !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Hero overlay must stay behind the content */
.mirth-newyear .mny-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(6, 21, 32, 0.82) 0%,
        rgba(6, 21, 32, 0.58) 48%,
        rgba(6, 21, 32, 0.12) 100%
    ) !important;
}

/* Keep all hero content above the overlay */
.mirth-newyear .mny-hero-content,
.mirth-newyear .mny-hero-bottom {
    position: relative;
    z-index: 2;
}

.mirth-newyear .mny-hero-bottom {
    position: absolute;
    right: 7%;
    bottom: 25px;
    left: 7%;
}

/* 3. PACKAGE IMAGE CONTAINERS */
.mirth-newyear .mny-package-image {
    position: relative;
    display: block;

    width: 100%;
    height: 250px;
    min-height: 250px;

    overflow: hidden;

    background-color: #ded8cb;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Restore the three package images */
.mirth-newyear .mny-image-retreat {
    background-image:
        linear-gradient(
            0deg,
            rgba(8, 25, 37, 0.20),
            transparent 65%
        ),
        url("https://mirthresorts.com/wp-content/uploads/2026/08/6.webp") !important;
}

.mirth-newyear .mny-image-panorama {
    background-image:
        linear-gradient(
            0deg,
            rgba(8, 25, 37, 0.20),
            transparent 65%
        ),
        url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-garden-pathway.webp") !important;
}

.mirth-newyear .mny-image-family {
    background-image:
        linear-gradient(
            0deg,
            rgba(8, 25, 37, 0.20),
            transparent 65%
        ),
        url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villa-purple-flower-garden.webp") !important;
}

/* Keep the package labels visible */
.mirth-newyear .mny-package-tag {
    position: absolute;
    z-index: 3;
}

/* 4. PACKAGE GRID — THREE CARDS */
.mirth-newyear .mny-package-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;

    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.mirth-newyear .mny-package-card {
    position: relative;
    display: flex;
    flex-direction: column;

    min-width: 0;
    overflow: hidden;
    background: #ffffff;
}

.mirth-newyear .mny-package-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.mirth-newyear .mny-package-btn {
    margin-top: auto;
    pointer-events: auto;
}

/* 5. GALA DINNER BANNER */
.mirth-newyear .mny-gala-banner {
    position: relative;
    isolation: isolate;

    background-color: #0b1e2d !important;

    background-image:
        url("https://mirthresorts.com/wp-content/uploads/2026/10/mirth-resorts-luxury-restaurant-dining-area-kanthalloor.webp") !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Overlay stays behind banner content */
.mirth-newyear .mny-gala-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(7, 23, 35, 0.85),
        rgba(7, 23, 35, 0.52) 60%,
        rgba(7, 23, 35, 0.22)
    ) !important;
}

.mirth-newyear .mny-gala-content {
    position: relative;
    z-index: 2;
}

/* 6. BOTTOM BOOKING COVER */
.mirth-newyear .mny-booking {
    position: relative;
    isolation: isolate;

    background-color: #0b1e2d !important;

    background-image:
        url("https://mirthresorts.com/wp-content/uploads/2026/10/kanthalloor-family-resort-villas-flower-lined-path.webp") !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.mirth-newyear .mny-booking-overlay {
    position: absolute;
    inset: 0;
    z-index: 0;

    pointer-events: none;

    background: rgba(7, 25, 38, 0.72) !important;
}

.mirth-newyear .mny-booking-content {
    position: relative;
    z-index: 2;
}

/* 7. KEEP BUTTONS CLICKABLE */
.mirth-newyear .mny-btn,
.mirth-newyear .mny-package-btn,
.mirth-newyear .mny-text-link,
.mirth-newyear .mny-footer-link {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

/* 8. TABLET */
@media (max-width: 1024px) {
    .mirth-newyear .mny-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

/* 9. MOBILE */
@media (max-width: 767px) {
    .mirth-newyear .mny-package-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .mirth-newyear .mny-package-image {
        height: 240px;
        min-height: 240px;
    }

    .mirth-newyear .mny-hero {
        background-position: 60% center !important;
    }

    .mirth-newyear .mny-hero-bottom {
        right: 22px;
        left: 22px;
    }
}


/* =========================================================
   MIRTH NEW YEAR 2027 — TYPOGRAPHY REFINEMENT
   Lora headings | Montserrat body | Hurricane sparingly
   Append-safe, scoped overrides; preserves layout and imagery
   ========================================================= */
.mirth-newyear {
  --mny-font-head: "Lora", Georgia, "Times New Roman", serif;
  --mny-font-body: "Montserrat", Arial, sans-serif;
  --mny-font-script: "Hurricane", "Brush Script MT", cursive;
  font-family: var(--mny-font-body) !important;
}
.mirth-newyear h1,
.mirth-newyear h2,
.mirth-newyear h3,
.mirth-newyear .mny-price,
.mirth-newyear .mny-policy-number,
.mirth-newyear .mny-footer-brand {
  font-family: var(--mny-font-head) !important;
  font-weight: 500;
  font-optical-sizing: auto;
}
.mirth-newyear p,
.mirth-newyear li,
.mirth-newyear td,
.mirth-newyear th,
.mirth-newyear small,
.mirth-newyear .mny-btn,
.mirth-newyear .mny-package-btn,
.mirth-newyear .mny-text-link,
.mirth-newyear .mny-section-label,
.mirth-newyear .mny-eyebrow,
.mirth-newyear .mny-package-tag,
.mirth-newyear .mny-package-category,
.mirth-newyear .mny-price-label,
.mirth-newyear .mny-price-unit,
.mirth-newyear .mny-hero-details,
.mirth-newyear .mny-hero-bottom {
  font-family: var(--mny-font-body) !important;
}
.mirth-newyear h1 { letter-spacing: -0.4px; line-height: 1.12; }
.mirth-newyear h2 { letter-spacing: -0.2px; line-height: 1.2; }
.mirth-newyear h3 { letter-spacing: 0; line-height: 1.3; }
.mirth-newyear .mny-hero .mny-kicker,
.mirth-newyear .mny-hero-note {
  font-family: var(--mny-font-script) !important;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}
.mirth-newyear .mny-hero .mny-kicker { font-size: clamp(28px, 3vw, 36px); line-height: 1.1; }
.mirth-newyear .mny-hero-note { font-size: 25px; line-height: 1.2; }
/* Keep highlighted heading phrases in elegant Lora italic, not oversized script. */
.mirth-newyear .mny-hero h1 span,
.mirth-newyear .mny-intro-heading h2 em,
.mirth-newyear .mny-section-heading h2 em,
.mirth-newyear .mny-extras-intro h2 em,
.mirth-newyear .mny-gala-content h2 em,
.mirth-newyear .mny-booking-content h2 em {
  font-family: var(--mny-font-head) !important;
  font-size: inherit;
  font-style: italic;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
}
.mirth-newyear .mny-section-label { font-weight: 600; letter-spacing: 2.2px; }
.mirth-newyear .mny-btn,
.mirth-newyear .mny-package-btn { font-weight: 600; letter-spacing: 0.8px; }
.mirth-newyear .mny-price { font-weight: 500; letter-spacing: -0.3px; }

/* IMAGE/OVERLAY SAFETY: prevent overlays from covering images or blocking links. */
.mirth-newyear .mny-hero,
.mirth-newyear .mny-gala-banner,
.mirth-newyear .mny-booking {
  position: relative;
  isolation: isolate;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.mirth-newyear .mny-hero-overlay,
.mirth-newyear .mny-gala-overlay,
.mirth-newyear .mny-booking-overlay {
  z-index: 0 !important;
  pointer-events: none !important;
}
.mirth-newyear .mny-hero-content,
.mirth-newyear .mny-hero-bottom,
.mirth-newyear .mny-gala-content,
.mirth-newyear .mny-booking-content {
  position: relative;
  z-index: 2;
}
.mirth-newyear .mny-hero-bottom { position: absolute; }
.mirth-newyear .mny-package-image {
  position: relative;
  display: block;
  width: 100%;
  min-height: 220px;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.mirth-newyear .mny-package-tag { position: absolute; z-index: 2; }
.mirth-newyear .mny-btn,
.mirth-newyear .mny-package-btn,
.mirth-newyear .mny-text-link,
.mirth-newyear .mny-footer-link { position: relative; z-index: 3; pointer-events: auto; }

@media (max-width: 767px) {
  .mirth-newyear .mny-hero .mny-kicker { font-size: 29px; }
  .mirth-newyear .mny-hero-note { font-size: 23px; }
}/* End custom CSS */