.elementor-6307 .elementor-element.elementor-element-0ea798b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-cef018f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-6a37c25{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-b64a9f3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-c80c6e5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-3964b54{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-613cd7d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-2d16a86{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-859c6ac *//* =========================================================
   MIRTH — INTRODUCTION
   ========================================================= */

.mirth-intro-section {
    width: 100%;
    padding: 100px 0;
    background: #f5f2ec;
    box-sizing: border-box;
}

.mirth-intro-inner {
    width: min(1200px, calc(100% - 120px));
    margin: 0 auto;
}


/* =========================================================
   LABEL
   ========================================================= */

.mirth-intro-label {
    margin: 0 0 35px;

    font-family: "Gruppo", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 3px;

    color: #666;
}


/* =========================================================
   CONTENT
   ========================================================= */

.mirth-intro-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: start;
}


/* =========================================================
   TITLE
   ========================================================= */

.mirth-intro-title {
    margin: 0;

    font-family: "Gruppo", sans-serif;
    font-size: clamp(46px, 5vw, 70px);
    font-weight: 400;
    line-height: 1.05;

    color: #242424;
}


/* =========================================================
   TEXT
   ========================================================= */

.mirth-intro-text {
    max-width: 540px;
}

.mirth-intro-text p {
    margin: 0 0 22px;

    font-family: "Sedan", Georgia, serif;
    font-size: 19px;
    line-height: 1.65;

    color: #666;
}


/* =========================================================
   BUTTON
   ========================================================= */

.mirth-intro-button {
    display: inline-flex;
    align-items: center;
    gap: 14px;

    margin-top: 12px;
    padding-bottom: 8px;

    border-bottom: 1px solid #555;

    font-family: "Gruppo", sans-serif;
    font-size: 14px;
    letter-spacing: 2px;

    color: #242424;
    text-decoration: none;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.mirth-intro-button span {
    font-size: 18px;
    line-height: 1;
}

.mirth-intro-button:hover {
    gap: 21px;
    color: #242424;
}


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

@media (max-width: 991px) {

    .mirth-intro-section {
        padding: 80px 0;
    }

    .mirth-intro-inner {
        width: calc(100% - 80px);
    }

    .mirth-intro-content {
        gap: 50px;
    }

    .mirth-intro-title {
        font-size: 50px;
    }

    .mirth-intro-text p {
        font-size: 18px;
    }
}


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

@media (max-width: 767px) {

    .mirth-intro-section {
        padding: 65px 0;
    }

    .mirth-intro-inner {
        width: calc(100% - 40px);
    }

    .mirth-intro-label {
        margin-bottom: 25px;
        font-size: 12px;
        letter-spacing: 2.5px;
    }

    .mirth-intro-content {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .mirth-intro-title {
        font-size: 42px;
        line-height: 1.05;
    }

    .mirth-intro-text {
        max-width: 100%;
    }

    .mirth-intro-text p {
        font-size: 17px;
        line-height: 1.65;
    }

    .mirth-intro-button {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f175455 *//* =========================================================
   MIRTH — STAY WITH US
   ========================================================= */

.mirth-stays-section {
  width: 100%;
  padding: 100px 6%;
  background: #ffffff;
  box-sizing: border-box;
}

.mirth-stays-container {
  max-width: 1180px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.mirth-stays-header {
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}

.mirth-stays-label {
  display: block;

  margin-bottom: 12px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 3px;

  text-transform: uppercase;

  color: #9a7950;
}

.mirth-stays-title {
  margin: 0 0 18px !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-stays-description {
  max-width: 650px;

  margin: 0 auto;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.7;

  color: #666666;
}


/* =========================================================
   GRID
   ========================================================= */

.mirth-stays-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 25px;
}


/* =========================================================
   CARD
   ========================================================= */

.mirth-stay-card {
  overflow: hidden;

  background: #f5f3ee;

  border: 1px solid #e8e1d7;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.mirth-stay-card:hover {
  transform: translateY(-4px);

  box-shadow:
    0 12px 30px rgba(60, 45, 30, 0.08);
}


/* =========================================================
   IMAGE
   ========================================================= */

.mirth-stay-image {
  position: relative;

  width: 100%;
  aspect-ratio: 4 / 3;

  overflow: hidden;

  background: #dddddd;
}

.mirth-stay-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.7s ease;
}

.mirth-stay-card:hover
.mirth-stay-image img {
  transform: scale(1.04);
}


/* =========================================================
   IMAGE ARROW
   ========================================================= */

.mirth-stay-arrow {
  position: absolute;

  right: 18px;
  bottom: 18px;

  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(255,255,255,0.94);

  color: #14649a !important;

  font-family: Arial, sans-serif;
  font-size: 20px;

  text-decoration: none !important;

  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.mirth-stay-card:hover
.mirth-stay-arrow {
  transform: rotate(45deg);

  background: #ffffff;
}


/* =========================================================
   CONTENT
   ========================================================= */

.mirth-stay-info {
  padding: 28px 30px 32px;
}

.mirth-stay-category {
  display: block;

  margin-bottom: 10px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 2.5px;

  color: #9a7950;
}

.mirth-stay-name {
  margin: 0 0 13px !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-stay-text {
  max-width: 480px;

  margin: 0 0 22px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.7;

  color: #666666;
}


/* =========================================================
   VIEW STAY LINK
   ========================================================= */

.mirth-stay-link {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding-bottom: 6px;

  border-bottom: 1px solid #8b6a43;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 1.2px;

  color: #8b6a43 !important;

  text-decoration: none !important;

  transition:
    gap 0.3s ease,
    color 0.3s ease;
}

.mirth-stay-link span {
  font-size: 14px;
}

.mirth-stay-link:hover {
  gap: 16px;

  color: #14649a !important;
}


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

.mirth-stays-footer {
  margin-top: 40px;

  text-align: center;
}

.mirth-stays-all {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 13px 25px;

  border: 1px solid #8b6a43;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1px;

  color: #8b6a43 !important;

  text-decoration: none !important;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    gap 0.3s ease;
}

.mirth-stays-all span {
  font-size: 15px;
}

.mirth-stays-all:hover {
  background: #8b6a43;

  color: #ffffff !important;

  gap: 17px;
}


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

@media (max-width: 900px) {

  .mirth-stays-section {
    padding: 75px 5%;
  }

  .mirth-stays-grid {
    gap: 20px;
  }

  .mirth-stay-info {
    padding: 24px;
  }

  .mirth-stay-name {
    font-size: 24px;
  }

}


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

@media (max-width: 600px) {

  .mirth-stays-section {
    padding: 60px 20px;
  }

  .mirth-stays-header {
    margin-bottom: 35px;
  }

  .mirth-stays-label {
    font-size: 8px;
    letter-spacing: 2.5px;
  }

  .mirth-stays-title {
    font-size: 29px;
  }

  .mirth-stays-description {
    font-size: 12px;
    line-height: 1.7;
  }

  .mirth-stays-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mirth-stay-image {
    aspect-ratio: 4 / 3;
  }

  .mirth-stay-info {
    padding: 23px 24px 26px;
  }

  .mirth-stay-name {
    font-size: 24px;
  }

  .mirth-stay-text {
    font-size: 12px;
    line-height: 1.7;
  }

  .mirth-stay-footer {
    margin-top: 30px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e5b8a0 *//* =========================================================
   MIRTH — EXPERIENCES
   ========================================================= */

.mirth-experiences-section {
  width: 100%;
  padding: 100px 6%;
  background: #f5f3ee;
  box-sizing: border-box;
}

.mirth-experiences-container {
  max-width: 1180px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.mirth-experiences-header {
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}

.mirth-experiences-label {
  margin-bottom: 12px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;

  color: #9a7950;
}

.mirth-experiences-title {
  margin: 0 0 18px !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-experiences-description {
  max-width: 650px;
  margin: 0 auto;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.7;

  color: #666;
}


/* =========================================================
   GRID
   ========================================================= */

.mirth-experiences-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 25px;
}


/* =========================================================
   CARD
   ========================================================= */

.mirth-experience-card {
  background: #ffffff;

  overflow: hidden;

  border: 1px solid #e8e1d7;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.mirth-experience-card:hover {
  transform: translateY(-4px);

  box-shadow:
    0 12px 30px rgba(60, 45, 30, 0.08);
}


/* =========================================================
   IMAGE
   ========================================================= */

.mirth-experience-image {
  width: 100%;
  aspect-ratio: 16 / 9;

  overflow: hidden;

  background: #ddd;
}

.mirth-experience-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.7s ease;
}

.mirth-experience-card:hover
.mirth-experience-image img {
  transform: scale(1.05);
}


/* =========================================================
   CONTENT
   ========================================================= */

.mirth-experience-content {
  padding: 26px 30px 30px;
}

.mirth-experience-number {
  display: block;

  margin-bottom: 9px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 2px;

  color: #9a7950;
}

.mirth-experience-content h3 {
  margin: 0 0 12px !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-experience-content p {
  max-width: 470px;

  margin: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.7;

  color: #666;
}


/* =========================================================
   CTA
   ========================================================= */

.mirth-experiences-footer {
  margin-top: 40px;

  text-align: center;
}

.mirth-experiences-button {
  display: inline-flex;

  align-items: center;
  gap: 12px;

  padding: 13px 26px;

  border: 1px solid #8b6a43;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 1px;

  color: #8b6a43 !important;

  text-decoration: none !important;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    gap 0.3s ease;
}

.mirth-experiences-button span {
  font-size: 15px;
}

.mirth-experiences-button:hover {
  background: #8b6a43;

  color: #ffffff !important;

  gap: 17px;
}


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

@media (max-width: 900px) {

  .mirth-experiences-section {
    padding: 75px 5%;
  }

  .mirth-experiences-grid {
    gap: 20px;
  }

  .mirth-experience-content {
    padding: 24px;
  }

  .mirth-experience-content h3 {
    font-size: 23px;
  }

}


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

@media (max-width: 600px) {

  .mirth-experiences-section {
    padding: 60px 20px;
  }

  .mirth-experiences-header {
    margin-bottom: 35px;
  }

  .mirth-experiences-label {
    font-size: 8px;
    letter-spacing: 2.5px;
  }

  .mirth-experiences-title {
    font-size: 29px;
  }

  .mirth-experiences-description {
    font-size: 12px;
    line-height: 1.7;
  }

  .mirth-experiences-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .mirth-experience-image {
    aspect-ratio: 16 / 10;
  }

  .mirth-experience-content {
    padding: 23px 24px 26px;
  }

  .mirth-experience-content h3 {
    font-size: 24px;
  }

  .mirth-experience-content p {
    font-size: 12px;
  }

  .mirth-experiences-footer {
    margin-top: 30px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc6223e *//* =========================================================
   MIRTH — OFFERS
   ========================================================= */

.mirth-offers-section {
  width: 100%;
  padding: 90px 6%;
  box-sizing: border-box;
  background: #faf8f4;
}


/* =========================================================
   HEADER
   ========================================================= */

.mirth-offers-header {
  max-width: 720px;
  margin: 0 auto 48px;
  text-align: center;
}

.mirth-eyebrow {
  display: block;
  margin-bottom: 12px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;

  color: #9a7950;
}

.mirth-offers-header h2 {
  margin: 0 0 16px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-offers-header p {
  max-width: 600px;
  margin: 0 auto;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.7;

  color: #666;
}


/* =========================================================
   OFFERS GRID
   ========================================================= */

.mirth-offers-grid {
  max-width: 1120px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1fr;

  gap: 24px;
}


/* =========================================================
   OFFER CARD
   ========================================================= */

.mirth-offer-card {
  display: grid;
  grid-template-columns: 40% 60%;

  background: #ffffff;

  border: 1px solid #e8e1d7;

  overflow: hidden;

  box-shadow: 0 6px 25px rgba(60, 45, 30, 0.05);
}


/* =========================================================
   IMAGE
   ========================================================= */

.mirth-offer-image {
  position: relative;

  display: block;

  min-height: 340px;

  overflow: hidden;

  background: #eee;
}

.mirth-offer-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.6s ease;
}

.mirth-offer-card:hover .mirth-offer-image img {
  transform: scale(1.035);
}


/* =========================================================
   CONTENT
   ========================================================= */

.mirth-offer-content {
  padding: 40px 46px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mirth-offer-label {
  display: block;

  margin-bottom: 10px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  font-weight: 600;

  letter-spacing: 2.5px;
  text-transform: uppercase;

  color: #9a7950;
}

.mirth-offer-content h3 {
  margin: 0 0 16px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;

  color: #14649a;
}

.mirth-offer-description {
  max-width: 500px;

  margin: 0 0 22px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.7;

  color: #555;
}


/* =========================================================
   FEATURES
   ========================================================= */

.mirth-offer-features {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 9px 20px;

  padding: 18px 0;

  border-top: 1px solid #e8e1d7;
  border-bottom: 1px solid #e8e1d7;
}

.mirth-offer-features span {
  position: relative;

  padding-left: 15px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;

  color: #555;
}

.mirth-offer-features span::before {
  content: "✓";

  position: absolute;
  left: 0;
  top: 0;

  color: #9a7950;
}


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

.mirth-offer-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 25px;

  margin-top: 22px;
}


/* =========================================================
   PRICE
   ========================================================= */

.mirth-offer-price {
  display: flex;
  flex-direction: column;
}

.mirth-offer-price small {
  margin-bottom: 2px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;

  color: #777;
}

.mirth-offer-price strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;

  color: #8b6a43;
}

.mirth-offer-price span {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;

  color: #888;
}


/* =========================================================
   BUTTON
   ========================================================= */

.mirth-offer-button {
  display: inline-block;

  padding: 12px 22px;

  background: #8b6a43;
  border: 1px solid #8b6a43;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 500;

  letter-spacing: 0.8px;
  text-transform: uppercase;

  color: #ffffff !important;

  text-decoration: none !important;

  transition:
    background 0.3s ease,
    border-color 0.3s ease;
}

.mirth-offer-button:hover {
  background: #6f5334;
  border-color: #6f5334;
}


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

@media (max-width: 900px) {

  .mirth-offers-section {
    padding: 75px 5%;
  }

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

  .mirth-offer-image {
    min-height: 320px;
  }

  .mirth-offer-content {
    padding: 35px;
  }

}


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

@media (max-width: 600px) {

  .mirth-offers-section {
    padding: 60px 20px;
  }

  .mirth-offers-header {
    margin-bottom: 32px;
  }

  .mirth-offers-header h2 {
    font-size: 29px;
  }

  .mirth-offers-header p {
    font-size: 12px;
  }

  .mirth-offers-grid {
    gap: 18px;
  }

  .mirth-offer-image {
    min-height: 250px;
  }

  .mirth-offer-content {
    padding: 27px 23px;
  }

  .mirth-offer-content h3 {
    font-size: 25px;
  }

  .mirth-offer-description {
    font-size: 12px;
  }

  .mirth-offer-features {
    grid-template-columns: 1fr;

    gap: 8px;
  }

  .mirth-offer-footer {
    align-items: flex-start;
    flex-direction: column;

    gap: 18px;
  }

  .mirth-offer-button {
    width: 100%;
    box-sizing: border-box;

    text-align: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daf3f48 *//* =========================================================
   MIRTH — GALLERY
   ========================================================= */

.mirth-gallery-section {
  width: 100%;
  padding: 100px 6%;
  box-sizing: border-box;
  background: #ffffff;
}


/* =========================================================
   HEADER
   ========================================================= */

.mirth-gallery-header {
  max-width: 1180px;
  margin: 0 auto 42px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 50px;
}

.mirth-gallery-title-wrap {
  flex: 1;
}

.mirth-gallery-eyebrow {
  display: block;

  margin-bottom: 12px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: #9a7950;
}

.mirth-gallery-header h2 {
  margin: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  font-weight: 400;

  line-height: 1.2;

  color: #14649a;
}

.mirth-gallery-header p {
  max-width: 400px;

  margin: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;

  line-height: 1.7;

  color: #666;
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

.mirth-gallery-grid {
  max-width: 1180px;
  margin: 0 auto;

  display: grid;

  grid-template-columns: 1.35fr 1fr 1fr 1fr;
  grid-template-rows: 245px 245px;

  gap: 10px;
}


/* =========================================================
   ITEMS
   ========================================================= */

.mirth-gallery-item {
  position: relative;

  display: block;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background: #eee;

  text-decoration: none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.mirth-gallery-item img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 0.7s ease,
    filter 0.5s ease;
}


/* =========================================================
   INTENTIONAL LAYOUT
   ========================================================= */

/* Large image */
.gallery-1 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

/* Top right */
.gallery-2 {
  grid-column: 3;
  grid-row: 1;
}

.gallery-3 {
  grid-column: 4;
  grid-row: 1;
}

/* Bottom right */
.gallery-4 {
  grid-column: 3;
  grid-row: 2;
}

.gallery-5 {
  grid-column: 4;
  grid-row: 2;
}

/* Remove tall span from desktop */
.gallery-6 {
  display: none;
}


/* =========================================================
   HOVER
   ========================================================= */

.mirth-gallery-item:hover img {
  transform: scale(1.05);
  filter: brightness(0.78);
}


/* =========================================================
   OVERLAY
   ========================================================= */

.mirth-gallery-overlay {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  padding: 55px 20px 18px;

  background: linear-gradient(
    to top,
    rgba(0,0,0,0.60),
    rgba(0,0,0,0)
  );

  opacity: 0;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;

  color: #fff;

  transition: opacity 0.35s ease;

  pointer-events: none;
}

.mirth-gallery-item:hover .mirth-gallery-overlay {
  opacity: 1;
}


/* =========================================================
   BUTTON
   ========================================================= */

.mirth-gallery-button-wrap {
  max-width: 1180px;

  margin: 38px auto 0;

  text-align: center;
}

.mirth-gallery-button {
  display: inline-block;

  padding: 13px 28px;

  border: 1px solid #8b6a43;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  font-weight: 500;

  letter-spacing: 1px;
  text-transform: uppercase;

  color: #8b6a43 !important;

  background: transparent;

  text-decoration: none !important;

  transition:
    background 0.3s ease,
    color 0.3s ease;
}

.mirth-gallery-button:hover {
  background: #8b6a43;
  color: #fff !important;
}


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

@media (max-width: 900px) {

  .mirth-gallery-section {
    padding: 75px 5%;
  }

  .mirth-gallery-header {
    flex-direction: column;
    align-items: flex-start;

    gap: 18px;
  }

  .mirth-gallery-header h2 {
    font-size: 34px;
  }

  .mirth-gallery-grid {
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 220px 220px;
  }

  .gallery-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  .gallery-2 {
    grid-column: 3;
    grid-row: 1;
  }

  .gallery-3 {
    grid-column: 3;
    grid-row: 2;
  }

  .gallery-4,
  .gallery-5 {
    display: none;
  }

}


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

@media (max-width: 600px) {

  .mirth-gallery-section {
    padding: 60px 20px;
  }

  .mirth-gallery-header {
    margin-bottom: 28px;
    gap: 14px;
  }

  .mirth-gallery-eyebrow {
    font-size: 8px;
    letter-spacing: 2.5px;
  }

  .mirth-gallery-header h2 {
    font-size: 29px;
  }

  .mirth-gallery-header p {
    max-width: 100%;

    font-size: 12px;
    line-height: 1.7;
  }

  .mirth-gallery-grid {
    grid-template-columns: 1fr 1fr;

    grid-template-rows:
      210px
      150px
      150px;

    gap: 6px;
  }

  /* Main image */
  .gallery-1 {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  /* Two images */
  .gallery-2 {
    display: block;

    grid-column: 1;
    grid-row: 2;
  }

  .gallery-3 {
    display: block;

    grid-column: 2;
    grid-row: 2;
  }

  .gallery-4 {
    display: block;

    grid-column: 1;
    grid-row: 3;
  }

  .gallery-5 {
    display: block;

    grid-column: 2;
    grid-row: 3;
  }

  .gallery-6 {
    display: none;
  }

  .mirth-gallery-overlay {
    display: none;
  }

  .mirth-gallery-button-wrap {
    margin-top: 28px;
  }

  .mirth-gallery-button {
    padding: 12px 23px;
    font-size: 8px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85fdfca *//* =========================================
   MIRTH — LOCATION SECTION
   ========================================= */

.mirth-location-section {
  width: 100%;
  padding: 90px 6%;
  background: #f5f3ee;
  box-sizing: border-box;
}


/* =========================================
   MAIN LAYOUT
   ========================================= */

.mirth-location-inner {
  max-width: 1180px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 0.9fr 1.1fr;

  min-height: 520px;
}


/* =========================================
   LEFT CONTENT
   ========================================= */

.mirth-location-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 55px 65px 55px 0;
}


.mirth-location-eyebrow {
  display: block;

  margin-bottom: 15px;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 9px;
  font-weight: 600;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: #9a7950;
}


.mirth-location-content h2 {
  margin: 0 0 22px;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 44px;
  font-weight: 400;

  line-height: 1.12;

  color: #14649a;
}


.mirth-location-intro {
  max-width: 470px;

  margin: 0 0 30px;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 14px;
  line-height: 1.75;

  color: #666;
}


/* =========================================
   LOCATION DETAILS
   ========================================= */

.mirth-location-details {
  display: grid;

  grid-template-columns: 1.3fr 0.7fr;

  gap: 30px;

  margin-bottom: 28px;
}


.mirth-location-label {
  display: block;

  margin-bottom: 7px;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 8px;
  font-weight: 600;

  letter-spacing: 2px;

  color: #9a7950;
}


.mirth-location-detail p {
  margin: 0;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 12px;
  line-height: 1.65;

  color: #444;
}


/* =========================================
   TRAVEL INFORMATION
   ========================================= */

.mirth-location-travel {
  display: flex;

  flex-wrap: wrap;

  gap: 22px;

  margin-bottom: 30px;
}


.mirth-location-travel div {
  display: flex;
  flex-direction: column;

  gap: 5px;
}


.mirth-location-travel span {
  font-family: "Montserrat", Arial, sans-serif;

  font-size: 7px;
  font-weight: 600;

  letter-spacing: 1.3px;

  color: #9a7950;
}


.mirth-location-travel strong {
  font-family: "Montserrat", Arial, sans-serif;

  font-size: 9px;
  font-weight: 500;

  color: #444;
}


/* =========================================
   BUTTON
   ========================================= */

.mirth-location-button {
  align-self: flex-start;

  display: inline-block;

  padding: 13px 27px;

  border: 1px solid #8b6a43;

  background: transparent;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 9px;
  font-weight: 500;

  letter-spacing: 1px;
  text-transform: uppercase;

  color: #8b6a43 !important;

  text-decoration: none !important;

  transition: all 0.3s ease;
}


.mirth-location-button:hover {
  background: #8b6a43;

  color: #ffffff !important;
}


/* =========================================
   MAP
   ========================================= */

.mirth-location-map {
  position: relative;

  min-height: 520px;

  overflow: hidden;

  background: #ddd;
}


.mirth-location-map iframe {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  border: 0;

  filter: grayscale(15%);
}


/* =========================================
   MAP LABEL
   ========================================= */

.mirth-map-label {
  position: absolute;

  left: 22px;
  bottom: 22px;

  display: flex;
  align-items: center;

  gap: 8px;

  padding: 10px 15px;

  background: rgba(255,255,255,0.94);

  box-shadow: 0 4px 18px rgba(0,0,0,0.12);

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 8px;
  font-weight: 600;

  letter-spacing: 1.2px;

  text-transform: uppercase;

  color: #444;
}


.mirth-map-dot {
  width: 7px;
  height: 7px;

  display: block;

  border-radius: 50%;

  background: #9a7950;
}


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

@media (max-width: 900px) {

  .mirth-location-section {
    padding: 75px 5%;
  }

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

  .mirth-location-content {
    padding: 0 0 50px;
  }

  .mirth-location-content h2 {
    font-size: 38px;
  }

  .mirth-location-map {
    min-height: 430px;
  }

}


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

@media (max-width: 600px) {

  .mirth-location-section {
    padding: 60px 20px;
  }

  .mirth-location-content {
    padding-bottom: 40px;
  }

  .mirth-location-eyebrow {
    font-size: 8px;
    letter-spacing: 2.5px;
  }

  .mirth-location-content h2 {
    font-size: 31px;
    margin-bottom: 18px;
  }

  .mirth-location-intro {
    font-size: 12px;
    line-height: 1.75;
    margin-bottom: 25px;
  }

  .mirth-location-details {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 25px;
  }

  .mirth-location-travel {
    flex-direction: column;
    gap: 13px;
    margin-bottom: 28px;
  }

  .mirth-location-button {
    padding: 12px 23px;
    font-size: 8px;
  }

  .mirth-location-map {
    min-height: 330px;
  }

  .mirth-map-label {
    left: 14px;
    bottom: 14px;
    padding: 9px 12px;
    font-size: 7px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d6822e *//* =========================================
   MIRTH — BOOKING CTA
   ========================================= */

.mirth-booking-cta {
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}


/* =========================================
   BACKGROUND IMAGE
   ========================================= */

.mirth-booking-bg {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  display: block;

  z-index: 0;
}


/* =========================================
   OVERLAY
   ========================================= */

.mirth-booking-overlay {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0.58) 0%,
      rgba(0,0,0,0.30) 50%,
      rgba(0,0,0,0.48) 100%
    );

  z-index: 1;
}


/* =========================================
   CONTENT
   ========================================= */

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

  width: 90%;
  max-width: 900px;

  padding: 100px 20px;

  box-sizing: border-box;

  text-align: center;

  color: #ffffff;
}


/* =========================================
   EYEBROW
   ========================================= */

.mirth-booking-eyebrow {
  display: block;

  margin-bottom: 18px;

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 600;

  letter-spacing: 3px;
  text-transform: uppercase;

  color: #d1ad78;
}


/* =========================================
   HEADING
   ========================================= */

.mirth-booking-content h2 {
  margin: 0 0 24px;

  font-family: Georgia, serif;
  font-size: 52px;
  font-weight: 400;

  line-height: 1.12;

  color: #ffffff;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.mirth-booking-content p {
  max-width: 620px;

  margin: 0 auto 35px;

  font-family: Georgia, serif;
  font-size: 15px;

  line-height: 1.8;

  color: rgba(255,255,255,0.92);
}


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

.mirth-booking-actions {
  display: flex;

  justify-content: center;
  align-items: center;

  gap: 14px;

  flex-wrap: wrap;
}


/* PRIMARY BUTTON */

.mirth-booking-primary {
  display: inline-block;

  padding: 15px 34px;

  background: #9a7950;

  border: 1px solid #9a7950;

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 600;

  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: #ffffff !important;
  text-decoration: none !important;

  transition: all 0.3s ease;
}


.mirth-booking-primary:hover {
  background: #ffffff;

  border-color: #ffffff;

  color: #8b6a43 !important;
}


/* SECONDARY BUTTON */

.mirth-booking-secondary {
  display: inline-block;

  padding: 15px 34px;

  background: transparent;

  border: 1px solid rgba(255,255,255,0.8);

  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  font-weight: 500;

  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: #ffffff !important;
  text-decoration: none !important;

  transition: all 0.3s ease;
}


.mirth-booking-secondary:hover {
  background: #ffffff;

  border-color: #ffffff;

  color: #8b6a43 !important;
}


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

@media (max-width: 900px) {

  .mirth-booking-cta {
    min-height: 480px;
  }

  .mirth-booking-content {
    padding: 90px 20px;
  }

  .mirth-booking-content h2 {
    font-size: 44px;
  }

}


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

@media (max-width: 600px) {

  .mirth-booking-cta {
    min-height: 520px;
  }

  .mirth-booking-bg {
    object-position: center center;
  }

  .mirth-booking-content {
    width: 100%;
    padding: 75px 20px;
  }

  .mirth-booking-eyebrow {
    font-size: 8px;
    letter-spacing: 2.5px;
    margin-bottom: 14px;
  }

  .mirth-booking-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 18px;
  }

  .mirth-booking-content p {
    max-width: 340px;

    font-size: 12px;
    line-height: 1.7;

    margin-bottom: 28px;
  }

  .mirth-booking-actions {
    flex-direction: column;
    gap: 10px;
  }

  .mirth-booking-primary,
  .mirth-booking-secondary {
    width: 220px;
    box-sizing: border-box;
    text-align: center;
  }

}/* End custom CSS */