body { padding-top: 58px; }
  :root{
    --maroon: #591419;
    --maroon-deep: #3E0E12;
    --vermilion: #C1440E;
    --vermilion-light: #E06A2C;
    --gold: #C9A227;
    --gold-light: #EAC96A;
    --ivory: #F6EEDD;
    --sandstone: #EFE1C3;
    --charcoal: #2A1810;
    --shadow-soft: 0 10px 30px rgba(62,14,18,0.18);
  }

  *{box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  body{
    font-family:'Mukta', sans-serif;
    color:var(--charcoal);
    background:var(--ivory);
    overflow-x:hidden;
  }

  h1,h2,h3,h4, .display-font{
    font-family:'Marcellus', serif;
    letter-spacing:0.3px;
  }

  .eyebrow{
    font-family:'Mukta', sans-serif;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:0.78rem;
    color:var(--vermilion);
  }

  ::selection{ background:var(--gold-light); color:var(--maroon-deep); }

  a{ text-decoration:none; }

  /* ---------- Marigold garland divider (signature motif) ---------- */
  .garland{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    padding:18px 0 34px;
    flex-wrap:wrap;
  }
  .garland span{
    width:14px;height:14px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--vermilion) 75%);
    box-shadow:0 2px 6px rgba(193,68,14,0.35);
    animation: sway 2.6s ease-in-out infinite;
  }
  .garland span:nth-child(2n){ animation-delay:.3s; transform:translateY(2px);}
  .garland span:nth-child(3n){ animation-delay:.6s; }
  @keyframes sway{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-6px); }
  }

  /* ---------- Navbar ---------- */
  .navbar-temple{
    background:rgba(62,14,18,0.96);
    backdrop-filter:blur(6px);
    border-bottom:2px solid var(--gold);
    padding:.75rem 0;
    transition:padding .3s ease;
  }

    /* Make top info strip appear above the fixed navbar */
    .top-info-section{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:1045;
    }

    /* Push the fixed navbar below the top-info strip */
    .navbar-temple.fixed-top{
        top: 40px; /* adjust if your top-info height changes */
        z-index:1040;
    }
  .navbar-brand-om{
    font-family:'Marcellus', serif;
    color:var(--gold-light) !important;
    font-size:1.35rem;
    display:flex; align-items:center; gap:103%;
  }
  .navbar-brand-om .om-mark{
    font-size:1.6rem; color:var(--gold);
  }
  .navbar-temple .nav-link{
    color:var(--sandstone) !important;
    font-weight:600;
    letter-spacing:.5px;
    margin:0 .4rem;
    position:relative;
  }
  .navbar-temple .nav-link::after{
    content:"";
    position:absolute; left:0; bottom:-2px;
    width:0; height:2px; background:var(--gold);
    transition:width .3s ease;
  }
  .navbar-temple .nav-link:hover::after{ width:100%; }
  .btn-book-nav{
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--maroon-deep) !important;
    font-weight:700;
    border-radius:2px;
    padding:.5rem 1.2rem;
    border:1px solid var(--gold-light);
  }
