/* =====================================================
GURUJI DIRECTORY WORLD - HOMEPAGE CSS
===================================================== */

body{
margin:0;
padding:0;
background:#f8f9fc;
font-family:'Poppins',sans-serif;
color:#222;
overflow-x:hidden;
}

/* =====================================================
COMMON
===================================================== */

.section-title{
font-size:34px;
font-weight:700;
margin-bottom:10px;
}

.section-subtitle{
color:#666;
font-size:15px;
margin-bottom:30px;
}

.view-all{
color:#ff8c00;
font-weight:600;
text-decoration:none;
}

.view-all:hover{
color:#e67800;
}

/* =====================================================
HERO SECTION
===================================================== */

.hero-section{
background:
linear-gradient(rgba(20,25,45,.85),rgba(20,25,45,.85)),
url('../assets/images/hero-bg.jpg');
background-size:cover;
background-position:center;
padding:90px 0;
position:relative;
}

.hero-badge{
display:inline-block;
background:#fff;
color:#ff8c00;
padding:8px 18px;
border-radius:50px;
font-size:13px;
font-weight:600;
margin-bottom:15px;
}

.hero-title{
font-size:56px;
font-weight:800;
line-height:1.15;
color:#fff;
margin-bottom:15px;
}

.hero-subtitle{
font-size:18px;
color:#ddd;
max-width:700px;
margin:auto;
}

