.Whatsaap {
    width: 90px;
    height: 90px;
    left: 20px;
    bottom: 20px;
    position: fixed;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
}

.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -10;
    top: -18px;
    left: -19px;
    right: -18px;
    background-color: #148805;
    width: 110px;
    height: 110px;
    border-radius: 200%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.phone-call {
    width: 50px;
    height: 90px;
    left: 250px;
    bottom: 20px;
    position: fixed;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
}

.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -10;
    top: -18px;
    left: -19px;
    right: -18px;
    background-color: #0d5710;
    width: 110px;
    height: 110px;
    border-radius: 200%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}





    @media (max-width:767px){
      .aboutWrap{ padding:16px; }
      .about-img img{ max-height:200px; }
    }
    .aboutSection .brandGoldTxt{ color:#ffd966; font-weight:700; }
 

    .servicesListSection .service-list { 
      counter-reset: item;
      list-style: none;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 12px;
      padding: 0;
      margin: 0;
    }
    .servicesListSection .service-list li {
      background: rgba(0,0,0,0.45);
      padding: 14px;
      border-radius: 10px;
      color: #e9e9e9;
      box-shadow: 0 6px 18px rgba(0,0,0,0.35);
    }
    .servicesListSection .service-list li::before{
      counter-increment: item;
      content: counter(item) ".";
      display: inline-block;
      width: 26px;
      height: 26px;
      line-height: 26px;
      text-align: center;
      margin-right: 10px;
      background: #ffd966;
      color: #000;
      border-radius: 50%;
      font-weight:700;
    }
    .servicesListSection h4{
      margin: 0 0 6px 0;
      font-size: 1rem;
      color: #ffd966;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
    }
    .servicesListSection .meta{ font-size:0.85rem; color:#fff; opacity:0.85; font-weight:600; }
    .servicesListSection p{ margin: 0 0 8px 0; color:#dcdcdc; font-size:0.95rem; }
    .servicesListSection .price{ font-weight:700; color:#fff; }
    @media (max-width:576px){
      .servicesListSection .service-list { grid-template-columns: 1fr; }
    }
  

            .cardwrap { display:flex; justify-content:center; }
            .single-service{
              display:flex;
              align-items:center;
              gap:20px;
              background: rgba(0,0,0,0.45);
              padding:16px;
              border-radius:10px;
              max-width:900px;
              width:100%;
              box-shadow:0 6px 20px rgba(0,0,0,0.35);
            }
            .single-service .service-img img{ width:160px; height:auto; border-radius:8px; object-fit:cover; }
            .single-service h4{ margin:0 0 6px; color:#ffd966; }
            .single-service p{ margin:0 0 6px; color:#e9e9e9; }
            .single-service .price{ font-weight:700; color:#fff; }
            @media (max-width:767px){
              .single-service{ flex-direction:column; text-align:center; }
              .single-service .service-img img{ width:100%; max-width:320px; }
            }
           



    .gallery-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
    .gallery-item{ position:relative; overflow:hidden; border-radius:8px; display:block; }
    .gallery-item img{ width:100%; height:160px; object-fit:cover; display:block; transition:transform .3s ease; }
    .gallery-item:hover img{ transform:scale(1.06); }
    .g-overlay{ position:absolute; left:0; right:0; bottom:0; background:linear-gradient(transparent, rgba(0,0,0,.6)); color:#fff; padding:10px; font-weight:600; text-align:left; }
    /* Modal */
    .gallery-modal{ position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.85); z-index:1050; visibility:hidden; opacity:0; transition:opacity .2s; }
    .gallery-modal[aria-hidden="false"]{ visibility:visible; opacity:1; }
    .gm-body{ max-width:90vw; max-height:80vh; text-align:center; }
    .gm-body img{ max-width:100%; max-height:80vh; border-radius:6px; box-shadow:0 8px 30px rgba(0,0,0,.6); }
    .gm-caption{ color:#fff; margin-top:8px; font-size:0.95rem; }
    .gm-close, .gm-prev, .gm-next{ position:fixed; background:transparent; border:0; color:#fff; font-size:28px; cursor:pointer; padding:8px; }
    .gm-close{ top:18px; right:20px; }
    .gm-prev{ left:18px; top:50%; transform:translateY(-50%); }
    .gm-next{ right:18px; top:50%; transform:translateY(-50%); }
    @media (max-width:576px){
      .gallery-item img{ height:140px; }
      .gm-prev,.gm-next{ font-size:24px; left:8px; right:8px; }
    }







    .faq-accordion { max-width:900px; margin:0 auto; }
    .faq-item { border-radius:8px; overflow:hidden; margin-bottom:10px; background:rgba(255,255,255,0.03); }
    .faq-question {
      width:100%;
      text-align:left;
      padding:14px 16px;
      background:linear-gradient(90deg, rgba(247,156,0,0.12), rgba(250,109,0,0.06));
      border:0;
      color:#fff;
      font-weight:600;
      display:flex;
      justify-content:space-between;
      align-items:center;
      cursor:pointer;
    }
    .faq-caret { font-size:1.2rem; margin-left:12px; color:#ffd966; }
    .faq-answer {
      padding:12px 16px;
      color:#e9e9e9;
      display:none;
      line-height:1.5;
      border-top:1px solid rgba(255,255,255,0.04);
    }
    .faq-item.open .faq-answer { display:block; }
    .faq-item.open .faq-question { background:linear-gradient(90deg, rgba(247,156,0,0.18), rgba(250,109,0,0.12)); }
    @media (max-width:576px){ .faq-question{ padding:12px } .faq-answer{ padding:10px } }
    
            .ratingBox { background: rgba(0,0,0,0.45); box-shadow: 0 6px 20px rgba(0,0,0,0.35); }
            .ratingBox .score{ font-size:2rem; font-weight:700; color:#ffd966; margin-right:8px; }
            .ratingBox .stars{ color:#ffd966; font-size:1rem; margin-left:6px; }
            .ratingBox .review{ padding-top:8px; border-top:1px dashed rgba(255,255,255,0.06); }
            .ratingBox .r-head{ margin-bottom:6px; }
            .mapWrap iframe{ display:block; min-height:260px; }
            @media (max-width:767px){
              .ratingBox .score{ font-size:1.5rem; }
              .mapWrap{ margin-top:10px; }
            }
          
#topBtn {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 45px;
  height: 45px;
  background: #d4af37;
  color: black;
  border: none;
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  display: none;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

#topBtn:hover {
  background: #e6c158;
}



.map-icon {
  position: fixed;
  bottom: 140px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 999;
}

.map-icon img {
  width: 32px;
  height: 32px;
}