.hero h1{
  font-weight: 600; 
  color: #fff;
}


  /* ---------- Hero ---------- */
 .hero{
    position:relative;
    overflow:hidden;
    padding:120px 0 70px;
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero .carousel-item{
    min-height:550px;
    display:flex;
    align-items:center;
}

.hero-img{
    width:100%;
    max-width:520px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.carousel-indicators{
    bottom:-10px;
}

.carousel-indicators button{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
}

.carousel-control-prev,
.carousel-control-next{
    width:45px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-size:70%;
}

@media(max-width:991px){

.hero{
    padding:90px 0 60px;
}

.hero .carousel-item{
    min-height:auto;
    text-align:center;
}

.hero-img{
    margin-top:35px;
    max-width:420px;
}

.hero h1{
    font-size:38px;
}

}

@media(max-width:767px){

.hero{
    padding:70px 0 50px;
}

.hero h1{
    font-size:30px;
    line-height:1.3;
}

.hero .lead{
    font-size:16px;
}

.hero-img{
    max-width:100%;
    margin-top:25px;
}

.carousel-control-prev,
.carousel-control-next{
    display:none;
}

}

@media(max-width:576px){

.hero h1{
    font-size:26px;
    
}

.hero .eyebrow{
    font-size:13px;
}

.hero .lead{
    font-size:15px;
}

.hero-img{
    border-radius:12px;
}

}

  /* ---------- About ---------- */
  .about-panel{
    background:linear-gradient(180deg, #fff, var(--sandstone));
    border:1px solid rgba(201,162,39,0.4);
    border-radius:6px;
    box-shadow:var(--shadow-soft);
    padding:2.2rem;
  }
  .pandit-chip{
    display:inline-flex; align-items:center; gap:.6rem;
    background:var(--maroon-deep); color:var(--gold-light);
    padding:.5rem 1rem; border-radius:30px; font-weight:600;
    margin:.25rem .4rem .25rem 0;
    border:1px solid var(--gold);
  }

  /* ---------- Services slider ---------- */
  .services-track-wrap{ position:relative; }
  .services-track{
    display:flex;
    gap:1.5rem;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:1rem .2rem 2rem;
    scrollbar-width:none;
  }
  .services-track::-webkit-scrollbar{ display:none; }
  .service-card{
    flex:0 0 auto;
    width:280px;
    scroll-snap-align:start;
    background:#fff;
    border:1px solid rgba(201,162,39,0.5);
    border-top:4px solid var(--vermilion);
    border-radius:4px;
    box-shadow:0 6px 18px rgba(89,20,25,0.08);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 16px 30px rgba(89,20,25,0.16);
  }
  .service-icon{
    width:54px; height:54px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--vermilion) 80%);
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:1.3rem;
    margin-bottom:1rem;
  }
  .service-card h5{ font-family:'Marcellus', serif; color:var(--maroon-deep); }
  .service-card p{ font-size:.92rem; color:#5b4033; margin-bottom:0; }

  .slider-btn{
    width:44px;height:44px;border-radius:50%;
    border:1px solid var(--gold);
    background:#fff;color:var(--maroon-deep);
    display:flex;align-items:center;justify-content:center;
    transition:background .25s ease, color .25s ease;
  }
  .slider-btn:hover{ background:var(--maroon-deep); color:var(--gold-light); }

  /* ---------- Why choose us ---------- */
  .why-list{ list-style:none; padding:0; margin:0; }
  .why-list li{
    display:flex; align-items:flex-start; gap:.8rem;
    padding:.7rem 0;
    border-bottom:1px dashed rgba(201,162,39,0.4);
  }
  .why-list li:last-child{ border-bottom:none; }
  .why-flame{
    color:var(--vermilion);
    font-size:1.05rem;
    margin-top:.15rem;
  }
  .why-bg{
    background:var(--maroon-deep);
    color:var(--ivory);
    border-radius:6px;
    padding:2.5rem;
  }
  .why-bg .why-list li{ border-bottom-color:rgba(234,201,106,0.25); }

  /* ---------- Process (mala / prayer beads) ---------- */
  .mala{
    position:relative;
  }
  .mala::before{
    content:"";
    position:absolute; top:34px; left:0; right:0; height:2px;
    background:repeating-linear-gradient(90deg, var(--gold) 0 10px, transparent 10px 16px);
    z-index:0;
  }
  .bead{
    position:relative; z-index:1;
    text-align:center;
  }
  .bead-num{
    width:68px;height:68px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, var(--gold-light), var(--vermilion) 85%);
    color:#fff; font-family:'Marcellus',serif; font-size:1.4rem;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 1rem;
    box-shadow:0 6px 16px rgba(193,68,14,0.35);
    border:3px solid #fff;
  }
  .bead h6{ font-weight:700; color:var(--maroon-deep); margin-bottom:.3rem;}
  .bead p{ font-size:.88rem; color:#5b4033; }

  /* ---------- Benefits ---------- */
  .benefit-pill{
    background:#fff;
    border:1px solid rgba(201,162,39,0.5);
    border-radius:40px;
    padding:.7rem 1.2rem;
    font-weight:600;
    color:var(--maroon-deep);
    display:inline-flex; align-items:center; gap:.5rem;
    box-shadow:0 4px 10px rgba(89,20,25,0.06);
    margin:.3rem;
  }
  .benefit-pill i{ color:var(--vermilion); }

  /* ---------- Testimonials ---------- */
  .testimonial-section{
    background:var(--maroon-deep);
    color:var(--ivory);
    position:relative;
  }
  .testimonial-section .eyebrow{ color:var(--gold-light); }
  .testimonial-section .section-title{ color:var(--gold-light); }
  .tablet{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(234,201,106,0.35);
    border-radius:4px;
    padding:2.4rem 2.2rem;
    text-align:center;
    max-width:720px;
    margin:0 auto;
  }
  .tablet i.fa-quote-left{ color:var(--gold); font-size:1.6rem; opacity:.8;}
  .tablet blockquote{
    font-family:'Cormorant Garamond', serif;
    font-style:italic;
    font-size:1.4rem;
    line-height:1.6;
    margin:1rem 0 1.2rem;
    color:var(--sandstone);
  }
  .tablet .stars{ color:var(--gold); margin-bottom:.6rem; }
  #testiCarousel .carousel-control-prev,
  #testiCarousel .carousel-control-next{
    width:40px;
    filter: invert(1) sepia(1) saturate(3) hue-rotate(0deg);
    opacity:.7;
  }
  #testiCarousel .carousel-indicators [data-bs-target]{
    background-color:var(--gold);
  }

  /* ---------- CTA ---------- */
  .cta-band{
    background:linear-gradient(120deg, var(--vermilion), var(--vermilion-light));
    color:#fff;
    text-align:center;
    position:relative;
  }
  .cta-band h2{ color:#fff; }
  .btn-gold{
    background:var(--gold-light);
    color:var(--maroon-deep);
    font-weight:700;
    padding:.9rem 2.2rem;
    border-radius:2px;
    border:1px solid #fff;
    transition:transform .25s ease;
  }
  .btn-gold:hover{ transform:translateY(-3px); color:var(--maroon-deep); }

  /* ---------- Contact ---------- */
  .contact-card{
    background:#fff;
    border:1px solid rgba(201,162,39,0.5);
    border-radius:6px;
    padding:1.6rem;
    box-shadow:0 6px 18px rgba(89,20,25,0.08);
    height:100%;
  }
  .contact-card i{ color:var(--vermilion); }
/* ================= FOOTER ================= */

.footer{
    background:#3d0d0d;
    color:#fff;
    padding:70px 0 20px;
}

.footer-logo{
    width:180px;
}

.footer h5{
    color:#f8d568;
    margin-bottom:25px;
    font-weight:700;
}

.footer-text{
    color:#ddd;
    line-height:1.8;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#f8d568;
    padding-left:8px;
}

.footer-contact p{
    color:#ddd;
    margin-bottom:16px;
    line-height:1.7;
}

.footer-contact i{
    color:#f8d568;
    margin-right:10px;
    width:18px;
}

.footer-contact a{
    color:#ddd;
    text-decoration:none;
}

.footer-contact a:hover{
    color:#f8d568;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff15;
    color:#fff;
    border-radius:50%;
    transition:.3s;
    text-decoration:none;
}

.footer-social a:hover{
    background:#f8d568;
    color:#3d0d0d;
    transform:translateY(-5px);
}

.footer hr{
    border-color:#ffffff20;
    margin:40px 0 20px;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    color:#ccc;
    font-size:15px;
}

.footer-bottom p{
    margin:0;
}

.footer-bottom a{
    color:#f8d568;
    text-decoration:none;
}

.footer-bottom a:hover{
    text-decoration:underline;
}
@media(max-width:991px){
      /* Push the fixed navbar below the top-info strip */
    .navbar-temple.fixed-top{
        top: 48px; /* adjust if your top-info height changes */
        z-index:1040;
    }
}
@media(max-width:768px){

.footer{
    text-align:center;
}

.footer-logo{
    margin:auto;
}

.footer-social{
    justify-content:center;
}

.footer-bottom{
    justify-content:center;
    text-align:center;
}

}
  @media (max-width: 689px){
   .navbar-temple.fixed-top{
        top: 80px; /* adjust if your top-info height changes */
        z-index:1040;
   }
    }

  @media (max-width: 767px){
    section{ padding:3.5rem 0; }
    .mandala{ opacity:0.14; }
    .why-bg{ padding:1.6rem; }
    .hero{
      margin-top: 55px;
    }
  }

  @media (prefers-reduced-motion: reduce){
    .mandala{ animation:none; }
    .garland span{ animation:none; }
    .reveal{ transition:none; opacity:1; transform:none; }
  }

  .hero {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5); /* Change opacity here */
    z-index: -1;
}

