/* Mobile Sticky Buttons */
.bg-black{ }
.mobile-sticky {
  position: fixed;
  right: 15px;
  bottom: 80px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sticky-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.bg-img {
	text-align:center;
	color:white;
  background-image: url("../../images/sec-bg.jpg");
  
  
}
.call-btn {
  background-color: #0d6efd; /* Bootstrap primary */
}

.whatsapp-btn {
  background-color: #25D366;
}

.sticky-btn:hover {
  opacity: 0.85;
}



.bg-black{ }
.ss {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c78f1e;
    --bs-btn-border-color: #c78f1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e0ae32;
    --bs-btn-hover-border-color: #e0ae32;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e0ae32;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c78f1e;
    --bs-btn-disabled-border-color: #c78f1e;
}

.vv {
    --bs-btn-color: #c78f1e;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #c78f1e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e0ae32;
    --bs-btn-hover-border-color: #e0ae32;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e0ae32;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #c78f1e;
}

body{ font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
.hero{ background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); }
.navbar-brand{ color: var(--brand); }
.card img{ height: 200px; object-fit: cover; }
.footer a{ color: #fff; }
@media (max-width:768px){ .hero h1{ font-size:1.6rem; } }
```

--- assets/img/README.txt ---
```
Place your images here:
- hero-home.svg (illustration)
- room1.jpg, room2.jpg, room3.jpg
Use compressed jpeg/png for faster loading.
```

--- README.md ---
```markdown
PGHomes - 5 Page Responsive Bootstrap Website
Files included:
- index.html
- about.html
- rooms.html
- owners.html
- contact.html
- assets/css/style.css
- assets/img/* (placeholders)

How to run locally:
1. Put these files in a folder (eg. pghomes-site).
2. Open index.html in a browser (or use VS Code Live Server).
3. Replace placeholder images and contact details.

Want me to:
- convert this to a single-page React + Tailwind site?
- add a CMS or Google Forms integration for owner submissions?
- provide a ready-to-upload ZIP with images?
Reply and I'll add it.