.elementor-5250 .elementor-element.elementor-element-57a73fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5250 .elementor-element.elementor-element-3d2c3e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5250 .elementor-element.elementor-element-29c5d45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-a59eed3 *//* HERO */
.mirth-hero {
  position: relative;
  height: 480px;
  background: url('https://mirthresorts.com/wp-content/uploads/2026/04/Luxury-Vegetarian-Villa-in-Coorg-Private-Pool-Nature-Stay.webp') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* OVERLAY */
.mirth-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.4),
    rgba(0,0,0,0.75)
  );
}

/* CONTENT */
.mirth-hero-content {
  position: relative;
  color: #fff;
  padding: 20px;
  max-width: 700px;
}

/* TAG */
.mirth-hero-tag {
  font-size: 12px;
  text-transform: uppercase;
  color: #C9A24A;
  margin-bottom: 8px;
  letter-spacing: 1.5px;
}

/* TITLE */
.mirth-hero-content h1 {
  font-size: 44px;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.2;
}

/* SUBTEXT */
.mirth-hero-sub {
  font-size: 17px;
  margin-bottom: 18px;
  opacity: 0.9;
}

/* INFO LINE (NEW) */
.mirth-hero-info {
  font-size: 14px;
  color: #ddd;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* MOBILE */
@media (max-width: 768px) {

  .mirth-hero {
    height: 340px;
  }

  .mirth-hero-content h1 {
    font-size: 26px;
  }

  .mirth-hero-sub {
    font-size: 14px;
  }

  .mirth-hero-info {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd2f3d1 *//* =========================================
   WRAPPER & GLOBAL TYPOGRAPHY
========================================= */
.mirth-landing-wrapper {
  padding: 60px 20px;
  font-family: var(--e-global-typography-primary-font-family), 'Raleway', sans-serif;
  background: #ffffff; /* Clean white background */
}

/* =========================================
   GRID LAYOUT
========================================= */
.mirth-premium-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  max-width: 1100px;
  margin: 0 auto;
  align-items: start; /* Aligns content to the top */
}

/* =========================================
   LEFT: TEXT & VIDEO
========================================= */
.mirth-video-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 480px;
}

.mirth-top-content {
  margin-bottom: 30px;
}

.mirth-location {
  font-size: 13px;
  color: #8B5E3C;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 500;
}

.mirth-headline {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 1.2;
  margin: 0 0 10px 0;
}

.mirth-highlight {
  font-size: 15px;
  color: #C9A24A;
  font-weight: 600;
  margin: 0;
}

/* Video Styling */
.mirth-video-container {
  width: 100%;
  max-width: 300px; /* Kept slim to match the screenshot */
  aspect-ratio: 9/16;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
  background: #000;
}

.mirth-video-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Below Video Copy */
.mirth-video-footer {
  margin-top: 20px;
}

.mirth-video-caption {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

.mirth-audio-note {
  font-size: 13px;
  color: #888;
}

.mirth-quick-cta {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #8B5E3C;
  text-decoration: none;
  border-bottom: 1px solid #8B5E3C;
  padding-bottom: 2px;
  transition: opacity 0.3s ease;
}

.mirth-quick-cta:hover {
  opacity: 0.8;
}

/* =========================================
   RIGHT: FORM CARD
========================================= */
.mirth-booking-column {
  display: flex;
  justify-content: flex-end; /* Pushes form slightly to the right */
  width: 100%;
}

.mirth-form-card {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  background: #fdfdfc; /* Extremely soft off-white to separate from background */
  border-radius: 20px;
  border: 1px solid #f0ebe1;
  box-shadow: 0 20px 50px rgba(139, 94, 60, 0.05);
}

.mirth-card-header {
  text-align: center;
  margin-bottom: 25px;
}

.mirth-card-header h3 {
  color: #5d4633;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px 0;
}

.mirth-subtitle {
  font-size: 13px;
  color: #888;
  margin: 0;
}

/* Live Urgency Notification Box */
.mirth-live-urgency {
  text-align: center;
  background: #f6efe6;
  color: #8B5E3C;
  padding: 12px 15px;
  border-radius: 10px;
  font-size: 13px;
  margin-bottom: 25px;
  font-weight: 500;
}

/* Elementor Form Field Overrides */
.mirth-elementor-form-wrapper .elementor-field-group {
  margin-bottom: 16px !important;
}

.mirth-elementor-form-wrapper .elementor-field-label {
  font-size: 13px !important;
  color: #6b4f3b !important;
  margin-bottom: 6px !important;
}

.mirth-elementor-form-wrapper .elementor-field {
  height: 48px !important;
  border-radius: 8px !important;
  border: 1px solid #e0dbce !important;
  background: #ffffff !important;
  padding: 0 16px !important;
  font-size: 14px !important;
}

/* Elementor Submit Button */
.mirth-elementor-form-wrapper .elementor-button {
  background: #C9A24A !important;
  border-radius: 8px !important;
  padding: 14px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  width: 100% !important;
  margin-top: 10px !important;
  transition: background 0.3s ease !important;
}

.mirth-elementor-form-wrapper .elementor-button:hover {
  background: #b8913f !important;
}

/* Helper Text Under Button */
.mirth-form-helper {
  text-align: center;
  margin-top: 20px;
}

.mirth-form-helper p {
  font-size: 13px;
  color: #777;
  margin: 4px 0;
}

/* Trust Badge (Star Rating) */
.mirth-trust-badge {
  text-align: center;
  margin-top: 15px;
  font-size: 13px;
  color: #8B5E3C;
  font-weight: 500;
}

/* =========================================
   RESPONSIVE DESIGN (MOBILE)
========================================= */
@media (max-width: 900px) {
  .mirth-premium-hero {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .mirth-video-column {
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }

  .mirth-booking-column {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e08d65a *//* =========================
   DETAILS SECTION
========================= */
.mirth-details-section {
  max-width: 1100px;
  margin: 80px auto 40px;
  padding: 0 20px;
}

/* TITLE */
.mirth-section-title {
  text-align: center;
  margin-bottom: 50px;
}

.mirth-section-title h2 {
  font-size: 32px;
  color: #8B5E3C;
}

.mirth-location {
  font-size: 14px;
  color: #777;
}

/* GRID */
.mirth-details-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.mirth-details-card {
  background: #fff;
  padding: 30px;
  border-radius: 18px;
  border: 1px solid #f1ece6;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.mirth-details-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 60px rgba(139,94,60,0.1);
}

/* TITLE */
.mirth-details-card h3 {
  font-size: 18px;
  margin-bottom: 18px;
  color: #8B5E3C;
}

/* LIST */
.mirth-details-card ul {
  list-style: none;
  padding: 0;
}

.mirth-details-card li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #555;
  padding-left: 18px;
  position: relative;
}

.mirth-details-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C9A24A;
}

/* EXTRA INFO */
.mirth-extra-info {
  margin-top: 40px;
  padding: 20px;
  text-align: center;
  background: #fdfaf5;
  border-radius: 14px;
  font-size: 14px;
}

/* =========================
   MAP + CTA ROW
========================= */
.mirth-map-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 40px;
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
  align-items: center;
}

/* MAP */
.mirth-map-box iframe {
  width: 100%;
  height: 380px;
  border-radius: 20px;
  border: none;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* CTA PANEL */
.mirth-map-cta {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.06);
  text-align: center;
}

.mirth-map-cta h3 {
  color: #8B5E3C;
  margin-bottom: 10px;
}

.mirth-map-cta p {
  color: #666;
  font-size: 14px;
}

/* BUTTON */
.mirth-btn-primary {
  display: inline-block;
  margin-top: 15px;
  padding: 14px 30px;
  border-radius: 12px;
  background: linear-gradient(135deg, #C9A24A, #8B5E3C);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

/* TRUST */
.mirth-mini-trust {
  margin-top: 10px;
  font-size: 12px;
  color: #888;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 992px) {

  .mirth-details-grid {
    grid-template-columns: 1fr;
  }

  .mirth-map-row {
    grid-template-columns: 1fr;
  }

  .mirth-map-box iframe {
    height: 300px;
  }
}
/* CTA LOGO */
.mirth-cta-logo {
  margin-bottom: 20px;
  text-align: center;
}

.mirth-cta-logo img {
  max-width: 160px;
  height: auto;
  opacity: 0.95;

  /* Premium feel */
  filter: 
    drop-shadow(0 6px 15px rgba(0,0,0,0.15))
    drop-shadow(0 0 10px rgba(201,162,74,0.2));

  transition: all 0.3s ease;
}

/* Hover subtle luxury */
.mirth-cta-logo img:hover {
  transform: scale(1.05);
  opacity: 1;
}
.mirth-urgency-strip {
  text-align: center;
  margin-top: 25px;
  padding: 12px;
  background: rgba(201,162,74,0.15);
  color: #8B5E3C;
  font-weight: 600;
  border-radius: 10px;
  font-size: 14px;
}/* End custom CSS */