.fp-scope { --fp-green:#2D4A2A; --fp-khaki:#BDB76B; --fp-text:#444; --fp-bg:#8dd644; }

    /* Hero */
    .fp-scope .fp-hero{
      position:relative;
      padding:120px 0;
      height: 50vh;
      background:url('image/drawbghsp.png') center/cover no-repeat;
      color:#fff;
      text-align:center;
      overflow:hidden;
    }
    .fp-scope .fp-hero::before{
      content:"";
      position:absolute; inset:0;
      background:rgba(7, 64, 1, 0.90);
      z-index:1;
    }
    .fp-scope .fp-hero-inner{ position:relative; z-index:2; }
    .fp-scope .fp-hero-badge{
      display:inline-block;
      background:rgba(255,255,255,0.15);
      padding:10px 20px;
      border-radius:999px;
      font-weight:600;
      letter-spacing:.2px;
    }
    .fp-scope .fp-hero h1{
      font-family:'Lora', serif;
      font-size:3.2rem;
      font-weight:700;
      margin:16px 0 10px;
    }
    .fp-scope .fp-hero p{
      max-width:760px; margin:0 auto;
      font-size:1.1rem; opacity:.95;
    }

    /* Section heading */
    .fp-scope .fp-section-heading{
      text-align:center;
      margin:64px 0 36px;
    }
    .fp-scope .fp-section-heading h2{
      font-family:'Lora', serif;
      font-size:2.4rem;
      font-weight:700;
      color:var(--fp-gr);
      display:inline-block;
      position:relative;
      padding-bottom:10px;
      margin-bottom:10px;
    }
    .fp-scope .fp-section-heading h2::after{
      content:"";
      position:absolute; left:50%; transform:translateX(-50%);
      bottom:0; width:64px; height:3px; background:var(--fp-khaki);
    }
    .fp-scope .fp-section-heading p{ color:#666; margin:0; }

    /* Feature rows (alternating) */
    .fp-scope .fp-features{
      padding:20px 0 70px;
    }
    .fp-scope .fp-feature{
      display:flex; align-items:center; gap:40px;
      background:#fff;
      border-radius:16px;
      box-shadow:0 10px 30px rgba(0,0,0,0.07);
      padding:38px;
      margin-bottom:28px;
      position:relative;
      overflow:hidden;
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .fp-scope .fp-feature:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 42px rgba(0,0,0,0.10);
    }
    .fp-scope .fp-feature.reverse{ flex-direction:row-reverse; }

    /* Rounded image with green border + flicker overlay */
    .fp-scope .fp-image{
      position:relative;
      width:360px; min-width:280px; aspect-ratio:1/1;
      border-radius:50%;
      overflow:hidden;
      border:8px solid var(--fp-green);
      box-shadow:0 8px 20px rgba(45,74,42,0.15);
    }
    .fp-scope .fp-image img{
      width:100%; height:100%; object-fit:cover;
      transform:scale(1.02);
      transition:transform .65s ease, filter .65s ease;
    }
    .fp-scope .fp-feature:hover .fp-image img{
      transform:scale(1.06);
      filter:saturate(1.08) brightness(0.92);
    }
    .fp-scope .fp-image .fp-glow{
      position:absolute; inset:0;
      background:radial-gradient(120% 120% at 28% 28%, rgba(45,74,42,0.65) 0%, rgba(45,74,42,0.0) 60%);
      mix-blend-mode:multiply;
      opacity:0;
      pointer-events:none;
    }
    .fp-scope .fp-feature:hover .fp-image .fp-glow{
      animation:fpGreenFlicker .8s ease-out forwards;
    }
    @keyframes fpGreenFlicker{
      0%{opacity:0}
      20%{opacity:.36}
      40%{opacity:.15}
      60%{opacity:.30}
      100%{opacity:.20}
    }

    /* Content */
    .fp-scope .fp-content{ flex:1; }
    .fp-scope .fp-badge{
      display:inline-block;
      background:rgba(45,74,42,0.08);
      color:var(--fp-green);
      font-weight:600;
      padding:6px 12px;
      border-radius:999px;
      margin-bottom:10px;
    }
    .fp-scope .fp-content h3{
      font-family:'Lora', serif;
      color:var(--fp-green);
      font-weight:700;
      margin:6px 0 12px 0;
      font-size:1.7rem;
    }
    .fp-scope .fp-content p{ color:var(--fp-text); margin-bottom:12px; }

    .fp-scope .fp-points{
      display:flex; flex-wrap:wrap; gap:8px 16px;
      margin:0; padding:0; list-style:none;
    }
    .fp-scope .fp-points li{
      position:relative; padding-left:22px;
    }
    .fp-scope .fp-points li::before{
      content:"\f00c";
      font-family:"Font Awesome 6 Free"; font-weight:900;
      color:var(--fp-green);
      position:absolute; left:0; top:2px; font-size:.95rem;
    }

    /* Amenities strip (optional) */
    .fp-scope .fp-amenities{
      margin-top:22px;
      display:flex; gap:12px; flex-wrap:wrap;
    }
    .fp-scope .fp-amenity{
      background:#fff;
      border:1px solid rgba(45,74,42,0.10);
      border-radius:10px;
      padding:10px 14px;
      display:flex; align-items:center; gap:8px;
      box-shadow:0 4px 14px rgba(0,0,0,0.04);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .fp-scope .fp-amenity i{ color:var(--fp-green); }
    .fp-scope .fp-amenity:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,0.08); }

    /* Responsive */
    @media (max-width: 1199.98px){
      .fp-scope .fp-image{ width:320px; }
    }
    @media (max-width: 991.98px){
      .fp-scope .fp-feature,
      .fp-scope .fp-feature.reverse{
        flex-direction:column;
        text-align:center;
      }
      .fp-scope .fp-image{ width:280px; }
      .fp-scope .fp-points{ justify-content:center; }
    }
    @media (max-width: 575.98px){
      .fp-scope .fp-hero{ padding:90px 0; }
      .fp-scope .fp-hero h1{ font-size:2.4rem; }
    }