.hero-content {
    position: relative;
    z-index: 2;
}
.service-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.service-card:hover{
    transform:translateY(-8px);
}

.service-img{
    width:100%;
    height:220px;
    overflow:hidden;
}

.service-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.service-card:hover .service-img img{
    transform:scale(1.08);
}

.service-card h5{
    padding:20px 20px 10px;
    margin:0;
    font-weight:700;
}

.service-card p{
    padding:0 20px;
    color:#666;
    margin-bottom:20px;
}

.service-btn{
    display:inline-block;
    margin:0 20px 22px;
    padding:10px 24px;
    background:#8B1E1E;
    color:#fff;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.service-btn:hover{
    background:#d4a017;
    color:#fff;
}

@media(max-width:768px){
    .service-img{
        height:190px;
    }
}
/*========================
PAGE HEADER
=========================*/

.page-header{
    background:linear-gradient(rgba(70,35,10,.75),rgba(70,35,10,.75)),
    url(images/breadcrumb.jpg) center/cover;
    padding:170px 0 90px;
    color:#fff;
}

.page-header h1{
    font-family:'Marcellus',serif;
    font-size:50px;
    margin-bottom:15px;
}

.breadcrumb{
    background:none;
    margin:0;
}

.breadcrumb-item a{
    color:#f6d97b;
    text-decoration:none;
}

