/* ================= THEME COLORS ================= */
:root{
--primary:#128807;
--secondary:#000;
--gold:#ffd700;
--dark:#000;
--light:#f9f4ff;
}

*{
margin:0;padding:0;box-sizing:border-box;
font-family:'Segoe UI',sans-serif
}

body{
background:var(--light);

line-height:1.7
}

/* ================= MARQUEE ================= */
.marquee{
background:#128807;
color:#fff;
padding:12px;
overflow:hidden;
white-space:nowrap;
font-weight:600
}
.marquee span{
display:inline-block;
animation:marquee 30s linear infinite
}
@keyframes marquee{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}
/* ===== NAVBAR ===== */
header{
background:#128807;
padding:15px 30px;
color:#fff;
display:flex;
justify-content:space-around;
align-items:center;
position:relative;
top:0;
z-index:999;
}
.logo{font-size:22px;font-weight:bold;}
nav ul{
list-style:none;
display:flex;
gap:20px;
}
nav ul li a{
color:#fff;
    font-weight: bold;
text-decoration:none;
font-size:18px;
}
.hamburger{
display:none;
font-size:24px;
cursor:pointer;
}
/* ===== RESPONSIVE ===== */
@media(max-width:768px){
nav ul{
        position: absolute;
        top: 65px;
        right: 65px;
       
        flex-direction: column;
        width: 218px;
        display: none;
        text-align: center;
        border-bottom: 2px solid;
}
nav ul.active{display:flex;}
.hamburger{display:block;}
nav ul li{
	border: 2px solid;
	background: #128807;
}
}

/* ================= SECTIONS ================= */
.section{
padding:35px 23px;
}
.section h2{
text-align:center;
margin-bottom:40px;
color:var(--primary);
font-size:32px
}
.section h1{
text-align:center;
margin-bottom:40px;
color:var(--primary);
font-size:30px
}
/* ================= GRID ================= */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px
}

/* ================= CARD ================= */
.card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.1);
transition:.4s
}
.card:hover{
transform:translateY(-10px);
box-shadow:0 15px 40px rgba(0,0,0,.2)
}
.card img{
width:100%;
height:200px;
object-fit:cover;
}
.card .content{
padding:20px;text-align: center;
}
.card h3{
color:#128807;
margin-bottom:10px;text-align: center;
}

/* ================= BUTTON ================= */
.btn{
display:inline-block;
margin-top:15px;
padding:12px 25px;
background:#25D366;
color:#fff;
border-radius:30px;
text-decoration:none;
font-weight:600
}
.btn:hover{
background:var(--gold);
color:#000
}

/* ================= BLINK ================= */
.blink{
background:var(--gold);
text-align:center;
padding:15px;
font-size:20px;
font-weight:700;
animation:blink 1.5s infinite
}
@keyframes blink{
50%{opacity:.3}
}
/* ===== 3 IMAGE COLUMN ===== */
.three-image-column{
background:#fff;
}

.three-img-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.three-img-grid img{
width:100%;
object-fit:cover;
border-radius:15px;

}


/* ===== RESPONSIVE ===== */
@media(max-width:768px){
.three-img-grid{
grid-template-columns:1fr;
}
.three-img-grid img{
width:100%;
}
}
/* ===== ANIMATED TEXT COLUMN ===== */
.animated-text-column{
background:#ffd700;
text-align:center;
color:#fff;
}

.animated-text-box{
max-width:900px;
margin:auto;
padding:40px 30px;
border-radius:20px;
background:#128807;
backdrop-filter:blur(6px);
animation:fadeSlide 1.5s ease forwards;
}

.animated-text-box h2{
font-size:34px;
color:#ffd700;
margin-bottom:20px;
animation:glow 2s infinite alternate;
}

