.elementor-2696 .elementor-element.elementor-element-b45f7c0{--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-2696 .elementor-element.elementor-element-46eb60a{--spacer-size:100px;}.elementor-2696 .elementor-element.elementor-element-a55d790 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2696 .elementor-element.elementor-element-a55d790{padding:60px 0px 110px 0px;}.elementor-2696 .elementor-element.elementor-element-e4de9de{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body.elementor-page-2696:not(.elementor-motion-effects-element-type-background), body.elementor-page-2696 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}body.elementor-page-2696{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2696 .elementor-element.elementor-element-a55d790{padding:30px 0px 80px 0px;}}@media(min-width:768px){.elementor-2696 .elementor-element.elementor-element-b45f7c0{--content-width:1600px;}}@media(max-width:767px){.elementor-2696 .elementor-element.elementor-element-a55d790{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-448f401 */.activity-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  display: grid;
  gap: 60px;
  background: #fff;
  color: #000;
}

.activity {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

.activity.reverse .activity-image { order: 2; }
.activity.reverse .activity-text { order: 1; }

.activity-image img {
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-fit: cover;
  display: block;
}

.activity-text {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.activity-text h3 {
  font-family: "Playfair Display", serif;
  font-size: clamp(28px, 4vw, 40px);
  margin-bottom: 16px;
  color: #000;
}

.activity-text p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 12px;
  color: #333;
}

/* Testimonial as a card */
.testimonial {
  background: #fff;
  border-radius: 12px;
  padding: 50px 30px;
  margin: 40px auto;
  max-width: 900px;
  text-align: center;
  font-style: italic;
  color: #000;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}
.testimonial footer {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  opacity: 0.7;
}

/* Responsive */
@media (max-width: 900px) {
  .activity {
    grid-template-columns: 1fr;
  }
  .activity.reverse .activity-image { order: 0; }
  .activity-image img { min-height: 260px; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a55d790 *//* ===== Elementor Tabs Styling (Theme #917252) ===== */
.elementor-tabs {
  background: transparent;
  border: none;
  font-family: 'Segoe UI', sans-serif;
}

/* ---- Tab Titles ---- */
.elementor-tabs-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}

.elementor-tab-title {
  color: #ccc !important;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 8px 0;
  position: relative;
  cursor: pointer;
  transition: color 0.3s ease;
}

.elementor-tab-title:hover {
  color: #917252 !important;
}

.elementor-tab-title.elementor-active {
  color: #917252 !important;
}

.elementor-tab-title.elementor-active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2px;
  background: #917252;
  border-radius: 2px;
}

/* ---- Tab Content ---- */
.elementor-tab-content {
  text-align: center;
  padding: 20px 10px;
}

.elementor-tab-content img {
  width: 100%;
  max-width: 700px;        /* keep large but not oversized */
  height: auto;            /* keep natural aspect ratio */
  object-fit: cover;
  border-radius: 12px;
  border: 2px solid rgba(145,114,82,0.3);
  box-shadow: 0 8px 20px rgba(0,0,0,0.6);
  margin-bottom: 20px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.elementor-tab-content img {
  image-rendering: auto;       /* browser default scaling */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); /* GPU rendering trick */
}


.elementor-tab-content img:hover {
  transform: scale(1.02);
  filter: brightness(1.05);
}

/* ---- Headings & Text ---- */
.elementor-tab-content h1,
.elementor-tab-content h2,
.elementor-tab-content h3,
.elementor-tab-content h5 {
  color: #917252;
  font-weight: 700;
  margin: 10px 0;
}

.elementor-tab-content p,
.elementor-tab-content div.hero-content {
  color: #ddd;
  font-size: 1rem;
  margin-bottom: 15px;
  line-height: 1.6;
}

.hero-content h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #ccc;
}

/* ---- Room Badge ---- */
.room-badge {
  display: inline-block;
  background: rgba(145,114,82,0.15);
  color: #917252;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 5px;
}

/* ---- Responsive Layout ---- */
@media screen and (max-width: 1024px) {
  .elementor-tab-content img {
    max-width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .elementor-tab-content img {
    max-width: 90%;
  }
  .hero-content h1 {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 480px) {
  .elementor-tab-content img {
    max-width: 100%;
  }
  .hero-content h1 {
    font-size: 1.2rem;
  }
  .hero-content h5 {
    font-size: 0.9rem;
  }
  .elementor-tab-title {
    font-size: 0.9rem;
  }
}/* End custom CSS */