.elementor-1305 .elementor-element.elementor-element-9d4d9ea{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1305 .elementor-element.elementor-element-9d4d9ea:not(.elementor-motion-effects-element-type-background), .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hotelhotspring.in/wp-content/uploads/2026/01/Untitled-design-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1305 .elementor-element.elementor-element-9d4d9ea::before, .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .elementor-background-video-container::before, .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .e-con-inner > .elementor-background-video-container::before, .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .elementor-background-slideshow::before, .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .e-con-inner > .elementor-background-slideshow::before, .elementor-1305 .elementor-element.elementor-element-9d4d9ea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-1305 .elementor-element.elementor-element-34b7da5{text-align:center;}.elementor-1305 .elementor-element.elementor-element-34b7da5 .elementor-heading-title{font-size:60px;color:#FFFFFF;}.elementor-1305 .elementor-element.elementor-element-b3604e3{text-align:center;font-size:24px;color:#FFFFFF;}.elementor-1305 .elementor-element.elementor-element-8e680d5{--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:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-1305 .elementor-element.elementor-element-8e680d5:not(.elementor-motion-effects-element-type-background), .elementor-1305 .elementor-element.elementor-element-8e680d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1305 .elementor-element.elementor-element-9d4d9ea{--content-width:850px;}.elementor-1305 .elementor-element.elementor-element-8e680d5{--content-width:1200px;}}@media(max-width:1024px){.elementor-1305 .elementor-element.elementor-element-34b7da5 .elementor-heading-title{font-size:60px;}.elementor-1305 .elementor-element.elementor-element-8e680d5{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1305 .elementor-element.elementor-element-8a4cfee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-1305 .elementor-element.elementor-element-34b7da5 .elementor-heading-title{font-size:46px;}.elementor-1305 .elementor-element.elementor-element-b3604e3{font-size:20px;}.elementor-1305 .elementor-element.elementor-element-8a4cfee{padding:0px 20px 0px 20px;}}/* Start custom CSS for html, class: .elementor-element-8a4cfee *//* ===== SECTION LAYOUT ===== */
.about-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 60px;
  width: 100%;
}

/* ===== LEFT IMAGES ===== */
.overlap-wrapper {
  position: relative;
  width: 100%;
}

.img-box {
  background: #FFD0A2;
  padding: 10px;
}

.img-box img {
  width: 100%;
  display: block;
}

.img-left {
  width: 55%;
}

.img-right {
  width: 55%;
  position: absolute;
  right: 0;
  bottom: clamp(-40px, -8vw, -60px);
  z-index: 2;
}

/* Spacer to prevent overlap with next section */
.overlap-spacer {
  display: block;
  padding-bottom: clamp(60px, 12vw, 100px);
}

/* ===== RIGHT CONTENT ===== */
.about-content .subheading {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2B130E;
}

.about-content h2 {
  font-size: 42px;
  line-height: 1.2;
  margin: 10px 0 20px;
}

.about-content p {
  color: #555;
  margin-bottom: 15px;
}

.features {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.features li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}

.features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #000;
  font-weight: bold;
}

.small-text {
  font-size: 14px;
  color: #777;
}

/* Button */
.btn-primary {
  display: inline-block;
  font-size: 18px;
  margin-top: 20px;
  padding: 15px 36px;
  background: #2B130E;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.btn-primary:hover {
  background: #FFD0A2;
    color: #000;
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {
  .about-section {
    grid-template-columns: 1fr;
    gap: 90px;
  }
  
  .about-content h2 {
  font-size: 30px;
  line-height: 1.2;
}

  .img-left,
  .img-right {
    width: 70%;
  }
}/* End custom CSS */