.breadcrumb-item.active{
    color:#fff;
}

.breadcrumb-item + .breadcrumb-item::before{
    color:#fff;
}

/*========================
ABOUT
=========================*/

.about-page{
    background:#fffdf8;
}

.sub-title{
    color:#b8860b;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.about-page h2{
    font-family:'Marcellus',serif;
    font-size:42px;
    color:#542b09;
    margin:15px 0 25px;
}

.about-page p{
    color:#555;
    line-height:1.9;
}

.about-page img{
    width:100%;
}

/*========================
FEATURES
=========================*/

.about-features{
    margin-top:35px;
}

.feature-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:25px;
}

.feature-box i{
    width:60px;
    height:60px;
    background:#c08a2f;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.feature-box h5{
    margin-bottom:6px;
    color:#4f2808;
}

.feature-box p{
    margin:0;
}

/*========================
WHY US
=========================*/

.why-us{
    background:#fdf6eb;
}

.why-us h2{
    font-family:'Marcellus',serif;
    color:#542b09;
}

.why-card{
    background:#fff;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
    transition:.4s;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.why-card:hover{
    transform:translateY(-8px);
}

.why-card i{
    font-size:45px;
    color:#c08a2f;
    margin-bottom:20px;
}

.why-card h4{
    color:#542b09;
    margin-bottom:15px;
}

.why-card p{
    color:#666;
    margin:0;
}

/*========================
RESPONSIVE
=========================*/

@media(max-width:991px){

.page-header{
    padding:150px 0 70px;
}

.page-header h1{
    font-size:40px;
}

.about-page h2{
    font-size:34px;
}

}

@media(max-width:767px){

.page-header{
    padding:130px 0 60px;
}

.page-header h1{
    font-size:32px;
}

.about-page h2{
    font-size:28px;
}

.feature-box{
    flex-direction:column;
    text-align:center;
    align-items:center;
}

}
/*==========================
PROCESS PAGE
==========================*/

.process-page{
    background:#fffdf8;
}

.process-page h2{
    font-family:'Marcellus',serif;
    color:#5b3412;
    margin-bottom:15px;
}

.process-page p{
    color:#666;
}

.process-timeline{
    max-width:900px;
    margin:auto;
    position:relative;
    padding-left:40px;
}

.process-timeline::before{
    content:"";
    position:absolute;
    left:32px;
    top:0;
    width:4px;
    height:100%;
    background:#d9b45d;
}

.process-item{
    position:relative;
    display:flex;
    gap:30px;
    margin-bottom:45px;
}

.process-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#b8860b;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:26px;
    flex-shrink:0;
    position:relative;
    z-index:2;
}

