:root{
  --gh-dark: #16332b;
  --gh-dark-2: #1c3f34;
  --gh-gold: #e0a73a;
  --gh-gold-dark: #c9922c;
  --gh-cream: #faf6ec;
  --gh-cream-2: #f4efe1;
  --gh-text: #1f2a24;
  --gh-text-muted: #667066;
  --gh-border: #e7e2d3;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 6px;
}

html{ scroll-behavior:smooth; }
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

body{
  font-family: 'Poppins', sans-serif;
  color: var(--gh-text);
  background:#fff;
  font-size:1rem;
  line-height:1.7;
}

h1,h2,h3,h4,h5,.font-serif{
  font-family: 'Fraunces', 'Playfair Display', serif;
  color: var(--gh-dark);
  font-weight:600;
  letter-spacing:-0.01em;
}

a{ text-decoration:none; }
img{ max-width:100%; }

.text-gold{ color: var(--gh-gold) !important; }
.text-dark-green{ color: var(--gh-dark) !important; }
.bg-dark-green{ background-color: var(--gh-dark) !important; }
.bg-cream{ background-color: var(--gh-cream) !important; }
.bg-cream-2{ background-color: var(--gh-cream-2) !important; }

/* -------------------- Eyebrow / section labels -------------------- */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color: var(--gh-gold-dark);
  font-weight:600;
  font-size:.85rem;
  margin-bottom:.6rem;
}
.eyebrow svg{ width:16px; height:16px; }

/* -------------------- Buttons -------------------- */
.btn-gold{
  background-color: var(--gh-gold);
  border:1px solid var(--gh-gold);
  color: var(--gh-dark);
  font-weight:600;
  padding:.75rem 1.6rem;
  border-radius: var(--radius-sm);
  transition:.2s ease;
}
.btn-gold:hover{ background-color: var(--gh-gold-dark); border-color:var(--gh-gold-dark); color: var(--gh-dark); }