.animated-text-box p{
font-size:20px;
line-height:1.8;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeSlide{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes glow{
from{text-shadow:0 0 5px #ffd700}
to{text-shadow:0 0 20px #ffd700}
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
.animated-text-box h2{
font-size:26px;
}
.animated-text-box p{
font-size:17px;
}
}

/* ===== SINGLE BANNER COLUMN ===== */
.banner-column{
text-align:center;
background:linear-gradient(180deg,#f9f4ff,#ffffff);
}

.banner-column h2{
color:var(--primary);
margin-bottom:25px;
font-size:32px;
}

.banner-link img{
width:100%;
box-shadow:0 10px 35px rgba(0,0,0,.2);
transition:.4s;
}
/* ABOUT US SECTION */
.about-astro {
  background: #ffffff;
  padding: 90px 20px;
}

.about-wrapper {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  align-items: center;
}

/* Text Column */
.about-content h2 {
  color: #7a1f1f;
  font-size: 34px;
  margin-bottom: 20px;
}

.about-content p {
  color: #444;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 15px;
}

/* Button */
.about-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #7a1f1f, #d35400);
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  transition: transform 0.3s, box-shadow 0.3s;
}

.about-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(122,31,31,0.4);
}

/* Image Column */
.about-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  transition: transform 0.5s;
}

.about-image img:hover {
  transform: scale(1.05);
}

/* Mobile */
@media (max-width: 768px) {
  .about-content h2 {
    font-size: 28px;
  }
}
/* ABOUT US 2-COLUMN */
.about-2col {
  background: #ffffff;
  padding: 50px 20px;
}

.about-container {
 
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

/* TEXT */


.about-text h2 {
  color: #7a1f1f;
  font-size: 34px;
  margin-bottom: 20px;text-align: center;
}

.about-text p {
  color: #444;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 16px;
}
.about-text strong{
	color:#7a1f1f;
}
/* BUTTON */
.about-call {
  display: inline-block;
  margin-top: 18px;
  padding: 12px 30px;
  background: linear-gradient(135deg, #7a1f1f, #d35400);
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.about-call:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(122,31,31,0.4);
}

/* IMAGE */


.about-image img {
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  transition: transform 0.5s;
}

.about-image img:hover {
  transform: scale(1.05);
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .about-container {
    flex-direction: column;
  }

  .about-text,
  .about-image {
    width: 100%;
    text-align: center;
  }

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

/* ================= ABOUT ================= */
/* About */
.about a{
    color:#128807;
    font-weight:bold;
}
.about h1{
	color:#128807;
	text-align:center;
}
.about h2{
	color:#ffd700;
	
}
.about { color:#000; border-radius:10px; padding:80px 20px; }
.about p { margin:20px auto; font-size:18px; line-height:1.8;text-align: justify; }
.about p strong{
	color:#128807;
}
.about ul li{
	list-style:none;
}
.about svg{
	color:#128807;
}


/* ===== BEST SERVICES ===== */
.best-services{
background:#128807;
text-align:center;
}

.best-services h2{
color:#ffd700;
margin-bottom:45px;
font-size:32px;
}

/* GRID */
.services-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* CARD */
.service-card{
background:#ffffff;
padding:30px 25px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.15);
transition:.4s;
}

.service-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.service-card h3 a{
text-decoration:none;
color:#128807;
}
/* ROUND IMAGE */
.service-card img{
width:250px;
height:250px;
border-radius:50%;
object-fit:cover;
border:5px solid var(--gold);
margin-bottom:20px;
}

/* TEXT */
.service-card h3{
color:var(--secondary);
margin-bottom:12px;
}

.service-card p{
font-size:16px;
line-height:1.6;
}

/* WHATSAPP BUTTON */
.wa-btn{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:18px;
padding:12px 22px;
background:#25D366;
color:#fff;
border-radius:30px;
text-decoration:none;
font-weight:700;
font-size:16px;
transition:.3s;
}

.wa-btn:hover{
background:#1ebe5d;
transform:scale(1.05);
}

/* RESPONSIVE */
@media(max-width:992px){
.services-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:576px){
.services-grid{
grid-template-columns:1fr;
}
}

/* ================= WHY CHOOSE ================= */
/* ===== WHY CHOOSE US ===== */
.why-choose-us{
background:#128807;
text-align:center;
}

.why-choose-us h2{
font-size:32px;
margin-bottom:45px;
color:#ffd700;
}

/* GRID */
.why-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* CARD */
.why-card{
background:linear-gradient(180deg,#f9f4ff,#ffffff);
padding:35px 25px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
transition:.4s;
}

.why-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,0,0,.25);
}

/* ICON */
.why-card i{
font-size:45px;
color:var(--secondary);
margin-bottom:18px;
}

/* TEXT */
.why-card h3{
color:var(--primary);
margin-bottom:12px;
font-size:20px;
}

.why-card p{
font-size:16px;
line-height:1.6;
color:#000;
}

/* RESPONSIVE */
@media(max-width:992px){
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:576px){
.why-grid{
grid-template-columns:1fr;
}
}


/* ================= BANNER ================= */
.banner img{
width:100%;
border-radius:18px
}

/* ================= TESTIMONIAL ================= */
/* ===== CLIENT FEEDBACK ===== */
.client-feedback{
background:#f9f4ff;
text-align:center;
}

.client-feedback h2{
color:var(--primary);
margin-bottom:45px;
font-size:32px;
}

/* GRID */
.feedback-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* CARD */
.feedback-card{
background:#ffffff;
padding:35px 25px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.15);
transition:.4s;
}

.feedback-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,0,0,.25);
}

/* IMAGE */
.feedback-card img{
width:110px;
height:110px;
border-radius:50%;
object-fit:cover;
border:4px solid var(--gold);
margin-bottom:15px;
}

/* TEXT */
.feedback-card h3{
color:var(--secondary);
margin-bottom:10px;
font-size:20px;
}

.feedback-card p{
font-size:16px;
line-height:1.7;
color:#444;
}

/* RESPONSIVE */
@media(max-width:992px){
.feedback-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:576px){
.feedback-grid{
grid-template-columns:1fr;
}
}


/* ================= FOOTER ================= */
footer{
background:var(--dark);
color:#fff;
padding:60px 40px
}
footer h3{
color:var(--gold);
border-bottom: 2px solid #ffcc00;
margin-bottom:15px
}
footer ul{
list-style:none
}
footer ul li{
margin-bottom:10px
}
footer i{
margin-right:8px;
color:var(--gold)
}
footer a{
	color:#fff;
	text-decoration:none;
}
/* ===== FOOTER COPYRIGHT ===== */
.footer-copyright{
background:#128807; /* dark astrology shade */
text-align:center;
padding:15px 10px;
border-top:1px solid rgba(255,255,255,0.15);
}

.footer-copyright p{
color:#ffffff;
font-size:14px;
letter-spacing:.5px;
}

.footer-copyright span{
color:#ffd700;
font-weight:600;
}

/* ================= WHATSAPP FLOAT ================= */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
z-index:999;
box-shadow:0 5px 20px rgba(0,0,0,.3)
}
.whatsapp:hover{
background:#1ebc5a
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
nav ul{
flex-direction:column;
margin-top:15px
}
.section h2{
font-size:26px
}
}
/* ===== FLOATING CALL BUTTON LEFT ===== */
.call-float-left{
position:fixed;
left:15px;
bottom:20px;
display:flex;
align-items:center;
gap:10px;
background:linear-gradient(135deg, #000000, #128807);
color:#fff;
padding:14px 18px;
border-radius:50px;
text-decoration:none;
font-weight:700;
font-size:16px;
z-index:999;
box-shadow:0 8px 25px rgba(0,0,0,.3);
animation:pulseCall 2s infinite;
}

/* ICON */
.call-float-left i{
font-size:18px;
background:#ffd700;
color:#000;
padding:10px;
border-radius:50%;
}



/* ANIMATION */
@keyframes pulseCall{
0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}

/* MOBILE VIEW */
@media(max-width:576px){
.call-float-left span{
display:none;
}
.call-float-left{
padding:14px;
border-radius:50%;
}
}