.process-content{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    width:100%;
    transition:.3s;
}

.process-content:hover{
    transform:translateY(-5px);
}

.process-content span{
    color:#b8860b;
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
}

.process-content h4{
    margin:10px 0;
    color:#5b3412;
    font-family:'Marcellus',serif;
}

.process-content p{
    margin:0;
}

/*==========================
CTA
==========================*/

.process-cta{
    background:linear-gradient(rgba(78,41,8,.88),rgba(78,41,8,.88)),
    url(images/process-bg.jpg) center/cover;
    padding:80px 20px;
    color:#fff;
    text-align:center;
}

.process-cta h2{
    font-family:'Marcellus',serif;
    margin-bottom:20px;
}

.process-cta p{
    max-width:700px;
    margin:auto auto 30px;
    color:#eee;
}

.process-cta .btn{
    border-radius:50px;
    font-weight:600;
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:768px){

.process-timeline{
    padding-left:15px;
}

.process-timeline::before{
    left:28px;
}

.process-item{
    gap:20px;
}

.process-icon{
    width:55px;
    height:55px;
    font-size:20px;
}

.process-content{
    padding:20px;
}

}
.feature-box{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
}

.feature-box i{
    color:#fffdf9;
}

.benefits-section{
    background:#fdf8ef;
}