.hero-search-card{
background:#fff;
padding:25px;
border-radius:20px;
margin-top:35px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.hero-search-card .form-select,
.hero-search-card .form-control{
height:55px;
border-radius:12px;
}

.hero-search-btn{
height:55px;
width:100%;
background:#ff8c00;
border:none;
border-radius:12px;
color:#fff;
font-weight:700;
}

/* =====================================================
CATEGORY SLIDER
===================================================== */

.category-section{
background:#fff;
padding:20px 0;
border-bottom:1px solid #eee;
}

.category-scroll{
display:flex;
overflow-x:auto;
gap:16px;
scrollbar-width:none;
}

.category-scroll::-webkit-scrollbar{
display:none;
}

.category-card{
min-width:95px;
text-align:center;
text-decoration:none;
}

.category-icon{
width:70px;
height:70px;
border-radius:50%;
background:#fff7eb;
border:1px solid #f4dfc2;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
margin:auto;
}

.category-name{
margin-top:8px;
font-size:13px;
font-weight:600;
color:#333;
}

/* =====================================================
FREE KUNDLI
===================================================== */

.kundli-section{
padding:50px 0;
}

.kundli-card{
background:#fff;
padding:30px;
border-radius:22px;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.kundli-title{
font-size:30px;
font-weight:700;
}

.kundli-subtitle{
color:#666;
margin-bottom:25px;
}

.kundli-input{
height:54px;
border-radius:12px;
}

.kundli-btn{
height:54px;
width:100%;
background:#ff8c00;
border:none;
border-radius:12px;
color:#fff;
font-weight:700;
}

/* =====================================================
FEATURED EXPERTS
===================================================== */

.featured-section{
padding:60px 0;
}

.expert-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 5px 18px rgba(0,0,0,.08);
height:100%;
transition:.3s;
}

.expert-card:hover{
transform:translateY(-4px);
}

.expert-img{
width:100%;
height:240px;
object-fit:cover;
}

.expert-body{
padding:15px;
}

.expert-name{
font-size:16px;
font-weight:700;
}

.expert-rating{
font-size:13px;
color:#16a34a;
font-weight:600;
}

.expert-city,
.expert-lang{
font-size:13px;
color:#666;
margin-top:5px;
}

.chat-btn{
display:block;
text-align:center;
background:#ff8c00;
color:#fff;
padding:10px;
border-radius:10px;
text-decoration:none;
margin-top:12px;
font-weight:600;
}

/* =====================================================
AI GURUJI
===================================================== */

.ai-section{
padding:60px 0;
}

.ai-box{
background:linear-gradient(135deg,#4b0082,#7b1fa2);
padding:40px;
border-radius:25px;
color:#fff;
position:relative;
overflow:hidden;
}

.ai-title{
font-size:38px;
font-weight:800;
}

.ai-text{
font-size:16px;
opacity:.95;
margin-bottom:20px;
}

.ai-features{
padding-left:18px;
}

.ai-features li{
margin-bottom:10px;
}

.ai-btn{
display:inline-block;
background:#fff;
color:#7b1fa2;
padding:12px 25px;
border-radius:12px;
font-weight:700;
text-decoration:none;
}

/* =====================================================
TOP ASTROLOGERS
===================================================== */

.top-astro-section{
padding:60px 0;
}

.top-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 5px 18px rgba(0,0,0,.08);
height:100%;
}

.top-card img{
width:100%;
height:220px;
object-fit:cover;
}

.top-card-body{
padding:15px;
}

.top-card-name{
font-weight:700;
font-size:16px;
}

.top-card-rating{
font-size:13px;
color:#16a34a;
}

.top-card-price{
color:#ff8c00;
font-weight:700;
margin-top:5px;
}

.call-btn{
display:block;
text-align:center;
background:#ff8c00;
padding:10px;
border-radius:10px;
color:#fff;
text-decoration:none;
margin-top:12px;
}

/* =====================================================
PANCHANG
===================================================== */

.panchang-section{
padding:60px 0;
}

.panchang-card{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 5px 18px rgba(0,0,0,.08);
}

/* =====================================================
HOROSCOPE
===================================================== */

.horoscope-section{
padding:60px 0;
}

.zodiac-card{
background:#fff;
border-radius:15px;
padding:15px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.zodiac-icon{
font-size:38px;
margin-bottom:10px;
}

/* =====================================================
TRUST SECTION
===================================================== */

.trust-section{
padding:60px 0;
background:#fff;
}

.trust-box{
text-align:center;
padding:20px;
}

.trust-icon{
font-size:40px;
color:#ff8c00;
margin-bottom:10px;
}

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

.cta-section{
padding:70px 0;
}

.cta-box{
background:linear-gradient(135deg,#ff8c00,#ffb347);
padding:40px;
border-radius:25px;
text-align:center;
color:#fff;
}

.cta-btn{
display:inline-block;
padding:12px 30px;
background:#fff;
color:#ff8c00;
font-weight:700;
border-radius:12px;
text-decoration:none;
}

/* =====================================================
FOOTER FIXES
===================================================== */

footer{
margin-top:0;
}

/* =====================================================
MOBILE
===================================================== */

@media(max-width:768px){

.hero-section{
padding:60px 0;
}

.hero-title{
font-size:34px;
}

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

.hero-search-card{
padding:18px;
}

.kundli-card,
.ai-box,
.panchang-card{
padding:20px;
}

.kundli-title,
.ai-title{
font-size:24px;
}

.expert-img,
.top-card img{
height:170px;
}

.section-title{
font-size:26px;
}

.category-card{
min-width:85px;
}

.category-icon{
width:60px;
height:60px;
font-size:24px;
}

}
/* =====================================
FOOTER
===================================== */

.footer-section{
background:#111827;
color:#fff;
padding:70px 0 25px;
}

.footer-title{
font-size:28px;
font-weight:700;
margin-bottom:15px;
}

.footer-text{
color:#d1d5db;
line-height:28px;
}

.footer-heading{
font-size:18px;
font-weight:600;
margin-bottom:20px;
}

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

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

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

.footer-links a:hover{
color:#ff8c00;
}

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

.footer-contact li{
margin-bottom:12px;
color:#d1d5db;
}

.footer-social{
margin-top:20px;
}

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

.footer-social a:hover{
background:#ff8c00;
}

.footer-line{
border-color:#374151;
margin:30px 0;
}

.copyright{
margin:0;
color:#d1d5db;
}

.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#fff;
z-index:9999;
box-shadow:0 5px 15px rgba(0,0,0,.25);
text-decoration:none;
}

.whatsapp-float:hover{
color:#fff;
transform:scale(1.05);
}

@media(max-width:768px){

.footer-section{
padding:50px 0 20px;
text-align:center;
}

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

.copyright{
margin-bottom:10px;
}

}