/* ===== EDIT COLORS HERE ===== */
:root{--navy:#050a1c;--navy2:#0d1b42;--red:#5a080d;--red2:#a71a21;--gold:#e3ab3b;--gold-l:#fff0a8;--gold-d:#9c6414;--cream:#fff6dc;--ink:#2a1405;
--gold-grad:linear-gradient(180deg,#fff0a8,#e6b13a 55%,#a56d14)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#02040d;font-family:'Playfair Display',Georgia,serif;color:#fff}
a{color:inherit;text-decoration:none}
.wrap{max-width:820px;margin:auto;container-type:inline-size}
/* 1em = 10px on a 820px poster; everything scales from this */
.page{font-size:10px;font-size:1.2195cqw;overflow:hidden;
background:radial-gradient(circle at 15% 25%,rgba(227,171,59,.12),transparent 40%),radial-gradient(circle at 90% 65%,rgba(227,171,59,.1),transparent 40%),
radial-gradient(1.5px 1.5px at 30px 40px,rgba(255,240,170,.8),transparent),radial-gradient(1px 1px at 90px 120px,rgba(255,255,255,.7),transparent),
linear-gradient(#050a1c,#0b1738 50%,#050a1c);background-size:auto,auto,130px 160px,130px 160px,auto}
.g{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* HERO */
.hero{position:relative;height:42em;border-bottom:.3em solid var(--gold);box-shadow:0 .4em 1.5em rgba(227,171,59,.5)}
.hero-img{position:absolute;left:0;top:0px;width:34.5em;height:100%;object-fit:cover;object-position:top;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.hero-txt{position:absolute;left:37em;right:1em;top:0px;}
.om{height:9.5em;padding-top:3em}.om span{display:block;font-size:4.2em;line-height:1;filter:sepia(1) saturate(4) brightness(1.2)}
.wf{font-size:4.2em;font-weight:700;line-height:1}
.astro{font-size:6.5em;font-weight:800;line-height:.9}.astro span{font-size:1.28em}
.plate{margin:2.2em 0 0 -.6em;padding:.8em .6em;background:linear-gradient(#fff3b8,#e8b43c 55%,#c28a22);border:.3em solid var(--gold-d);outline:.15em solid var(--gold-l);outline-offset:-.6em;border-radius:.6em;box-shadow:0 0 1.5em rgba(227,171,59,.5)}
.plate h2{font-size:3.8em;font-weight:900;line-height:1.15;color:#0b0b0b}
.rw{display:flex;justify-content:center;margin-top:1.5em;position:relative}
.ribbon{font-size:3.2em;font-weight:700;padding:.15em 1.4em;background:linear-gradient(#a31820,#5c080d);border:.06em solid var(--gold);border-radius:.5em}
.tag{position:absolute;left:37em;right:.8em;bottom:1.6em;display:flex;justify-content:center;align-items:center;gap:1em;font-size:1.5em;font-weight:600}
.tag i{width:1px;height:1.2em;background:var(--gold)}

/* CATEGORY STRIP */
.cats{display:grid;grid-template-columns:repeat(8,1fr);padding:1.2em .6em .9em;background:linear-gradient(#fffaf0,#f1d99a);border-top:.3em solid var(--gold);border-bottom:.3em solid var(--gold);margin-top:.5em}
.c{text-align:center;color:var(--ink)}
.ic{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#63171b,#4a070b);border:.35em solid #c9922c;box-shadow:0 0 .8em rgba(0,0,0,.4)}
.ic span{font-size:3.4em;line-height:1;filter:grayscale(1) sepia(1) saturate(4) brightness(1.2)}
.c .ic{width:7.6em;height:7.6em;margin:0 auto .8em}
.c small{display:block;font-size:1.45em;font-weight:600;line-height:1.15}

/* MIDDLE */
.mid{display:grid;grid-template-columns:55.5em 1fr;align-items:center;padding:2em 1.8em 2em 0}
.mid-l{text-align:center}
.hi{font-family:'Noto Sans Devanagari',sans-serif;font-size:5.2em;font-weight:700;line-height:1.1}
.hi b{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.orn{display:flex;align-items:center;gap:1em;margin:.4em 5em;color:var(--gold)}.orn:before,.orn:after{content:"";flex:1;height:.2em;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.s1{font-size:3.2em;color:#f3e3b9;line-height:1.3}.s2{font-size:5.2em;font-weight:700;line-height:1.15}
.scroll{position:relative;padding:1.4em 1.2em 1.4em 1.6em;background:linear-gradient(90deg,#d9b774,#f3dfae 15%,#f3dfae 85%,#d9b774);border-radius:.6em;box-shadow:0 .6em 1.5em rgba(0,0,0,.6);color:#3b2208;list-style:none}
.scroll:before,.scroll:after{content:"";position:absolute;left:-.8em;right:-.8em;height:1.2em;border-radius:1em;background:linear-gradient(#e6c682,#a97a34)}
.scroll:before{top:-.5em}.scroll:after{bottom:-.5em}
.scroll li{display:flex;align-items:center;gap:.6em;padding:.3em 0;font-size:1.5em;font-weight:600}
.scroll li:before{content:"✓";flex:none;width:1.4em;height:1.4em;border-radius:50%;background:#1b9a4f;color:#fff;font-size:.85em;display:grid;place-items:center}

/* WHATSAPP */
.wa{display:flex;align-items:center;justify-content:center;gap:2em;margin:.5em 2.4em 0;height:8.2em;border:.35em solid var(--gold);border-radius:5em;background:linear-gradient(#8a1018,#4d070c);box-shadow:0 0 1.5em rgba(227,171,59,.4)}
.wa-logo{width:6.6em;height:6.6em;border-radius:50%;background:#22c55e;display:grid;place-items:center;border:.2em solid #fff}.wa-logo svg{width:70%;fill:#fff}
.wa-t{font-size:2.5em;font-weight:600;line-height:1.05}.wa-t b{color:#ffd24a}
.wa-n{font-family:Arial,Helvetica,sans-serif;font-size:4.8em;font-weight:800;padding-left:.4em;border-left:.05em solid var(--gold);white-space:nowrap}

/* AWARDS */
.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8em;padding:2.2em 1.8em 2em}
.awards figure{border:.6em solid;border-image:linear-gradient(135deg,#fff0a8,#c68a22,#fff0a8,#9c6414) 1;box-shadow:0 0 1.5em rgba(227,171,59,.5);background:#000}
.awards img{width:100%;height:100%;object-fit:cover;display:block}

.awards2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8em;padding:2.2em 1.8em 2em}
.awards2 figure{border:.6em solid;border-image:linear-gradient(135deg,#fff0a8,#c68a22,#fff0a8,#9c6414) 1;box-shadow:0 0 1.5em rgba(227,171,59,.5);background:#000}
.awards2 img{width:100%;height:100%;object-fit:cover;display:block}


.awards1{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8em;padding:2.2em 1.8em 2em}
.awards1 figure{border:.6em solid;border-image:linear-gradient(135deg,#fff0a8,#c68a22,#fff0a8,#9c6414) 1;box-shadow:0 0 1.5em rgba(227,171,59,.5);background:#000}
.awards1 img {
    width: 100%;
    s
    object-fit: cover;
    display: block;
}
/* SERVICES */
.st{display:flex;align-items:center;gap:1em;padding:0 1.8em;margin-bottom:1.4em}
.st:before,.st:after{content:"";flex:1;height:.3em;background:linear-gradient(90deg,transparent,var(--gold))}.st:after{transform:scaleX(-1)}
.st h3{font-size:3.4em;font-weight:700;padding:.12em 1.5em;color:var(--ink);background:linear-gradient(#fff0a8,#e4ac3a 60%,#b27a1e);border:.06em solid var(--gold-l);border-radius:.4em;white-space:nowrap}
.sv{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5em 0.2em;padding:0 2.4em}
.card{display:flex;align-items:center;gap:1em;padding:.9em;background:linear-gradient(#fffaf0,#f1d99a);border:.3em solid var(--gold);border-radius:1em;color:var(--ink);font-size:1.65em;font-weight:600;line-height:1.15}
.card .ic{flex:none;width:3.1em;height:3.1em;background:#1a1206;border-width:.15em}.card .ic span{font-size:1.8em}

/* TRUST + FOOTER */
.tr{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em;margin:1.8em 2.8em 1.4em;padding:1.2em 1.6em;border:.3em solid var(--gold);border-radius:5em;background:linear-gradient(#0c1735,#050a1c)}
.tr div{display:flex;align-items:center;gap:.9em;font-size:1.65em;line-height:1.15;color:var(--cream)}
.tr .ic{flex:none;width:3.2em;height:3.2em;background:#0a0f1e;border-color:var(--gold);border-width:.12em}.tr .ic span{font-size:1.7em}
.ft{aspect-ratio:820/162;background:url(../img/footer.png) center/cover;box-shadow:inset 0 3em 3em -2em var(--navy)}

/* MOBILE: reflow small text so it stays readable */
@container (max-width:600px){
.cats{grid-template-columns:repeat(4,1fr);gap:1em 0}.c .ic{width:11em;height:11em}.c .ic span{font-size:4.6em}.c small{font-size:2.3em}
.tag{font-size:1.9em;flex-wrap:wrap;gap:.3em .8em}
.mid{grid-template-columns:1fr;gap:3em;padding:2em 4em 2em}.hi{font-size:6.5em}.s1{font-size:4em}.s2{font-size:6.5em}.scroll li{font-size:2.8em}
.wa{margin:1em 1.4em 0;gap:1em}.wa-t{font-size:2.6em}.wa-n{font-size:4.2em}.wa-logo{width:7em;height:7em}
.sv{grid-template-columns:repeat(2,1fr);padding:0 1.6em}.card{font-size:2.5em}
.tr{grid-template-columns:repeat(2,1fr);gap:1.2em;border-radius:3em;margin:1.8em 1.6em}.tr div{font-size:2.4em}
.st h3{font-size:4em}}

.top-border ul {
    margin-top: 5px;
}
.top-border ul li {
    list-style: none;
    display: inline-block;
}
.top-border ul li a {
    text-decoration: none;
    color: #000;
    margin-right: 10px;
    font-size: 18px;
  font-family: 'Roboto', sans-serif;
}
.top-border ul li img {
    width: 30px;
    margin-right: 5px;
}
.top-border2 {
    float: left;
    width: 100%;
    font-size: 22px;
    background:-webkit-linear-gradient(left, #be0404, #be0404, #e8b43c);
    padding-top:7px;
    text-align: center;
    color: #fff;
}
.top-border2 p{
    animation: boun 0.4s infinite;
    padding-bottom: 8px;
}
.top-header {
    float: left;
    width: 100%;
    padding: 10px 0px;
}
.top-border2 p {
    animation: boun 0.4s infinite;
    padding-bottom: 8px;
}

@keyframes boun
{
    0% {
        transform: translateY(3px);
        color: #fff;
    }
    100% {
        transform: translateY(0);
        color: #ffcb05;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;

    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
.bo{
  font-size:30px;
}
.container-fluid{
  max-width:1250px;
}


.hero-copy {
    padding: 20px 10px 20px 30px
}

.world {
    font-size: 27px;
    font-weight: 700;
    color: #fff
}

.hero-title {
    font-size: clamp(58px,7vw,92px);
    line-height: .82;
    margin: 14px 0 35px;
    color: #ffe99b;
    text-shadow: 0 5px 22px #000;
    letter-spacing: -2px
}

.hero-name {
    display: inline-block;
    padding: 8px 28px;
    background: linear-gradient(90deg,#f0c94e,#8b1a0e,#f0c94e);
    border: 1px solid #ffdd72;
    box-shadow: 0 8px 22px #0009;
    font-size: 29px;
    font-weight: 900;
    letter-spacing: 1px
}

.hero-tag {
    font-size: 18px;
    color: #fff;
    margin: 18px 0
}

.hero-copy p {
    font: 16px/1.7 Arial;
    color: #e7e6df;
    max-width: 630px
}

.whatsapp-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: min(100%,650px);
    padding: 13px 20px;
    margin-top: 20px;
    border-radius: 9px;
    border: 2px solid #ffdf88;
    background: linear-gradient(90deg,#a61e12,#d52a17,#8c120b);
    box-shadow: 0 8px 25px #0009,0 0 18px #d52a1740;
    color: #fff
}

.whatsapp-banner .wa-symbol {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #20c96a;
    border: 3px solid #fff;
    color: #fff;
    font: 900 23px Arial
}

@media (max-width: 950px) {
    .hero-copy {
        text-align: center;
        padding: 35px 0 15px;
        order: 2;
    }
    .hero-copy p {
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width: 600px) {
    .hero-name {
        font-size: 10px;
        padding: 3px 17px;
    }
    .world {
    font-size: 11px;
}
.hero-tag {
    font-size: 10px;
    color: #fff;
    margin: 8px 0;
}
.dl{
      padding-bottom: 25px!important;
}
.jb{
  line-height: 16px!important;
  font-size: 10px;
}
.om{
  display:none;
}
.dl{
      font: 9px Arial!important;
      line-height:15px!important;
      padding-bottom: 6px !important;
}
.bt{
  width:295px!important;
}
.awards {

    grid-template-columns: repeat(1, 1fr);

}
.awards2 {

    grid-template-columns: repeat(3, 1fr);

}
.awards1{display:grid;grid-template-columns:repeat(1,1fr)!important;
}
.hero-txt
{
  padding-top:20px;
}
.bo {
    font-size: 18px!important;
}
.bx{
  font-size: 11px!important;
}
.bn{
  font-size: 13px!important;
  padding: 8px 15px 8px 15px!important;
}
.testimonial-card {

    min-width: 290px!important;
  }
  .hero {
    position: relative;
    height: 58em!important;

}
.sa{
  padding-top: 20px!important;
}
.si{
  padding-top: 15px!important;
}
.tr {

    margin: 1.8em 2.8em 3.4em!important;
  }
  .mt{
    font-size: 9px!important;
    padding-bottom:15px!important;
  }
  .mk{
    font-size: 22px!important;
  }
  .ri{
    font-size: 20px!important;
  }
.sn{
  margin-top: 18px!important;
}
.hero-actions{
  display:none;
}
.hero-title {

    margin: 5px 0 13px!important;
  }
.hero-phone {
    font: 900 14px Arial!important;
    margin-top: 4px!important;
}
.hero-title {
        font-size: 22px;
    }
}
.outline {
    border: 1px solid #e2b84a;
    color: #fff;
    background: #ffffff0a;
}
.btn {
    display: inline-block;
    padding: 14px 21px;
    border-radius: 7px;
    font: 900 12px Arial;
}
.hero-phone {
    font: 900 27px Arial;
    margin-top: 18px;
    color: #fff;
}
.hero-phone span {
    color: #52cf67;
}
.footer {
    padding: 15px;
    text-align: center;
    background: #01030b;
    color: #999;
    font: 14px Arial;
    border-top: 1px solid #b88b2c33;
}
.final-content {
    position: relative;
    z-index: 2;
    text-align: center
}

.lotus {
    font-size: 58px;
    color: #ffb04b;
    text-shadow: 0 0 25px #ff9e2d;
    margin-bottom: 6px
}

.final h2 {
    font-size: clamp(37px,5vw,57px);
    margin: 0 0 10px;
    color: var(--gold2)
}

.final p {
    font: 15px/1.7 Arial;
    color: #d3d1c8;
    max-width: 680px;
    margin: 0 auto 24px
}

.final-phone {
    font: bold 34px Arial;
    color: #fff;
    margin: 15px 0 25px
}
.testimonials {
    text-align: center;
    padding: 50px 20px;
    background-color: #ffffff;
}

/* Header Styling */
.testimonials-header h2 {
    color: #df2128; /* Red color matching the image */
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.divider {
    font-size: 1.2rem;
    color: #333;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.testimonials-header .subtitle {
    font-size: 1.2rem;
    font-weight: bold;
    color: #111;
    margin-bottom: 40px;
}

/* Cards Container */
.cards-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap; /* Allows cards to wrap on smaller screens */
}

/* Individual Card */
.testimonial-card {
    border: 1px solid #df2128; /* Red border */
    background-color: #ffffff;
    padding: 30px 20px;
    width: 31%;
    min-width: 392px; /* Ensures cards don't get too thin on small screens */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Avatar Image */
.testimonial-card .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
    border: 2px solid #eaeaea; /* Optional subtle border around image */
}

/* Card Typography */
.testimonial-card h3 {
    color: #df2128;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.testimonial-card .location {
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 15px;
}

.testimonial-card .review-text {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.6;
    text-align: center;
}

/* Responsive adjustments for mobile/tablets */
@media (max-width: 900px) {
    .testimonial-card {
        width: 45%;
    }
}

@media (max-width: 650px) {
    .testimonial-card {
        width: 100%;
    }
    .testimonials-header h2 {
        font-size: 2rem;
    }
}

.srv2-col ul {
    text-align: left;
    width: 100%;
    padding: 20px;
    background: rgba(255, 200, 0, 0.09);
    border-width: 2px;
    border-style: solid;
    border-color:rgb(222 187 96);
    border-image: none;

}
ul {
    list-style: none;
    margin: 0px;
}
.srv2-col ul li {
    line-height: 50px;
    font-size: 18px;
    font-weight: 500;
}
.srv2-col ul li .fas {
    padding-right: 10px;
    color:rgb(194 138 39);
}

.fix-icon {
   display: inline-block;
   position: fixed;
   bottom: 60px;
 left: 20px;
   z-index: 999999;
}
#fix-icon {
   -webkit-animation-duration: 2.5s;
   animation-duration: 2.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
}
.fix-icon-item {
   animation: bounce 1s infinite alternate;
   animation-duration: 1s;
   -webkit-animation: bounce 1s infinite alternate;
       animation-duration: 1s;
       animation-timing-function: ease;
       animation-iteration-count: infinite;
       animation-fill-mode: none;
}
.fix-icon-item img {
   width: 55px !important;
 height: 55px !important;
   background:
   #830f17;
   border-radius: 50%;
   text-align: center;
   cursor: pointer;
   padding: 10px;
}
.fix-icon-whataap {
   display: inline-block;
   position: fixed;
   bottom: 60px;
   right: 20px;
   z-index: 999999;
   transition: all0.5s ease-in-out;
}
.fix-icon-whataap-item img {
   border-radius: 50%;
   box-shadow: 1px 1px 4px
rgba(60, 60, 60, .4);
transition: box-shadow .2s;
cursor: pointer;
overflow: hidden;
width: 55px !important;
height: 55px !important;
background:
   #25d366 !important;
}