.benefit-card{
    background:#fff;
    padding:35px 25px;
    text-align:center;
    border-radius:15px;
    height:100%;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.benefit-card:hover{
    transform:translateY(-8px);
}

.benefit-card i{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#c7952d;
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
}

.benefit-card h5{
    color:#5d3210;
    font-family:'Marcellus',serif;
}

.benefit-card p{
    color:#666;
}

@media(max-width:768px){

.mangal-puja{
    text-align:center;
}

.feature-box{
    justify-content:center;
}

.mangal-puja h2,
.benefits-section h2{
    font-size:30px;
}

}
/* Dropdown Menu */
.navbar .dropdown-menu{
    border-radius:12px;
    min-width:280px;
    padding:10px 0;
    border:1px solid rgba(212,175,55,.25);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.navbar .dropdown-item{
    padding:12px 22px;
    color:#5b3412;
    font-weight:500;
    transition:.3s;
}

.navbar .dropdown-item:hover{
    background:#d4af37;
    color:#fff;
    padding-left:28px;
}

.navbar .dropdown-toggle::after{
    margin-left:8px;
}

/* Show dropdown on hover (Desktop only) */
@media (min-width:992px){

.navbar .dropdown:hover > .dropdown-menu{
    display:block;
}

}

/* Mobile */
@media (max-width:991px){

.navbar .dropdown-menu{
    border:none;
    box-shadow:none;
    background:transparent;
    padding-left:15px;
}

.navbar .dropdown-item{
    color:#fff;
    padding:10px 15px;
}

.navbar .dropdown-item:hover{
    background:rgba(255,255,255,.1);
    color:#d4af37;
    padding-left:20px;
}

}
.contact-hero{
background:linear-gradient(rgba(50,28,8,.75),rgba(50,28,8,.75)),url(images/contact-banner.jpg) center/cover;
min-height:420px;
margin-top:90px;
}

.contact-hero h1{
font-family:'Marcellus',serif;
font-size:55px;
margin:20px 0;
}

.hero-subtitle{
color:#f4c35d;
letter-spacing:2px;
text-transform:uppercase;
}

.contact-info{
background:#fffaf2;
}

.info-card{
background:#fff;
padding:40px 25px;
border-radius:15px;
text-align:center;
height:100%;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.info-card:hover{
transform:translateY(-8px);
}

.info-card .icon{
width:80px;
height:80px;
margin:auto;
background:#c7952d;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#fff;
margin-bottom:20px;
}

.info-card a{
color:#5d3210;
text-decoration:none;
}

.contact-section{
background:#fff;
}

.contact-section h2{
font-family:'Marcellus',serif;
color:#5d3210;
margin-bottom:20px;
}

.contact-form{
background:#fffaf2;
padding:40px;
border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.form-control,
.form-select{
height:55px;
border-radius:10px;
}

textarea.form-control{
height:auto;
}

.temple-btn{
background:#b8860b;
color:#fff;
padding:14px;
border:none;
font-weight:600;
border-radius:10px;
}

.temple-btn:hover{
background:#8d6408;
color:#fff;
}

.detail-item{
display:flex;
gap:20px;
margin-top:30px;
align-items:flex-start;
}

.detail-item i{
font-size:25px;
color:#b8860b;
margin-top:5px;
}

.why-contact{
background:#fdf8ef;
}

.feature-card{
background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
height:100%;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.feature-card i{
font-size:45px;
color:#c7952d;
margin-bottom:20px;
}

.feature-card h5{
font-family:'Marcellus',serif;
color:#5d3210;
}

.map-section iframe{
width:100%;
height:450px;
border:0;
display:block;
}

@media(max-width:768px){

.contact-hero{
min-height:320px;
text-align:center;
}

.contact-hero h1{
font-size:38px;
}

.contact-form{
padding:25px;
}

.detail-item{
justify-content:center;
text-align:left;
}

}
.floating-contact{
    position:fixed;
    right:20px;
    bottom:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:9999;
}

.floating-contact a{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    transition:.3s;
}

.floating-call{
    background:#b8860b;
}

.floating-whatsapp{
    background:#25D366;
}

.floating-contact a:hover{
    transform:scale(1.1);
}
/* ===========================
   Google Translate Navbar
=========================== */

#google_translate_element{
    display:flex;
    justify-content:center;
    align-items:center;
}

.goog-te-gadget{
    font-size:0 !important;
}

.goog-te-gadget img{
    display:none !important;
}

.goog-te-gadget span{
    display:none !important;
}

.goog-te-gadget select{
    background:#fff;
    color:#333;
    border:2px solid #d89b29;
    border-radius:30px;
    padding:7px 15px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    min-width:140px;
    outline:none;
}

.goog-te-gadget select:hover{
    border-color:#b97d16;
}

/* Hide Google top bar */
body{
    top:0 !important;
}

.goog-te-banner-frame.skiptranslate{
    display:none !important;
}

.skiptranslate iframe{
    display:none !important;
}

/* Mobile */
@media(max-width:991px){

    #google_translate_element{
        width:100%;
        margin:15px 0;
    }

    .goog-te-gadget select{
        width:100%;
        max-width:250px;
    }
}
/* Google Translate Navbar */
#google_translate_element {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}

/* Hide Google Branding */
.goog-te-gadget {
    font-size: 0 !important;
    color: transparent !important;
}

.goog-te-gadget img,
.goog-logo-link,
.goog-te-gadget span {
    display: none !important;
}

/* Dropdown Style */
.goog-te-gadget select {
    height: 42px;
    min-width: 150px;
    padding: 0 15px;
    border: 2px solid #d4af37;
    border-radius: 50px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.goog-te-gadget select:hover {
    background: #d4af37;
    color: #fff;
    border-color: #d4af37;
}

.goog-te-gadget select:focus {
    box-shadow: 0 0 0 3px rgba(212,175,55,.25);
}

/* Hide Google Top Banner */
body {
    top: 0 !important;
}

.goog-te-banner-frame.skiptranslate,
.skiptranslate iframe {
    display: none !important;
}

/* Mobile */
@media (max-width:991px) {

    #google_translate_element {
        width: 100%;
        margin: 15px 0;
        justify-content: center;
    }

    .goog-te-gadget select {
        width: 100%;
        max-width: 260px;
    }
}