.btn-outline-cream{
  background:transparent;
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-weight:600;
  padding:.75rem 1.6rem;
  border-radius: var(--radius-sm);
  transition:.2s ease;
}
.btn-outline-cream:hover{ background:rgba(255,255,255,.12); color:#fff; }

.btn-dark-green{
  background-color: var(--gh-dark);
  border:1px solid var(--gh-dark);
  color:#fff;
  font-weight:600;
  padding:.7rem 1.5rem;
  border-radius: var(--radius-sm);
  transition:.2s ease;
}
.btn-dark-green:hover{ background-color:#0e241c; color:#fff; }

.btn-icon-circle{
  width:44px; height:44px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background-color: var(--gh-dark);
  color:#fff; border:none; flex:0 0 auto;
}
.btn-icon-circle:hover{ background-color: var(--gh-gold); color: var(--gh-dark); }

/* -------------------- Navbar -------------------- */
.gh-navbar{
  background-color: var(--gh-dark);
  padding:.2rem 0;
}
.gh-navbar .navbar-brand{
  display:flex; align-items:center; gap:.6rem;
  color:#fff;
}
.gh-navbar .navbar-brand .brand-name{
  font-family:'Fraunces','Playfair Display',serif;
  font-weight:600; font-size:1.25rem; line-height:1.1; color:#fff;
}
.gh-navbar .navbar-brand .brand-tagline{
  display:block; font-size:.6rem; letter-spacing:.14em; color:var(--gh-gold);
  font-family:'Poppins',sans-serif; font-weight:500;
}
.gh-navbar .nav-link{
  color:rgba(255,255,255,.85) !important;
  font-weight:500; font-size:.95rem;
  padding:.5rem 1rem !important;
  position:relative;
}
.gh-navbar .nav-link.active,
.gh-navbar .nav-link:hover{ color:#fff !important; }
.gh-navbar .nav-link.active::after{
  content:"";
  position:absolute; left:1rem; right:1rem; bottom:.15rem; height:2px;
  background: var(--gh-gold);
}
.gh-navbar .navbar-toggler{ border-color:rgba(255,255,255,.4); }

/* -------------------- Hero -------------------- */
.hero-section{
  position:relative;
  background: linear-gradient(180deg, #10251d 0%, #1c3f34 60%);
  overflow:hidden;
  padding-bottom:0;
}
.hero-home{background: linear-gradient(to right, hsl(95.82deg 75.09% 7.47%) 0, hsl(336.92deg 14.77% 1.93% / 0%) 75%), url(/public/upload/site/1788353583_her-bg-1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.hero-copy{ padding: 3.5rem 0 3rem; }
.hero-copy h1{
  color:#fff;
  font-size: clamp(2.1rem, 4vw, 3.1rem);
  line-height:1.15;
  margin-bottom:1rem;
}
.hero-copy p.lead{
  color: rgba(255,255,255,.75);
  font-size:1.02rem;
  max-width:480px;
}
.hero-image-wrap{
  position:relative;
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  overflow:hidden;
  height:100%;
  min-height:340px;
}
.hero-image-wrap img{
  width:100%; height:100%; object-fit:cover; display:block;
  min-height:340px;
}

.hero-stats{
  background-color: var(--gh-dark-2);
  border:1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-lg);
  margin-top:-2px;
  padding: 1.6rem 1rem;
}
.hero-stats .stat-item{
  display:flex; align-items:center; gap:.85rem;
}
.hero-stats .stat-icon{
  width:52px; height:52px; border-radius:50%;
  background: rgba(224,167,58,.12);
  border:1px solid rgba(224,167,58,.4);
  display:flex; align-items:center; justify-content:center;
  color: var(--gh-gold); flex:0 0 auto;
}
.hero-stats .stat-num{ color:#fff; font-family:'Fraunces',serif; font-weight:600; font-size:1.3rem; line-height:1; }
.hero-stats .stat-label{ color:rgba(255,255,255,.65); font-size:.82rem; }

/* -------------------- Feature checklist -------------------- */
.check-list{ list-style:none; padding:0; margin:0; }
.check-list li{
  display:flex; align-items:center; gap:.7rem;
  padding:.5rem 0;
  color: var(--gh-text);
  font-weight:500;
}
.check-list .check-ico{
  width:22px; height:22px; border-radius:50%;
  background: rgba(224,167,58,.15);
  color: var(--gh-gold-dark);
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto;
}

.media-badge-card{
  position:sticky; bottom:2rem;
  background: var(--gh-gold);
  border-radius: var(--radius-md);
  padding:1rem 1.2rem;
  display:flex; align-items:center; gap:.9rem;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.media-badge-card .badge-ico{
  width:44px; height:44px; border-radius:50%;
  background: var(--gh-cream);
  display:flex; align-items:center; justify-content:center;
  color: var(--gh-dark); flex:0 0 auto;
}
.media-badge-card h6{ color: var(--gh-dark); margin:0; font-family:'Poppins',sans-serif; font-weight:700; font-size:.95rem; }
.media-badge-card p{ color:#4a3413; margin:0; font-size:.8rem; }

.image-frame{ position:relative; border-radius: var(--radius-lg); overflow:hidden; }
.image-frame img{ width:100%; display:block; border-radius: var(--radius-lg); }

/* -------------------- Offering cards -------------------- */
.offer-card{
  background:#fff;
  border:1px solid var(--gh-border);
  border-radius: var(--radius-lg);
  padding:2rem 1.5rem;
  height:100%;
  transition:.25s ease;
}
.offer-card:hover{ transform:translateY(-4px); box-shadow:0 18px 34px rgba(22,51,43,.1); border-color:transparent; }
.offer-card .offer-ico{
  width:64px; height:64px; border-radius:50%;
  background: var(--gh-cream-2);
  display:flex; align-items:center; justify-content:center;
  color: var(--gh-dark);
  margin-bottom:1.2rem;
}
.offer-card h5{ font-size:1.05rem; margin-bottom:.6rem; }
.offer-card p{ color: var(--gh-text-muted); font-size:.9rem; margin-bottom:0; }
/* -------------------- Sustainable materials -------------------- */
.material-card{
  background:#fff;
  border:1px solid var(--gh-border);
  border-radius: var(--radius-lg);
  overflow:hidden;
  height:100%;
  transition:.25s ease;
}
.material-card:hover{ box-shadow:0 16px 30px rgba(22,51,43,.1); transform:translateY(-3px); }
.material-card .material-img-wrap{ position:relative; height:150px; overflow:hidden; }
.material-card .material-img-wrap img{ width:100%; height:100%; object-fit:cover; }
.material-card .material-ico-badge{
  position:absolute; top:.85rem; left:.85rem;
  width:40px; height:40px; border-radius:50%;
  background: var(--gh-dark);
  color: var(--gh-gold);
  display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(255,255,255,.8);
}
.material-card .material-body{ padding:1.1rem 1.2rem 1.3rem; }
.material-card h6{ font-size:.98rem; margin-bottom:.4rem; }
.material-card p{ color: var(--gh-text-muted); font-size:.83rem; margin-bottom:.7rem; }
.material-card .learn-more{
  color: var(--gh-dark); font-weight:600; font-size:.83rem;
  display:inline-flex; align-items:center; gap:.35rem;
}
.material-card .learn-more i{ transition:.2s ease; }
.material-card:hover .learn-more i{ transform:translateX(3px); }
/* -------------------- Project cards -------------------- */
.project-card{
  background:#fff;
  border:1px solid var(--gh-border);
  border-radius: var(--radius-lg);
  overflow:hidden;
  height:100%;
  transition:.25s ease;
}
.project-card:hover{ box-shadow:0 20px 40px rgba(22,51,43,.12); transform:translateY(-3px); }
.project-card .project-img-wrap{ position:relative; height:270px; overflow:hidden; }
.project-card .project-img-wrap img{ width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.project-card:hover .project-img-wrap img{ transform:scale(1.06); }
.project-card .featured-tag{
  position:absolute; top:.9rem; left:.9rem;
  background: var(--gh-gold);
  color: var(--gh-dark);
  font-size:.72rem; font-weight:700;
  padding:.3rem .7rem; border-radius: var(--radius-sm);
}
.project-card .project-body{ padding:1.3rem 1.3rem 1.4rem; }
.project-card h5{ font-size:1.1rem; margin-bottom:.3rem; }
.project-card .loc{ color: var(--gh-text-muted); font-size:.86rem; display:flex; align-items:center; gap:.35rem; margin-bottom:.9rem; }
.project-card .meta-row{ display:flex; justify-content:space-between; align-items:flex-end; border-top:1px dashed var(--gh-border); padding-top:.8rem; }
.project-card .meta-row .bhk{ font-size:.82rem; color: var(--gh-text-muted); }
.project-card .meta-row .price-label{ font-size:.72rem; color: var(--gh-text-muted); display:block; }
.project-card .meta-row .price{ font-weight:700; color: var(--gh-dark); }

/* -------------------- Dark about band -------------------- */
.about-band{
  background: var(--gh-dark);
  border-radius: var(--radius-lg);
  overflow:hidden;
}
.about-band .about-copy{ padding: 2.75rem 2rem; }
.about-band h2{ color:#fff; }
.about-band p{ color: rgba(255,255,255,.72); }
.about-band .feat-row{ display:flex; gap:1.7rem; flex-wrap:wrap; margin:1.4rem 0 1.6rem; }
.about-band .feat-item{ display:flex; align-items:center; gap:.55rem; color:#fff; font-size:.85rem; font-weight:500; }
.about-band .feat-item .ico{ color: var(--gh-gold); }
.about-band .about-img-wrap{ position:relative; height:100%; min-height:320px; }
.about-band .about-img-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
.years-badge{
  position:absolute; left:-1px; bottom:1.5rem;
  background: var(--gh-gold); color: var(--gh-dark);
  padding:1.1rem 1.4rem; border-radius: 0 var(--radius-md) var(--radius-md) 0;
  text-align:center;
}
.years-badge .num{ font-family:'Fraunces',serif; font-weight:700; font-size:1.5rem; line-height:1; }
.years-badge .lbl{ font-size:.72rem; }

/* -------------------- Testimonials -------------------- */
.testimonial-card{
  background:#fff;
  border:1px solid var(--gh-border);
  border-radius: var(--radius-lg);
  padding:1.8rem;
  height:100%;
}
.testimonial-card .quote-ico{ color: var(--gh-gold); font-size:1.6rem; font-family:Georgia,serif; line-height:1; }
.testimonial-card .stars{ color: var(--gh-gold); font-size:.8rem; margin:.5rem 0 .8rem; letter-spacing:.15em; }
.testimonial-card p{ color: var(--gh-text); font-size:.92rem; }
.testimonial-card .person{ display:flex; align-items:center; gap:.7rem; margin-top:1.1rem; }
.testimonial-card .person img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
.testimonial-card .person .name{ font-weight:600; font-size:.9rem; color: var(--gh-dark); }
.testimonial-card .person .role{ font-size:.78rem; color: var(--gh-text-muted); }

/* -------------------- CTA banner -------------------- */
.cta-banner{
  background: var(--gh-dark);
  border-radius: var(--radius-lg);
}
.cta-banner .cta-ico{
  width:52px; height:52px; border-radius:50%;
  background: rgba(224,167,58,.14);
  color: var(--gh-gold);
  display:flex; align-items:center; justify-content:center;
}
.cta-banner h5{ color:#fff; margin-bottom:.15rem; }
.cta-banner p{ color: rgba(255,255,255,.65); margin:0; font-size:.88rem; }

/* -------------------- Footer -------------------- */
.gh-footer{ background-color: var(--gh-dark); color: rgba(255,255,255,.7); }
.gh-footer h6{ color:#fff; font-family:'Poppins',sans-serif; font-weight:600; margin-bottom:1.1rem; }
.gh-footer a{ color: rgba(255,255,255,.65); font-size:.9rem; }
.gh-footer a:hover{ color: var(--gh-gold); }
.gh-footer .foot-links li{ margin-bottom:.55rem; }
.gh-footer .brand-name{ color:#fff; font-family:'Fraunces',serif; font-weight:600; font-size:1.15rem; }
.gh-footer .social-ico{
  width:36px; height:36px; border-radius:50%;
  background: rgba(255,255,255,.08);
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; margin-right:.5rem;
}
.gh-footer .social-ico:hover{ background: var(--gh-gold); color: var(--gh-dark); }
.gh-footer .contact-line{ display:flex; gap:.6rem; margin-bottom:.8rem; font-size:.88rem; }
.gh-footer .contact-line .ico{ color: var(--gh-gold); flex:0 0 auto; margin-top:.15rem; }
.gh-footer hr{ border-color: rgba(255,255,255,.12); }
.footer-bottom{ font-size:.82rem; }

/* -------------------- Page hero (inner pages) -------------------- */
.page-hero{
  background: linear-gradient(180deg, #10251d 0%, #1c3f34 100%);
  padding: 2.5rem 0 3rem;
}
.page-hero h1{ color:#fff; font-size:clamp(1.9rem,3.4vw,2.6rem); }
.page-hero .breadcrumb{ --bs-breadcrumb-divider: '/'; margin-bottom:.9rem; }
.page-hero .breadcrumb a{ color: rgba(255,255,255,.65); }
.page-hero .breadcrumb-item.active{ color: var(--gh-gold); }
.page-hero p{ color: rgba(255,255,255,.7); max-width:560px; }

/* -------------------- Generic section spacing -------------------- */
.section{ padding: 5rem 0; }
.section-sm{ padding: 3.5rem 0; }

.divider-dot{ width:6px; height:6px; border-radius:50%; background: var(--gh-gold); display:inline-block; }

/* -------------------- Property page specifics -------------------- */
.gallery-main{ border-radius: var(--radius-lg); overflow:hidden; height:420px; }
.gallery-main img{ width:100%; height:100%; object-fit:cover; }
.gallery-thumbs img{ border-radius: var(--radius-md); height:130px; width:100%; object-fit:cover; cursor:pointer; border:2px solid transparent; }
.gallery-thumbs img.active-thumb{ border-color: var(--gh-gold); }

.price-box{
  background: var(--gh-cream);
  border:1px solid var(--gh-border);
  border-radius: var(--radius-lg);
  padding:1.6rem;
}
.spec-pill{
  background:#fff; border:1px solid var(--gh-border); border-radius: var(--radius-md);
  padding:.9rem .8rem; text-align:center;
}
.spec-pill .ico{ color: var(--gh-gold-dark); margin-bottom:.35rem; }
.spec-pill .val{ font-weight:700; color: var(--gh-dark); font-size:.95rem; }
.spec-pill .lbl{ font-size:.72rem; color: var(--gh-text-muted); }

.amenity-item{ display:flex; align-items:center; gap:.7rem; padding:.7rem 0; border-bottom:1px dashed var(--gh-border); }
.amenity-item .ico{
  width:38px; height:38px; border-radius:50%; background: var(--gh-cream-2);
  display:flex; align-items:center; justify-content:center; color: var(--gh-dark); flex:0 0 auto;
}

.sticky-enquiry{ position:sticky; top:7rem; }

.nav-pills-custom .nav-link{
  color: var(--gh-text-muted); font-weight:600; font-size:.9rem;
  border-bottom:2px solid transparent; border-radius:0; padding:.7rem .2rem; margin-right:1.8rem;
}
.nav-pills-custom .nav-link.active{ color: var(--gh-dark); background:transparent; border-bottom-color: var(--gh-gold); }

/* -------------------- About page specifics -------------------- */
.value-card{
  border:1px solid var(--gh-border); border-radius: var(--radius-lg);
  padding:1.8rem; height:100%; background:#fff; transition:.25s ease;
}
.value-card:hover{ box-shadow:0 16px 30px rgba(22,51,43,.08); transform:translateY(-3px); }
.value-card .ico{
  width:56px; height:56px; border-radius:50%; background: var(--gh-cream-2);
  display:flex; align-items:center; justify-content:center; color: var(--gh-dark); margin-bottom:1rem;
}
.team-card{ text-align:center; }
.team-card .photo-wrap{ border-radius: var(--radius-lg); overflow:hidden; margin-bottom:1rem; }
.team-card .photo-wrap img{ width:100%; height:280px; object-fit:cover; }
.team-card h6{ margin-bottom:.1rem; }
.team-card .role{ color: var(--gh-gold-dark); font-size:.82rem; font-weight:600; }

.milestone{ text-align:center; }
.milestone .num{ font-family:'Fraunces',serif; font-weight:700; font-size:2.1rem; color: var(--gh-dark); }
.milestone .lbl{ color: var(--gh-text-muted); font-size:.85rem; }

/* -------------------- Contact page specifics -------------------- */
.contact-card{
  background:#fff; border:1px solid var(--gh-border); border-radius: var(--radius-lg);
  padding:1.7rem; height:100%; text-align:center; transition:.25s ease;
}
.contact-card:hover{ box-shadow:0 16px 30px rgba(22,51,43,.08); transform:translateY(-3px); }
.contact-card .ico{
  width:58px; height:58px; border-radius:50%; background: var(--gh-cream-2);
  display:flex; align-items:center; justify-content:center; color: var(--gh-dark);
  margin:0 auto 1rem;
}
.form-control, .form-select{
  border:1px solid var(--gh-border); border-radius: var(--radius-sm);
  padding:.7rem .9rem; font-size:.92rem;
}
.form-control:focus, .form-select:focus{
  border-color: var(--gh-gold); box-shadow:0 0 0 .2rem rgba(224,167,58,.15);
}
.form-label{ font-weight:500; font-size:.88rem; color: var(--gh-text); margin-bottom:.4rem; }
.contact-form-wrap{
  background:#fff; border:1px solid var(--gh-border); border-radius: var(--radius-lg); padding:2.2rem;
}
.map-wrap{ border-radius: var(--radius-lg); overflow:hidden; height:420px; }
.map-wrap iframe{ width:100%; height:100%; border:0; display:block; }

.accordion-custom .accordion-item{ border:1px solid var(--gh-border); border-radius: var(--radius-md) !important; margin-bottom:.8rem; overflow:hidden; }
.accordion-custom .accordion-button{ font-weight:600; color: var(--gh-dark); font-size:.95rem; }
.accordion-custom .accordion-button:not(.collapsed){ background: var(--gh-cream-2); color: var(--gh-dark); box-shadow:none; }
.accordion-custom .accordion-button:focus{ box-shadow:none; border-color: var(--gh-border); }

/* -------------------- Utilities -------------------- */
.shadow-soft{ box-shadow:0 18px 40px rgba(22,51,43,.08); }
.rounded-xl{ border-radius: var(--radius-lg) !important; }

@media (max-width: 991.98px){
  .hero-image-wrap{ border-radius: var(--radius-lg); min-height:280px; margin-top:2rem; }
  .about-band .about-img-wrap{ min-height:260px; }
  .sticky-enquiry{ position:static; margin-top:2rem; }
  .hero-home{background: linear-gradient(to right, hsl(49.29deg 100% 92.63%) 0, hsl(336.92deg 14.77% 1.93% / 0%) 260%), url(/public/upload/site/1788594990_ujjawal-residences.png);background-repeat: no-repeat;background-position: left;background-size: cover;}
  .hero-home .hero-btn{justify-content: center;}
  .hero-home .hero-copy{text-align:center;}
  .hero-home .hero-copy p{color:#fff;}
  .hero-home .hero-copy h1,.hero-home .hero-copy p{color:var(--gh-dark);}
  .hero-home button{background:var(--gh-dark);color:#fff;}
  
  
}

/* -------------------- Book a Visit modal -------------------- */
.gh-modal-content{ border:none; border-radius: var(--radius-lg); overflow:hidden; }
.gh-modal-header{
  background: var(--gh-cream-2);
  border-bottom:1px solid var(--gh-border);
  align-items:flex-start;
  padding:1.4rem 1.6rem;
}
.gh-modal-header .modal-title{ font-size:1.3rem; }
.modal-body{ padding:1.6rem; }
.gh-modal-footer{ border-top:1px solid var(--gh-border); padding:1.1rem 1.6rem; }
#bvSuccessMsg{
  background: rgba(224,167,58,.12);
  border:1px solid rgba(224,167,58,.35);
  color: var(--gh-dark);
  border-radius: var(--radius-md);
}

.btn-whatsapp{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: green;
  color: #fff;
  padding: 2px 15px;
  font-size: 36px;
  border-radius: 15px;
  transition:0.2s;
}
.btn-whatsapp:hover{
  bottom: 30px;
  transition:0.2s;
}
 /* Hero Hhome 2 */
.hero-section.hero-home2 {
    position: relative;
    min-height: auto;
    padding: 55px 0 0;
    overflow: hidden !important;

   
    background:
        linear-gradient(90deg, rgb(255 252 244 / 98%) 0%, rgb(255 249 234 / 93%) 42%, rgba(253, 250, 243, 0.68) 100%), url(/public/upload/site/hero-bg.jpg);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-home2 .hero-copy h1 {
    color: #173f35 !important;
}
.hero-home2 .hero-copy p {
    color: #173f35 !important;
    font-size: 18px;
    line-height: 1.7;
    max-width: 600px;
    margin-bottom: 0;
}

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

.hero-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 32px;
    margin-bottom: 30px;
    max-width: 680px;
}

.hero-feature {
    text-align: center;
    padding: 8px 4px;
}

.hero-feature-icon {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(201, 150, 35, .55);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    color: #173f35;
    background: rgba(255,255,255,.55);
    transition: all .3s ease;
}

.hero-feature-icon i {
    font-size: 25px;
}

.hero-feature:hover .hero-feature-icon {
    transform: translateY(-4px);
    background: #173f35;
    color: #d99d20;
    box-shadow: 0 8px 20px rgba(23,63,53,.15);
}

.hero-feature-title {
    color: #173f35;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}

.hero-home2 .btn-outline-cream {
    color: #173f35 !important;
    border: 1px solid #173f35 !important;
    background: transparent !important;
    font-weight: 600;
    padding: 14px 27px;
    border-radius: 8px;
    transition: all .3s ease;
}

.hero-home2 .btn-outline-cream:hover {
    background: #173f35 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.hero-home2 img{
  height:auto;
}