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

.hero{
min-height:100vh;
background:linear-gradient(180deg,#071428,#081a30);
color:#fff;
display:flex;
align-items:center;
padding:140px 20px 100px;
}

/* CONTAINER */

.hero-container{
max-width:1200px;
margin:auto;
width:100%;

display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:70px;
align-items:center;
}

/* TEXT SIDE */

.hero-content{
max-width:580px;
}

.hero-badge{
color:#c9a84c;
font-size:14px;
letter-spacing:2px;
margin-bottom:15px;
}

.hero-title{
font-family:'Cormorant Garamond',serif;
font-size:46px;
line-height:1.2;
margin-bottom:18px;
}

.hero-desc{
color:#9fb3c8;
line-height:1.7;
font-size:16px;
margin-bottom:25px;
}

/* FEATURES */

.hero-features{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:30px;
}

.hero-features span{
background:#0b213f;
padding:8px 14px;
border-radius:6px;
font-size:14px;
}

/* BUTTONS */

.hero-buttons{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-bottom:35px;
}

.btn-call{
background:#c9a84c;
color:#000;
padding:12px 22px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:12px 22px;
border-radius:8px;
font-weight:600;
text-decoration:none;
}

/* STATS */

.hero-stats{
display:flex;
gap:30px;
flex-wrap:wrap;
}

.hero-stat{
text-align:left;
}

.hero-stat h3{
font-size:26px;
color:#c9a84c;
margin-bottom:3px;
}

.hero-stat p{
font-size:14px;
color:#9fb3c8;
}

/* IMAGE */

.hero-image{
position:relative;
}

.hero-image img{
width:100%;
border-radius:12px;
display:block;
}

/* MOBILE */

@media(max-width:900px){

.hero{
padding:120px 20px 80px;
}

.hero-container{
grid-template-columns:1fr;
gap:40px;
text-align:left;
}

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

.hero-stats{
gap:20px;
}

}
*{
box-sizing:border-box;
}

html, body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
}

:root{
--navy:#0a1628;
--navy2:#112240;
--gold:#c9a84c;
--gold2:#e8c96a;
--cream:#f5f0e8;
--white:#ffffff;
--muted:#8899aa;
--green:#25D366;

--radius:12px;
--shadow:0 20px 60px rgba(0,0,0,.45);
}
*,
*::before,
*::after{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:'DM Sans',sans-serif;
background:var(--navy);
color:var(--white);
line-height:1.6;
overflow-x:hidden;
}

a{
text-decoration:none;
color:inherit;
}

img{
max-width:100%;
display:block;
}

.topbar{
background:#06101f;
border-bottom:1px solid rgba(201,168,76,.15);
font-size:.8rem;
}

.topbar-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 5%;
}

.top-left,
.top-right{
display:flex;
gap:18px;
align-items:center;
color:var(--muted);
}

.navbar{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;

background:rgba(10,22,40,.9);
backdrop-filter:blur(18px);

border-bottom:1px solid rgba(201,168,76,.15);
}

.nav-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 5%;
}

.brand-main{
font-family:'Cormorant Garamond',serif;
font-size:1.3rem;
font-weight:700;
color:var(--gold);
}

.brand-sub{
font-size:.7rem;
color:var(--muted);
letter-spacing:.12em;
}

.nav-links{
display:flex;
gap:28px;
list-style:none;
}

.nav-links a{
font-size:.82rem;
text-transform:uppercase;
color:var(--muted);
}

.nav-links a:hover{
color:var(--gold);
}

.nav-right{
display:flex;
gap:12px;
align-items:center;
}

.btn-primary,
.btn-secondary,
.btn-outline{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 18px;
border-radius:6px;
font-size:.82rem;
font-weight:600;
transition:.3s;
}

.btn-primary{
background:var(--gold);
color:var(--navy);
}

.btn-primary:hover{
background:var(--gold2);
}

.btn-secondary{
background:var(--green);
color:white;
}

.btn-outline{
border:1px solid var(--gold);
color:var(--gold);
}

.hero{
min-height:100vh;
padding:140px 5% 100px;
position:relative;
display:flex;
align-items:center;
}

.hero-overlay{
position:absolute;
inset:0;
background:
linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);
}

.hero-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:60px;
align-items:center;
position:relative;
}

.hero-subtitle{
font-family:'Cormorant Garamond',serif;
font-size:clamp(2.5rem,6vw,4.6rem);
line-height:1.1;
}

.hero-desc{
margin-top:20px;
color:var(--muted);
max-width:520px;
}

.hero-buttons{
margin-top:34px;
display:flex;
gap:16px;
}

.hero-stats{
display:flex;
gap:40px;
margin-top:40px;
}

.hero-stat{
text-align:center;
}

.counter{
font-size:1.8rem;
font-weight:700;
color:var(--gold);
}


.why{
padding:90px 5%;
background:var(--navy);
}

.why-container{
max-width:1200px;
margin:auto;
}

.why-grid{
margin-top:40px;

display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:24px;
}

.why-card{
text-align:center;
padding:42px 30px;

background:rgba(201,168,76,.07);
border:1px solid rgba(201,168,76,.2);

border-radius:var(--radius);
transition:.3s;
}

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

.icon-circle{
width:60px;
height:60px;

border-radius:50%;
background:rgba(201,168,76,.15);

display:flex;
align-items:center;
justify-content:center;

font-size:1.5rem;
margin:auto;
margin-bottom:16px;
}
/* CONTACT SECTION */

.contact{
padding:100px 6%;
background:#081a2f;
}

.contact-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.contact-header{
max-width:650px;
margin-bottom:50px;
}

.contact-desc{
opacity:0.8;
margin-top:10px;
}

/* WRAPPER */

.contact-wrapper{
display:grid;
grid-template-columns:1fr 420px;
gap:60px;
align-items:flex-start;
}

/* CONTACT INFO */

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-card{
display:grid;
grid-template-columns:60px 1fr auto;
align-items:center;
gap:20px;
background:rgba(255,255,255,0.03);
padding:22px 26px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
transition:0.3s;
}

.contact-card:hover{
transform:translateY(-4px);
background:rgba(255,255,255,0.06);
}

.contact-text h3{
margin:0;
font-size:18px;
}

.contact-text p{
margin:0;
font-size:14px;
opacity:0.8;
}

/* ICON */

.icon-circle{
width:50px;
height:50px;
border-radius:50%;
background:rgba(255,255,255,0.06);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}

/* FORM */

.contact-form{
background:rgba(255,255,255,0.04);
padding:30px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.contact-form h3{
margin-bottom:20px;
}

/* FORM GRID */

.contact-form form{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

/* LABEL */

.contact-form label{
font-size:13px;
opacity:0.7;
grid-column:span 1;
}

/* INPUT */

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px 14px;
background:#071425;
border:1px solid rgba(255,255,255,0.08);
border-radius:8px;
color:white;
font-size:14px;
}

.contact-form textarea{
grid-column:1/3;
height:110px;
}

/* BUTTON */

.form-btn{
grid-column:1/3;
padding:14px;
background:#c7a34a;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
width:100%;
}

.form-btn:hover{
background:#d6b85f;
}

/* FORM MESSAGE */

.form-msg{
grid-column:1/3;
font-size:13px;
margin-top:5px;
}

/* MOBILE */

@media(max-width:900px){

.contact-wrapper{
grid-template-columns:1fr;
}

}

/* BUTTON FULL WIDTH */

.form-btn{
grid-column:1/3;
padding:12px;
border:none;
border-radius:6px;
background:#c8a74a;
color:black;
font-weight:600;
cursor:pointer;
}


/* MESSAGE */

.form-msg{
grid-column:1/3;
font-size:13px;
}

footer{
background:#050d1a;
padding:50px 5%;
border-top:1px solid rgba(201,168,76,.15);
}

.footer-container{
max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:40px;
}

.footer-logo{
font-family:'Cormorant Garamond',serif;
font-size:1.2rem;
color:var(--gold);
}

.footer-links a{
display:block;
font-size:.85rem;
margin-bottom:8px;
color:var(--muted);
}

.footer-links a:hover{
color:var(--gold);
}

.footer-bottom{
margin-top:40px;
text-align:center;
color:var(--muted);
font-size:.75rem;
}

@media(max-width:960px){

.hero-container{
grid-template-columns:1fr;
}

.nav-links{
display:none;
}


.contact-wrapper{
grid-template-columns:1fr;
}

}

@media(max-width:600px){


.hero-stats{
flex-direction:column;
gap:18px;
}

}

.contact-card{
display:grid;
grid-template-columns:60px 1fr auto;
align-items:center;
gap:20px;
background:rgba(255,255,255,0.03);
padding:24px 28px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
transition:0.3s;
}

.contact-card:hover{
transform:translateY(-4px);
background:rgba(255,255,255,0.06);
}

-------------- service --------------
/* ===== SERVICES SECTION ===== */

.services{
background:#0b1e36;
padding:100px 8%;
color:#fff;
}

.services-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.services-header{
text-align:left;
margin-bottom:40px;
}

.section-tag{
color:#c9a84c;
letter-spacing:2px;
font-size:14px;
text-transform:uppercase;
margin-bottom:10px;
display:block;
}

.section-title{
font-size:42px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.section-subtitle{
color:#9fb3c8;
font-size:16px;
}

/* CONTROLS */

.services-controls{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
margin-bottom:40px;
}

.services-search input{
padding:12px 15px;
border:none;
border-radius:6px;
background:#102a4a;
color:#fff;
width:260px;
}

.services-search input::placeholder{
color:#8da2b8;
}

/* FILTER BUTTONS */

.services-filters{
display:flex;
gap:10px;
}

.services-filter-btn{
padding:8px 16px;
border-radius:6px;
border:1px solid #1f3c63;
background:#102a4a;
color:#cfd8e3;
cursor:pointer;
transition:.3s;
}

.services-filter-btn:hover{
background:#c9a84c;
color:#000;
}

.services-filter-btn.active{
background:#c9a84c;
color:#000;
}

/* GRID */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

/* CARD */

.service-card{
background:#081a30;
border-radius:12px;
padding:30px;
border:1px solid #132d4e;
transition:.35s;
}

.service-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}

.service-icon{
font-size:32px;
margin-bottom:15px;
}

.service-title{
font-size:20px;
margin-bottom:10px;
}

.service-desc{
color:#9fb3c8;
font-size:14px;
margin-bottom:20px;
}

/* ACTION BUTTONS */

.services-actions{
display:flex;
gap:10px;
}

.btn{
padding:8px 14px;
border-radius:6px;
font-size:14px;
text-decoration:none;
}

.btn-call{
background:#c9a84c;
color:#000;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
}

/* SLIDER ARROWS */

.services-slider{
position:relative;
}

.arrow{
position:absolute;
top:40%;
transform:translateY(-50%);
background:#102a4a;
border:none;
color:#fff;
font-size:26px;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
}

.arrow.left{
left:-20px;
}

.arrow.right{
right:-20px;
}

/* NO RESULT */

#serviceNoResults{
margin-top:40px;
color:#9fb3c8;
display:none;
}


----------------about-----------
/* ===== ABOUT SECTION ===== */

#about{
padding:120px 8%;
background:#081a30;
color:#fff;
}

.about-container{
max-width:1200px;
margin:auto;
}

/* GRID */

.about-grid{
display:grid;
grid-template-columns:320px 1fr;
gap:60px;
align-items:center;
}

/* OWNER CARD */

.owner-card{
background:#0e2746;
padding:40px;
border-radius:14px;
text-align:center;
border:1px solid #16395f;
}

.owner-img img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
margin-bottom:20px;
}

.owner-name{
font-size:22px;
font-weight:600;
margin-bottom:6px;
}

.owner-role{
font-size:14px;
color:#9fb3c8;
margin-bottom:15px;
}

.owner-desc{
font-size:14px;
line-height:1.6;
color:#cfd8e3;
}

/* CONTENT */

.content{
padding-right:40px;
}

.section-badge{
color:#c9a84c;
letter-spacing:2px;
font-size:14px;
text-transform:uppercase;
margin-bottom:10px;
display:block;
}

.section-title{
font-size:42px;
font-family:'Cormorant Garamond',serif;
margin-bottom:20px;
}

.gold-line{
width:60px;
height:3px;
background:#c9a84c;
margin-bottom:20px;
}

.content p{
margin-bottom:15px;
color:#b8c6d8;
line-height:1.7;
}

/* FEATURES */

.features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin-top:25px;
}

.feature{
background:#0e2746;
padding:10px 15px;
border-radius:6px;
font-size:14px;
}

/* STATS */

.stats{
display:flex;
gap:20px;
margin-top:30px;
}

.about-stat{
background:#0e2746;
padding:20px;
border-radius:10px;
text-align:center;
flex:1;
}

.stat-number{
font-size:24px;
font-weight:600;
margin-bottom:5px;
}

.stat-text{
font-size:13px;
color:#9fb3c8;
}

/* RESPONSIVE */

@media(max-width:900px){

.about-grid{
grid-template-columns:1fr;
}

.content{
padding-right:0;
}

.stats{
flex-direction:column;
}

}

---------------review--------------
/* ================= REVIEWS SECTION ================= */

#site-reviews{
padding:120px 8%;
background:#071428;
color:#fff;
}

.reviews-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.reviews-title{
font-size:40px;
font-family:'Cormorant Garamond',serif;
margin-bottom:15px;
}

.rating-summary{
display:flex;
align-items:center;
gap:20px;
margin-bottom:50px;
}

.rating-number{
font-size:32px;
font-weight:600;
}

.rating-stars{
color:#FFD700;
font-size:18px;
}

.rating-text{
color:#9fb3c8;
}

/* GRID */

.reviews-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}

/* CARD */

.review-card{
background:#0b213f;
padding:30px;
border-radius:14px;
border:1px solid #12345c;
position:relative;
transition:.3s;
}

.review-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}

/* QUOTE */

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

/* TEXT */

.review-text{
font-size:15px;
line-height:1.7;
color:#cfd8e3;
margin-bottom:20px;
}

/* USER */

.review-user{
display:flex;
align-items:center;
gap:12px;
}

.review-avatar{
width:38px;
height:38px;
border-radius:50%;
background:#c9a84c;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
color:#000;
}

.review-author strong{
display:block;
font-size:14px;
}

.review-author span{
font-size:12px;
color:#9fb3c8;
}

/* CTA */

.reviews-cta{
margin-top:50px;
text-align:center;
}

.review-btn{
padding:12px 24px;
background:#c9a84c;
color:#000;
border-radius:6px;
text-decoration:none;
font-size:14px;
}

/* MOBILE */

@media(max-width:768px){

.rating-summary{
flex-direction:column;
align-items:flex-start;
}

.reviews-title{
font-size:32px;
}

}
-------------------documments ----------------
/* ================= DOCUMENTS SECTION ================= */

#documents{
padding:120px 8%;
background:#071428;
color:#fff;
}

.documents-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.section-title{
font-size:42px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.section-subtitle{
color:#9fb3c8;
margin-bottom:40px;
}

/* SEARCH + FILTER */

.search-area{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
margin-bottom:40px;
}

.docs-search input{
padding:12px 14px;
border:none;
border-radius:6px;
background:#0d2545;
color:#fff;
width:260px;
}

.docs-search input::placeholder{
color:#8fa6c0;
}

.docs-filters{
display:flex;
gap:10px;
}

.docs-filter-btn{
padding:8px 16px;
border-radius:6px;
border:1px solid #123a63;
background:#0b213f;
color:#cfd8e3;
cursor:pointer;
transition:.3s;
}

.docs-filter-btn:hover{
background:#c9a84c;
color:#000;
}

.docs-filter-btn.active{
background:#c9a84c;
color:#000;
}

/* GRID */

.doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

/* CARD */

.doc-card{
background:#0b213f;
padding:28px;
border-radius:14px;
border:1px solid #12345c;
transition:.3s;
}

.doc-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}

/* TITLE */

.doc-title{
font-size:18px;
margin-bottom:15px;
}

/* LIST */

.doc-card ul{
padding-left:18px;
margin-bottom:20px;
}

.doc-card li{
margin-bottom:6px;
color:#cfd8e3;
font-size:14px;
}

/* ACTIONS */

.doc-actions{
display:flex;
gap:10px;
}

.btn{
padding:8px 14px;
border-radius:6px;
text-decoration:none;
font-size:14px;
}

.call{
background:#c9a84c;
color:#000;
}

.whatsapp{
background:#25D366;
color:#fff;
}

/* NO RESULT */

#docNoResults{
margin-top:30px;
color:#9fb3c8;
display:none;
}

/* MOBILE */

@media(max-width:768px){

.search-area{
flex-direction:column;
align-items:flex-start;
}

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

}
-----------------why--------
/* ================= WHY SECTION ================= */

#why{
padding:120px 8%;
background:#071428;
color:#fff;
}

.why-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.section-badge{
color:#c9a84c;
letter-spacing:2px;
font-size:13px;
text-transform:uppercase;
margin-bottom:10px;
display:block;
}

.section-title{
font-size:42px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.section-subtitle{
color:#9fb3c8;
margin-bottom:50px;
max-width:750px;
}

/* ================= STATS ================= */

.why-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-bottom:60px;
}

.why-stat{
background:#0b213f;
padding:30px;
border-radius:12px;
border:1px solid #12345c;
text-align:center;
}

.why-stat h3{
font-size:30px;
color:#c9a84c;
margin-bottom:5px;
}

.why-stat p{
font-size:14px;
color:#9fb3c8;
}

/* ================= GRID ================= */

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

/* CARD */

.why-card{
background:#0b213f;
padding:30px;
border-radius:12px;
border:1px solid #12345c;
transition:.3s;
}

.why-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}

.icon-circle{
width:46px;
height:46px;
background:#0d2545;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
margin-bottom:15px;
}

.why-card h3{
font-size:18px;
margin-bottom:10px;
}

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

/* CTA */

.why-cta{
margin-top:70px;
text-align:center;
}

.why-cta h3{
font-size:26px;
margin-bottom:20px;
}

.cta-buttons{
display:flex;
justify-content:center;
gap:20px;
}

.btn-primary{
padding:12px 24px;
background:#c9a84c;
color:#000;
text-decoration:none;
border-radius:6px;
}

.btn-outline{
padding:12px 24px;
border:1px solid #c9a84c;
color:#c9a84c;
text-decoration:none;
border-radius:6px;
}

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

@media(max-width:900px){

.why-stats{
grid-template-columns:repeat(2,1fr);
}

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

}

@media(max-width:500px){

.why-stats{
grid-template-columns:1fr;
}

.cta-buttons{
flex-direction:column;
}

}
----------------------fqq----
/* ================= FAQ SECTION ================= */

#faq-section{
padding:120px 8%;
background:#071428;
color:#fff;
}

.faq-container{
max-width:1000px;
margin:auto;
}

/* HEADER */

.faq-title{
font-size:42px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.section-subtitle{
color:#9fb3c8;
margin-bottom:50px;
}

/* FAQ ITEM */

.faq-item{
background:#0b213f;
border:1px solid #12345c;
border-radius:10px;
margin-bottom:18px;
overflow:hidden;
}

/* QUESTION */

.faq-question{
padding:18px 22px;
font-size:16px;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
transition:.3s;
}

.faq-question:hover{
background:#0f2b52;
}

.faq-toggle{
font-size:20px;
color:#c9a84c;
}

/* ANSWER */

.faq-answer{
padding:0 22px 18px 22px;
font-size:14px;
line-height:1.7;
color:#cfd8e3;
display:none;
}

/* ACTIVE STATE */

.faq-item.active .faq-answer{
display:block;
}

.faq-item.active .faq-toggle{
transform:rotate(45deg);
}

/* MOBILE */

@media(max-width:768px){

.faq-title{
font-size:32px;
}

.faq-question{
font-size:15px;
}

}

/* ================= CONTACT SECTION ================= */

.contact{
padding:120px 8%;
background:#071428;
color:#fff;
}

.contact-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.contact-header{
text-align:center;
margin-bottom:60px;
}

.contact-desc{
color:#9fb3c8;
margin-top:10px;
}

/* LAYOUT */

.contact-wrapper{
display:grid;
grid-template-columns:1fr 420px;
gap:40px;
align-items:start;
}

/* ================= CONTACT INFO ================= */

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-card{
background:#0b213f;
border:1px solid #12345c;
border-radius:12px;
padding:25px;
display:flex;
align-items:center;
justify-content:space-between;
transition:.3s;
}

.contact-card:hover{
border-color:#c9a84c;
transform:translateY(-4px);
}

.contact-card h3{
font-size:16px;
margin-bottom:3px;
}

.contact-card p{
font-size:14px;
color:#9fb3c8;
}

/* ICON */

.icon-circle{
width:44px;
height:44px;
background:#0d2545;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-right:15px;
font-size:18px;
}

/* BUTTONS */

.contact-btn,
.btn-primary{
padding:8px 16px;
background:#c9a84c;
color:#000;
border-radius:6px;
text-decoration:none;
font-size:13px;
}

/* ================= FORM ================= */

.contact-form{
background:#0b213f;
border:1px solid #12345c;
border-radius:12px;
padding:30px;
}

.contact-form h3{
margin-bottom:20px;
font-size:20px;
}

.contact-form label{
display:block;
font-size:13px;
margin-bottom:5px;
color:#9fb3c8;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:10px;
border:none;
border-radius:6px;
background:#081a30;
color:#fff;
margin-bottom:15px;
font-size:14px;
}

.contact-form textarea{
min-height:100px;
resize:none;
}

.form-btn{
width:100%;
padding:12px;
border:none;
background:#c9a84c;
color:#000;
border-radius:6px;
font-size:14px;
cursor:pointer;
}

.form-btn:hover{
opacity:.9;
}

.form-msg{
margin-top:10px;
font-size:13px;
}

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

@media(max-width:900px){

.contact-wrapper{
grid-template-columns:1fr;
}

}
-----------------------------------
/* CONTACT CARD */

.contact-card{
background:#0b213f;
border:1px solid #12345c;
border-radius:12px;
padding:20px 25px;

display:grid;
grid-template-columns:50px 1fr auto;
align-items:center;
gap:15px;

transition:.3s;
}

.contact-card:hover{
border-color:#c9a84c;
transform:translateY(-4px);
}

/* ICON */

.icon-circle{
width:44px;
height:44px;
background:#0d2545;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

/* TEXT */

.contact-card h3{
font-size:15px;
margin-bottom:3px;
}

.contact-card p{
font-size:13px;
color:#9fb3c8;
}

/* BUTTON */

.contact-card a{
padding:8px 16px;
background:#c9a84c;
color:#000;
border-radius:6px;
text-decoration:none;
font-size:13px;
white-space:nowrap;
}

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

.menu-toggle{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.menu-toggle span{
width:25px;
height:3px;
background:#fff;
display:block;
}

/* MOBILE */

@media(max-width:900px){

.nav-links{
position:absolute;
top:70px;
left:0;
width:100%;
background:#071428;
flex-direction:column;
align-items:center;
gap:20px;
padding:30px 0;

display:none;
}

.nav-links.active{
display:flex;
}

.menu-toggle{
display:flex;
}

}
--------------
.nav-container{
display:flex;
justify-content:space-between;
align-items:center;
}
-------------
/* MOBILE NAV */

.menu-toggle{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.menu-toggle span{
width:25px;
height:3px;
background:#fff;
display:block;
}

/* MOBILE */

@media (max-width:900px){

.nav-links{
position:absolute;
top:70px;
left:0;
width:100%;
background:#071428;
flex-direction:column;
align-items:center;
padding:25px 0;
gap:20px;

display:none;
}

.nav-links.active{
display:flex;
}

.menu-toggle{
display:flex;
}

}
-----------
.services-slider{
position:relative;
display:flex;
align-items:center;
}

/* ARROWS */

.arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
border-radius:50%;
border:none;
background:#0d2545;
color:#fff;
font-size:20px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
z-index:10;
transition:.3s;
}

.arrow:hover{
background:#c9a84c;
color:#000;
}

/* LEFT */

.arrow.left{
left:-20px;
}

/* RIGHT */

.arrow.right{
right:-20px;
---------
.hero{
padding:120px 8%;
background:linear-gradient(180deg,#071428,#081a30);
color:#fff;
}

.hero-container{
max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:60px;
align-items:center;
}
----------
#documents{
padding:120px 8%;
padding-bottom:160px;
background:#071428;
color:#fff;
}
-------------
#faq-section{
padding:140px 8%;
background:#071428;
}
------------
.faq-question{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 24px;
font-size:15px;
cursor:pointer;
}
----------
.doc-card{
min-height:220px;
}

--------
section{
padding:120px 8%;
}

---------
/* NAVBAR CALL BUTTON */

.cta{
background:#c9a84c;
color:#000;
padding:8px 18px;
border-radius:6px;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:.3s;
}

.cta:hover{
background:#e3c36b;
}

------------
.nav-container{
max-width:1200px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;
}

---------
#site-header{
position:sticky;
top:0;
z-index:1000;
background:#071428;
}

---------
#floating-contact{
position:fixed;
bottom:25px;
right:25px;
z-index:999;
display:flex;
flex-direction:column;
gap:12px;
}

.float-btn{
width:52px;
height:52px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:#fff;
text-decoration:none;
}

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

.float-call{
background:#c9a84c;
color:#000;
}

------------
body{
padding-bottom:80px;
}
--------------
/* ================= FOOTER ================= */

#site-footer{
background:#050f1f;
padding:80px 8% 30px;
color:#fff;
}

.footer-container{
max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:50px;
}

/* headings */

.footer-heading{
font-size:16px;
margin-bottom:15px;
color:#fff;
}

/* text */

.footer-text{
color:#9fb3c8;
line-height:1.6;
margin-bottom:15px;
}

/* links */

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

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

.footer-links a{
color:#9fb3c8;
text-decoration:none;
font-size:14px;
}

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

/* contact items */

.footer-contact{
display:flex;
align-items:center;
gap:8px;
margin-bottom:10px;
color:#9fb3c8;
}

/* bottom */

.footer-bottom{
text-align:center;
margin-top:50px;
border-top:1px solid #0d2545;
padding-top:20px;
font-size:13px;
color:#9fb3c8;
}

.footer-bottom span{
color:#c9a84c;
}
-------------
/* HERO BUTTONS */

.hero-buttons{
display:flex;
gap:14px;
margin-top:20px;
flex-wrap:wrap;
}

/* CALL BUTTON */

.btn-call{
background:#c9a84c;
color:#000;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:600;
display:inline-flex;
align-items:center;
gap:8px;
transition:.25s;
}

.btn-call:hover{
background:#e0c26c;
transform:translateY(-2px);
}

/* WHATSAPP BUTTON */

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:600;
display:inline-flex;
align-items:center;
gap:8px;
transition:.25s;
}

.btn-whatsapp:hover{
background:#20b957;
transform:translateY(-2px);
}
--------
.btn-call,
.btn-whatsapp{
box-shadow:0 8px 18px rgba(0,0,0,0.25);
}

-------------
.hero{
min-height:100vh;
display:flex;
align-items:center;
padding:100px 8%;
background:linear-gradient(180deg,#071428,#081a30);
}

----------
.hero-container{
max-width:1200px;
margin:auto;
width:100%;

display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:60px;
align-items:center;
}

-----------
section{
padding:120px 8%;
}

-------
.service-card{
background:#0b213f;
padding:28px;
border-radius:14px;
border:1px solid #12345c;
transition:.3s;
}

.service-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}
----------
.service-icon{
font-size:28px;
margin-bottom:12px;
}
-----------
.services-actions{
display:flex;
gap:10px;
margin-top:15px;
}

.btn-call{
background:#c9a84c;
color:#000;
padding:8px 14px;
border-radius:6px;
text-decoration:none;
font-size:13px;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:8px 14px;
border-radius:6px;
text-decoration:none;
font-size:13px;
}
-----------
#services{
padding:120px 8%;
background:#081a30;
}

.services-container{
max-width:1200px;
margin:auto;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:28px;
margin-top:40px;
}

.service-card{
background:#0b213f;
border:1px solid #12345c;
padding:28px;
border-radius:14px;
transition:.3s;
}

.service-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}

.service-icon{
font-size:28px;
margin-bottom:10px;
}

.services-actions{
display:flex;
gap:10px;
margin-top:15px;
}

-------
.owner-img{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:20px;
}

.owner-img img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
display:block;
}----------
.owner-card{
background:#0e2746;
padding:40px;
border-radius:14px;
text-align:center;
border:1px solid #16395f;

display:flex;
flex-direction:column;
align-items:center;
}

html, body{
max-width:100%;
overflow-x:hidden;
}

.container{
width:1200px;
}

@media (max-width:768px){

.footer-container{
display:flex;
flex-direction:column;
gap:30px;
}

}
img{
max-width:100%;
height:auto;
}

/* MOBILE MENU FIX */

@media (max-width:768px){

.nav-links{
position:fixed;
top:70px;
left:0;
width:100%;
height:100vh;
background:#071428;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
padding-top:40px;
gap:28px;
transform:translateX(-100%);
transition:0.3s;
}

.nav-links.active{
transform:translateX(0);
}

.nav-links a{
font-size:18px;
letter-spacing:1px;
color:#fff;
}

.menu-toggle{
display:block;
cursor:pointer;
}

}

.hero-container,
.services-container,
.documents-container,
.about-container,
.why-container,
.contact-container,
.footer-container{
max-width:1200px;
width:90%;
margin:auto;
}

img{
max-width:100%;
height:auto;
display:block;
}

.hero-content{
max-width:100%;
}

.hero-content{
max-width:100%;
}

/* MOBILE FIX FOR SERVICES */

@media (max-width:768px){

.services-container{
width:92%;
margin:auto;
padding:20px 0;
}

.services-header{
margin-bottom:20px;
}

.services-controls{
flex-direction:column;
gap:12px;
}

.services-search input{
width:100%;
}

.services-filters{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.services-grid{
grid-template-columns:1fr;
gap:18px;
margin-top:20px;
}

.service-card{
padding:18px;
border-radius:14px;
}

.service-title{
font-size:18px;
line-height:1.4;
margin-bottom:8px;
}

.service-desc{
font-size:14px;
line-height:1.6;
margin-bottom:12px;
}

.services-actions{
display:flex;
gap:10px;
}

}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.services-container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:30px;
}

@media (max-width:768px){

.services-container{
padding:0 16px;
}

.services-grid{
grid-template-columns:1fr;
gap:18px;
}

.service-card{
padding:18px;
}

}

.service-card{
padding:20px;
border-radius:14px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}



/* ================= CONTACT SECTION ================= */

.contact{
padding:120px 20px;
background:#071428;
color:#fff;
}

.contact-container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.contact-header{
text-align:center;
max-width:700px;
margin:0 auto 70px;
}

.contact-badge{
color:#c9a84c;
letter-spacing:2px;
font-size:13px;
margin-bottom:10px;
display:block;
}

.contact-title{
font-size:40px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.contact-desc{
color:#9fb3c8;
}

/* GRID */

.contact-wrapper{
display:grid;
grid-template-columns:1fr 420px;
gap:50px;
align-items:start;
}

/* ================= CONTACT INFO ================= */

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

/* CARD */

.contact-card{
display:flex;
align-items:center;
justify-content:space-between;

background:#0b213f;
border:1px solid #12345c;
border-radius:14px;

padding:24px 28px;
transition:.3s;
}

.contact-card:hover{
border-color:#c9a84c;
transform:translateY(-4px);
}

/* LEFT SIDE */

.contact-left{
display:flex;
align-items:center;
gap:18px;
}

.icon-circle{
width:48px;
height:48px;
border-radius:50%;
background:#0d2545;

display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}

/* TEXT */

.contact-text h3{
font-size:16px;
margin-bottom:2px;
}

.contact-text p{
font-size:14px;
color:#9fb3c8;
}

/* BUTTON */

.contact-btn{
background:#c9a84c;
color:#000;
padding:10px 18px;
border-radius:6px;
font-size:13px;
text-decoration:none;
font-weight:600;
}

/* ================= FORM ================= */

.contact-form{
background:#0b213f;
border:1px solid #12345c;
border-radius:14px;
padding:32px;
}

.contact-form h3{
margin-bottom:22px;
font-size:20px;
}

/* INPUTS */

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px 14px;
background:#081a30;
border:1px solid #12345c;
border-radius:6px;

color:#fff;
font-size:14px;
margin-bottom:14px;
}

.contact-form textarea{
height:110px;
resize:none;
}

/* BUTTON */

.form-btn{
width:100%;
padding:14px;
border:none;
background:#c9a84c;
color:#000;

border-radius:6px;
font-weight:600;
cursor:pointer;
}

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

@media(max-width:900px){

.contact-wrapper{
grid-template-columns:1fr;
}

.contact-form{
margin-top:10px;
}

}

/* WHY CARD ICON FIX */

.why-card{
position:relative;
background:#0b213f;
padding:40px 25px;
border-radius:14px;
border:1px solid #12345c;
text-align:center;
transition:.3s;
}

.why-card:hover{
transform:translateY(-6px);
border-color:#c9a84c;
}


}


------------
/* FLOATING CONTACT BUTTONS */

.contact-float{
position:fixed !important;

right:25px !important;   /* RIGHT SIDE */
left:auto !important;    /* disable left */

bottom:25px !important;

display:flex;
flex-direction:column;
gap:14px;

z-index:999999;
}

/* BUTTON */

.contact-float a{
width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

color:#fff;
font-size:22px;

text-decoration:none;

box-shadow:0 10px 25px rgba(0,0,0,.35);

transition:.25s;
}

/* COLORS */

.call{
background:#2563eb;
}

.whatsapp{
background:#25d366;
}

/* HOVER */

.contact-float a:hover{
transform:scale(1.1);
}

/* MOBILE */

@media(max-width:768px){

.contact-float{
right:15px !important;
bottom:15px !important;
}

.contact-float a{
width:52px;
height:52px;
}

}

.contact-float{
position:fixed !important;

right:25px !important;   /* RIGHT SIDE */
left:auto !important;    /* disable left */

bottom:25px;

display:flex;
flex-direction:column;
gap:14px;

z-index:999999;
}


/* CONTACT FORM MOBILE FIX */

@media (max-width:768px){

.contact-wrapper{
flex-direction:column;
}

.contact-form{
width:100%;
}

.contact-form form{
display:flex;
flex-direction:column;
gap:12px;
}

.contact-form label{
width:100%;
font-size:14px;
margin-bottom:4px;
}

.contact-form input,
.contact-form textarea{
width:100%;
max-width:100%;
}

}


html,body{
overflow-x:hidden;
width:100%;
}
.contact-form form{
display:grid;
grid-template-columns:1fr;
gap:15px;
}
/* MOBILE CONTACT FORM FIX */
@media (max-width:768px){

.contact-form form{
display:block;
}

.contact-form label{
display:block;
width:100%;
margin-bottom:6px;
}

.contact-form input,
.contact-form textarea{
width:100%;
max-width:100%;
display:block;
margin-bottom:15px;
}

.form-btn{
width:100%;
}

}

html,body{
overflow-x:hidden;
}

.dev-link{
color:#c9a84c;
text-decoration:none;
font-weight:500;
}

.dev-link:hover{
text-decoration:underline;
}

/* ============================= */
/* CONTACT SECTION */
/* ============================= */

.contact{
padding:60px 20px;
background:#071428;
}

.contact-container{
max-width:1200px;
margin:auto;
width:100%;
}

/* GRID */

.contact-wrapper{
display:grid;
grid-template-columns:1fr;
gap:30px;
}

/* ============================= */
/* LEFT CONTACT INFO */
/* ============================= */

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

.contact-card{
display:flex;
align-items:center;
justify-content:space-between;
background:#0f2745;
padding:20px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.contact-card h3{
font-size:16px;
margin:0;
color:#fff;
}

.contact-card p{
margin:0;
color:#a8b4c6;
font-size:14px;
}

.icon-circle{
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#132f52;
font-size:20px;
}

.contact-card .btn{
background:#c9a84c;
color:#000;
padding:8px 16px;
border-radius:6px;
font-size:13px;
text-decoration:none;
}

/* ============================= */
/* CONTACT FORM */
/* ============================= */

.contact-form{
background:#0f2745;
padding:25px;
border-radius:14px;
border:1px solid rgba(255,255,255,0.05);
}

.contact-form h3{
margin-bottom:20px;
font-size:22px;
color:#fff;
}

.contact-form form{
display:flex;
flex-direction:column;
gap:15px;
}

.contact-form label{
font-size:14px;
color:#a8b4c6;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px;
background:#081d36;
border:none;
border-radius:8px;
color:#fff;
font-size:14px;
}

.contact-form textarea{
min-height:120px;
resize:none;
}

.form-btn{
margin-top:10px;
background:#c9a84c;
border:none;
padding:14px;
border-radius:8px;
font-weight:600;
cursor:pointer;
}

/* ============================= */
/* TABLET */
/* ============================= */

@media (min-width:768px){

.contact-wrapper{
grid-template-columns:1fr;
}

}

/* ============================= */
/* DESKTOP */
/* ============================= */

@media (min-width:1024px){

.contact-wrapper{
grid-template-columns:1fr 1fr;
gap:40px;
}

.contact-form{
padding:35px;
}

.contact-card{
padding:25px;
}

}

.floating-buttons{
bottom:90px;
right:20px;
}

/* CONTACT CARD MOBILE FIX */

@media (max-width:768px){

.contact-card{
flex-direction:column;
align-items:flex-start;
gap:8px;
}

.contact-card h3{
font-size:16px;
}

.contact-card p{
font-size:14px;
word-break:break-word;
}

}

html,body{
overflow-x:hidden;
width:100%;
}

img{
max-width:100%;
height:auto;
}
/* NAVBAR CALL BUTTON */

.cta{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
font-size:14px;
font-weight:600;
color:#0b1c33;
background:linear-gradient(135deg,#d4af37,#c9a84c);
border-radius:8px;
text-decoration:none;
transition:all .3s ease;
box-shadow:0 4px 12px rgba(0,0,0,.25);
}

/* hover effect */

.cta:hover{
background:linear-gradient(135deg,#e6c65a,#d4af37);
transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0,0,0,.35);
}

/* active click */

.cta:active{
transform:scale(.96);
}

/* mobile optimization */

@media (max-width:768px){

.cta{
padding:8px 14px;
font-size:13px;
border-radius:6px;
}

}

/* HERO TEXT SECTION */

.hero-content{
max-width:650px;
color:#e6edf5;
}

.badge{
display:inline-block;
font-size:13px;
letter-spacing:.5px;
padding:6px 14px;
border-radius:20px;
background:rgba(212,175,55,.15);
color:#d4af37;
margin-bottom:16px;
}

.hero-content h1{
font-family:"Cormorant Garamond",serif;
font-size:46px;
font-weight:600;
line-height:1.2;
margin-bottom:12px;
color:#ffffff;
}

.hero-subtitle{
font-family:"Cormorant Garamond",serif;
font-size:32px;
font-weight:500;
line-height:1.3;
color:#f0f3f8;
margin-bottom:18px;
}

.hero-desc{
font-size:16px;
line-height:1.7;
color:#a9b4c4;
margin-bottom:14px;
}

.location{
font-size:15px;
line-height:1.6;
color:#c3cbd6;
margin-bottom:18px;
}

.trust-line{
font-size:14px;
color:#d4af37;
margin-bottom:14px;
}

.service-list{
display:flex;
flex-wrap:wrap;
gap:10px 18px;
font-size:14px;
color:#cbd4df;
margin-bottom:22px;
}

.service-list span{
display:inline-flex;
align-items:center;
gap:6px;
}

/* MOBILE RESPONSIVE */

@media (max-width:768px){

.hero-content{
max-width:100%;
padding:0 18px;
}

.hero-content h1{
font-size:34px;
}

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

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

.service-list{
font-size:13px;
gap:8px 14px;
}

.trust-line{
font-size:13px;
}

}

/* SERVICES HEADER CENTER */

.services-header{
text-align:center;
max-width:700px;
margin:0 auto 50px auto;
padding:0 20px;
}

.section-tag{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#c9a84c;
margin-bottom:12px;
}

.section-title{
font-family:"Cormorant Garamond",serif;
font-size:42px;
font-weight:600;
line-height:1.2;
color:#ffffff;
margin-bottom:12px;
}

.section-subtitle{
font-size:16px;
line-height:1.6;
color:#9fb0c5;
max-width:520px;
margin:0 auto;
}

/* WHY SECTION HEADER CENTER */

.why-container{
max-width:800px;
margin:0 auto;
text-align:center;
padding:0 20px;
}

.section-badge{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#c9a84c;
margin-bottom:12px;
}

.section-title{
font-family:"Cormorant Garamond",serif;
font-size:42px;
font-weight:600;
line-height:1.2;
color:#ffffff;
margin-bottom:14px;
}

.section-subtitle{
font-size:16px;
line-height:1.7;
color:#9fb0c5;
max-width:620px;
margin:0 auto;
}

@media (max-width:768px){

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

.section-subtitle{
font-size:14px;
}

}

/* FAQ HEADER CENTER */

.faq-container{
max-width:800px;
margin:0 auto;
text-align:center;
padding:0 20px;
}

.faq-title{
font-family:"Cormorant Garamond",serif;
font-size:40px;
font-weight:600;
line-height:1.2;
color:#ffffff;
margin-bottom:12px;
}

.faq-container .section-badge{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#c9a84c;
margin-bottom:12px;
}

.faq-container .section-subtitle{
font-size:16px;
line-height:1.7;
color:#9fb0c5;
max-width:600px;
margin:0 auto 30px auto;
}

@media (max-width:768px){

.faq-title{
font-size:28px;
}

.faq-container .section-subtitle{
font-size:14px;
}

}

/* CONTACT HEADER CENTER */

.contact-header{
max-width:700px;
margin:0 auto 40px auto;
text-align:center;
padding:0 20px;
}

.contact-header .section-badge{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#c9a84c;
margin-bottom:12px;
}

.contact-header .section-title{
font-family:"Cormorant Garamond",serif;
font-size:40px;
font-weight:600;
line-height:1.2;
color:#ffffff;
margin-bottom:10px;
}

.contact-header .section-subtitle{
font-size:18px;
color:#e5e9f0;
margin-bottom:10px;
}

.contact-header .contact-desc{
font-size:15px;
line-height:1.7;
color:#9fb0c5;
max-width:560px;
margin:0 auto;
}

@media (max-width:768px){

.contact-header .section-title{
font-size:30px;
}

.contact-header .section-subtitle{
font-size:16px;
}

.contact-header .contact-desc{
font-size:14px;
}

}
/* DOCUMENTS HEADER CENTER */

.documents-container{
max-width:800px;
margin:0 auto;
text-align:center;
padding:0 20px;
}

.documents-container .section-badge{
display:inline-block;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#c9a84c;
margin-bottom:12px;
}

.documents-container .section-title{
font-family:"Cormorant Garamond",serif;
font-size:40px;
font-weight:600;
line-height:1.2;
color:#ffffff;
margin-bottom:12px;
}

.documents-container .section-subtitle{
font-size:16px;
line-height:1.7;
color:#9fb0c5;
max-width:600px;
margin:0 auto 40px auto;
}

@media (max-width:768px){

.documents-container .section-title{
font-size:28px;
}

.documents-container .section-subtitle{
font-size:14px;
}

}
/* DOCUMENT CARD BUTTON CENTER */

.doc-actions{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:15px;
}

.doc-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 16px;
font-size:14px;
font-weight:500;
border-radius:6px;
text-decoration:none;
transition:0.3s;
}

/* Call button */

.doc-actions .call{
background:#1b3a5a;
color:#fff;
}

.doc-actions .call:hover{
background:#244d78;
}

/* WhatsApp button */

.doc-actions .whatsapp{
background:#25D366;
color:#fff;
}

.doc-actions .whatsapp:hover{
background:#1ebe5d;
}

/* TRUST CARD DESIGN */

.trust-card{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
padding:28px;
border-radius:14px;
max-width:380px;
backdrop-filter:blur(8px);
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

.trust-card h3{
font-family:"Cormorant Garamond",serif;
font-size:24px;
margin-bottom:12px;
color:#fff;
}

.trust-card p{
font-size:14px;
line-height:1.7;
color:#aeb8c7;
margin-bottom:20px;
}

/* Consultant */

.consultant{
display:flex;
align-items:center;
gap:12px;
}

.consultant img{
width:55px;
height:55px;
border-radius:50%;
object-fit:cover;
border:2px solid #c9a84c;
}

.consultant-info strong{
display:block;
font-size:15px;
color:#fff;
}

.consultant-info span{
font-size:13px;
color:#9fb0c5;
}

/* mobile */

@media (max-width:768px){

.trust-card{
max-width:100%;
}

}

/* FOUNDER CARD */

.founder-card{
max-width:320px;
margin:auto;
text-align:center;
padding:26px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
border-radius:14px;
backdrop-filter:blur(8px);
box-shadow:0 20px 40px rgba(0,0,0,.4);
}

.founder-img{
display:flex;
justify-content:center;
margin-bottom:16px;
}

.founder-img img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
border:3px solid #c9a84c;
}

.founder-name{
font-family:"Cormorant Garamond",serif;
font-size:26px;
font-weight:600;
color:#fff;
margin-bottom:6px;
}

.founder-role{
font-size:14px;
color:#c9a84c;
margin-bottom:14px;
}

.founder-desc{
font-size:14px;
line-height:1.7;
color:#9fb0c5;
}

/* mobile */

@media (max-width:768px){

.founder-card{
max-width:100%;
}

}

.consultant-ids{
margin-top:6px;
font-size:12px;
color:#9fb0c5;
line-height:1.6;
}

.consultant-ids p{
margin:0;
}

#gallery{
padding:120px 8%;
background:#071428;
color:#fff;
}

.gallery-container{
max-width:1200px;
margin:auto;
text-align:center;
}

.gallery-grid{
margin-top:50px;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

.gallery-grid img{
width:100%;
height:auto;
border-radius:14px;
border:1px solid #12345c;
transition:.3s;
}

.gallery-grid img:hover{
transform:translateY(-6px) scale(1.02);
border-color:#c9a84c;
box-shadow:0 20px 40px rgba(0,0,0,.45);
}


.services-search{
position:relative;
max-width:280px;
}

.services-search input{
width:100%;
padding:12px 12px 12px 40px;
border-radius:8px;
border:1px solid rgba(255,255,255,0.1);
background:#0d2238;
color:#fff;
font-size:14px;
outline:none;
}

.services-search i{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:#9fb3c8;
font-size:14px;
}
-----------------------------
/* ================= THEME TOGGLE BUTTON ================= */

.theme-btn{
background:none;
border:none;
font-size:18px;
cursor:pointer;
margin-left:10px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
}

/* ================= LIGHT THEME ================= */

body.light-theme{
background:#f5f7fb !important;
color:#0a1628 !important;
}

/* NAVBAR */

body.light-theme #site-header,
body.light-theme .navbar{
background:#ffffff !important;
}

body.light-theme .nav-links a{
color:#0a1628 !important;
}

/* HERO */

body.light-theme .hero{
background:#f5f7fb !important;
color:#0a1628 !important;
}

body.light-theme .hero-overlay{
background:#f5f7fb !important;
}

/* SERVICES */

body.light-theme #services{
background:#f5f7fb !important;
}

body.light-theme .service-card{
background:#ffffff !important;
color:#0a1628 !important;
border-color:#e5e7eb !important;
}

/* ABOUT */

body.light-theme #about{
background:#f5f7fb !important;
}

body.light-theme .owner-card,
body.light-theme .founder-card{
background:#ffffff !important;
color:#0a1628 !important;
}

/* WHY */

body.light-theme #why{
background:#f5f7fb !important;
}

body.light-theme .why-card,
body.light-theme .why-stat{
background:#ffffff !important;
color:#0a1628 !important;
}

/* REVIEWS */

body.light-theme #site-reviews{
background:#f5f7fb !important;
}

body.light-theme .review-card{
background:#ffffff !important;
color:#0a1628 !important;
}

/* DOCUMENTS */

body.light-theme #documents{
background:#f5f7fb !important;
}

body.light-theme .doc-card{
background:#ffffff !important;
color:#0a1628 !important;
}

/* FAQ */

body.light-theme #faq-section{
background:#f5f7fb !important;
}

body.light-theme .faq-item{
background:#ffffff !important;
color:#0a1628 !important;
}

/* CONTACT */

body.light-theme .contact{
background:#f5f7fb !important;
}

body.light-theme .contact-card,
body.light-theme .contact-form{
background:#ffffff !important;
color:#0a1628 !important;
}

/* INPUT */

body.light-theme input,
body.light-theme textarea{
background:#ffffff !important;
color:#0a1628 !important;
border:1px solid #ddd !important;
}

/* FOOTER */

body.light-theme #site-footer{
background:#ffffff !important;
color:#0a1628 !important;
}

body.light-theme .footer-links a{
color:#0a1628 !important;
}

/* ===== LIGHT MODE GLOBAL FIX ===== */

body.light-theme{
background:#f5f7fb;
color:#0a1628;
}

/* sections */

body.light-theme section{
background:#f5f7fb !important;
}

/* cards */

body.light-theme .service-card,
body.light-theme .why-card,
body.light-theme .review-card,
body.light-theme .doc-card,
body.light-theme .faq-item,
body.light-theme .contact-card,
body.light-theme .contact-form,
body.light-theme .trust-card,
body.light-theme .founder-card{
background:#ffffff !important;
color:#0a1628 !important;
border-color:#e5e7eb !important;
}

/* text colors */

body.light-theme p,
body.light-theme span,
body.light-theme li{
color:#475569 !important;
}

/* headings */

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4{
color:#0a1628 !important;
}

/* inputs */

body.light-theme input,
body.light-theme textarea{
background:#ffffff !important;
color:#0a1628 !important;
border:1px solid #d1d5db !important;
}

/* navbar */

body.light-theme #site-header,
body.light-theme .navbar{
background:#ffffff !important;
}

/* footer */

body.light-theme #site-footer{
background:#ffffff !important;
color:#0a1628 !important;
}

/* ===== LIGHT THEME TEXT FIX ===== */

body.light-theme p,
body.light-theme span,
body.light-theme li{
color:#334155 !important;
}

body.light-theme .hero-desc,
body.light-theme .section-subtitle,
body.light-theme .review-text,
body.light-theme .doc-card li{
color:#475569 !important;
}

/* ABOUT FEATURES FIX */

body.light-theme .feature{
background:#f1f5f9 !important;
color:#0a1628 !important;
border:1px solid #e5e7eb;
}

body.light-theme .about-stat{
background:#ffffff !important;
color:#0a1628 !important;
border:1px solid #e5e7eb;
}

body.light-theme .icon-circle{
background:#e2e8f0 !important;
color:#0a1628 !important;
}

body.light-theme .brand-main{
color:#c9a84c;
}

body.light-theme .brand-sub{
color:#475569;
}

/* ===== MOBILE MENU FIX ===== */

@media (max-width:900px){

.nav-links{
background:#071428 !important;
}

.nav-links a{
color:#ffffff !important;
font-size:18px;
font-weight:500;
}

.nav-links a:hover{
color:#c9a84c !important;
}

}

/* LIGHT THEME MOBILE MENU */

body.light-theme .nav-links{
background:#ffffff !important;
}

body.light-theme .nav-links a{
color:#0a1628 !important;
}

/* LIGHT THEME MOBILE MENU FIX */

@media (max-width:900px){

body.light-theme .nav-links{

background:#ffffff !important;
position:fixed;
top:70px;
left:0;
width:100%;
height:100vh;

display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;

gap:28px;
padding-top:40px;

box-shadow:0 10px 40px rgba(0,0,0,0.1);
}

body.light-theme .nav-links a{

color:#0a1628 !important;
font-size:18px;
font-weight:500;

}

body.light-theme .nav-links a:hover{

color:#c9a84c !important;

}

}
/* MENU OPEN FIX */

.nav-links.active ~ .contact-float{
display:none;
}

/* LIGHT THEME MENU BUTTON FIX */

body.light-theme .menu-toggle span{
background:#0a1628 !important;
}

/* icon button fix */

body.light-theme #siteMenuToggle{
color:#0a1628 !important;
}



/* MOBILE MENU CONTROL */

@media (max-width:900px){

.nav-links{
display:none !important;
}

.nav-links.active{
display:flex !important;
flex-direction:column;
}

}

/* LIGHT THEME MOBILE MENU */

body.light-theme .nav-links{
display:none !important;
}

body.light-theme .nav-links.active{
display:flex !important;
}

/* MOBILE MENU FIX ONLY */

@media (max-width:900px){

.nav-links{
display:none;
}

.nav-links.active{
display:flex;
flex-direction:column;
}

}

@media (max-width:900px){

body.light-theme .nav-links{
display:none;
}

body.light-theme .nav-links.active{
display:flex;
}

}

/* FORCE MOBILE MENU */

@media (max-width:900px){

#siteNavMenu{
display:none;
flex-direction:column;
position:fixed;
top:70px;
left:0;
width:100%;
height:100vh;
background:#071428;
z-index:9999;
}

#siteNavMenu.active{
display:flex;
}

body.light-theme #siteNavMenu{
background:#ffffff;
}

body.light-theme #siteNavMenu a{
color:#0a1628;
}

}

#siteMenuToggle{
cursor:pointer;
z-index:10000;
position:relative;
}

/* ================================= */
/* FINAL MOBILE MENU FIX */
/* ================================= */

@media (max-width:900px){

/* menu icon */

#siteMenuToggle{
display:flex !important;
flex-direction:column;
gap:5px;
cursor:pointer;
z-index:10001;
}

#siteMenuToggle span{
width:25px;
height:3px;
background:#ffffff;
display:block;
}

/* light theme icon */

body.light-theme #siteMenuToggle span{
background:#0a1628 !important;
}

/* menu container */

#siteNavMenu{
position:fixed !important;
top:70px !important;
left:0 !important;

width:100% !important;
height:100vh !important;

display:none !important;

flex-direction:column !important;
align-items:center !important;
gap:28px !important;

padding-top:40px !important;

background:#071428 !important;
z-index:9999 !important;
}

/* menu open */

#siteNavMenu.active{
display:flex !important;
}

/* light theme menu */

body.light-theme #siteNavMenu{
background:#ffffff !important;
}

/* menu links */

#siteNavMenu a{
font-size:18px !important;
font-weight:500;
color:#ffffff;
}

body.light-theme #siteNavMenu a{
color:#0a1628 !important;
}

}

/* ===== FINAL OVERRIDE: MOBILE MENU WORKING ===== */

@media (max-width:900px){

/* force menu icon visible */
#siteMenuToggle{
display:flex !important;
flex-direction:column;
gap:5px;
cursor:pointer;
}

/* force menu hidden by default */
#siteNavMenu{
display:none !important;
}

/* when JS adds active class */
#siteNavMenu.active{
display:flex !important;
flex-direction:column !important;
align-items:center;
gap:28px;
padding-top:40px;

position:fixed;
top:70px;
left:0;
width:100%;
height:100vh;

background:#071428;
z-index:9999;
}

/* light theme background */
body.light-theme #siteNavMenu.active{
background:#ffffff;
}

/* link colors */
#siteNavMenu.active a{
color:#ffffff;
font-size:18px;
}

body.light-theme #siteNavMenu.active a{
color:#0a1628;
}

}

/* ===== DESKTOP NAVBAR FIX ===== */

@media (min-width:901px){

#siteNavMenu{
display:flex !important;
position:static !important;
height:auto !important;
background:transparent !important;
flex-direction:row !important;
gap:28px !important;
padding:0 !important;
}

#siteNavMenu a{
font-size:14px;
}

#siteMenuToggle{
display:none !important;
}

}

/* ===== FINAL NAVBAR GAP FIX ===== */

#site-header{
position:fixed;
top:0;
left:0;
right:0;
z-index:10000;
}

.hero{
margin-top:0 !important;
padding-top:140px !important;
}

/* MOBILE FIX */

@media(max-width:768px){

.hero{
padding-top:120px !important;
}

}


/* ================= DOCUMENT GROUPING PATCH ================= */


/* scroll design */

.doc-grid::-webkit-scrollbar{
width:6px;
}

.doc-grid::-webkit-scrollbar-track{
background:#081a30;
}

.doc-grid::-webkit-scrollbar-thumb{
background:#c9a84c;
border-radius:10px;
}

/* category buttons */

.doc-group-buttons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:35px;
}

.doc-btn{
padding:10px 18px;
border-radius:30px;
background:#0b213f;
border:1px solid #12345c;
color:#fff;
font-size:14px;
cursor:pointer;
transition:.25s;
}

.doc-btn:hover{
background:#c9a84c;
color:#000;
}

.doc-btn.active{
background:#c9a84c;
color:#000;
border-color:#c9a84c;
}

/* mobile improvement */

@media(max-width:768px){

.doc-grid{
max-height:500px;
}

.doc-card{
padding:20px;
}

.doc-card li{
font-size:13px;
}

}



/* ================= SERVICE GROUP FILTER ================= */

.service-groups{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
margin-bottom:40px;
}

.service-group-btn{
padding:10px 18px;
border-radius:30px;
background:#0b213f;
border:1px solid #12345c;
color:#fff;
font-size:14px;
cursor:pointer;
transition:.25s;
}

.service-group-btn:hover{
background:#c9a84c;
color:#000;
}

.service-group-btn.active{
background:#c9a84c;
color:#000;
border-color:#c9a84c;
}



.service-groups{
display:flex;
justify-content:center;
gap:14px;
margin:20px 0 40px;
flex-wrap:wrap;
}


/* LIGHT THEME FAQ FIX */

body.light-theme .faq-answer{
color:#334155 !important;
}

body.light-theme .faq-question{
color:#0a1628 !important;
}

body.light-theme .faq-item{
background:#ffffff !important;
border-color:#e5e7eb !important;
}



body.light-theme p,
body.light-theme span,
body.light-theme li{
color:#334155 !important;
}



/* FIX GOLD SECTION BADGE IN LIGHT THEME */

body.light-theme .section-badge{
color:#c9a84c !important;
}

body.light-theme .section-badge{
color:#c9a84c !important;
letter-spacing:2px;
font-weight:600;
}


/* BRAND COLOR FIX */

.brand-main{
color:#c9a84c;
font-weight:600;
}

body.light-theme .brand-main{
color:#c9a84c !important;
}

.brand-sub{
color:#8899aa;
}

body.light-theme .brand-sub{
color:#475569 !important;
}



/* HERO TEXT FIX FOR LIGHT THEME */

body.light-theme .hero-content h1{
color:#0a1628 !important;
}

body.light-theme .hero-subtitle{
color:#1e293b !important;
}

body.light-theme .hero-desc{
color:#475569 !important;
}

body.light-theme .location{
color:#475569 !important;
}

body.light-theme .trust-line{
color:#c9a84c !important;
}

body.light-theme .service-list span{
color:#334155 !important;
}

body.light-theme .badge{
background:rgba(201,168,76,.15) !important;
color:#c9a84c !important;
}
-----------

/* HERO FIX FOR LIGHT THEME */

body.light-theme .hero-overlay{
display:none;
}

body.light-theme .hero{
background:#f8fafc;
}

body.light-theme .hero h1{
color:#0f172a;
}

body.light-theme .hero-subtitle{
color:#1e293b;
}

body.light-theme .hero-desc{
color:#475569;
}

body.light-theme .location{
color:#475569;
}

body.light-theme .service-list span{
color:#334155;
}




body.light-theme .trust-card{
background:#ffffff;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}



/* ===== WHY ICON CENTER FIX ===== */

.why-card{
text-align:center;
}

.why-card .icon-circle{
width:60px;
height:60px;

display:flex;
align-items:center;
justify-content:center;

margin:0 auto 18px auto;

border-radius:50%;
font-size:22px;
}

/* STATS GOLD COLOR FIX */

body.light-theme .why-stat h3{
color:#c9a84c !important;
}

body.light-theme .stat-number{
color:#c9a84c !important;
}

body.light-theme .counter{
color:#c9a84c !important;
}


/* ================= LIGHT THEME CONTACT FIX ================= */

body.light-theme .contact{
background:#f8fafc !important;
}

body.light-theme .contact-card{
background:#ffffff !important;
border:1px solid #e2e8f0 !important;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

body.light-theme .contact-text h3{
color:#0f172a !important;
}

body.light-theme .contact-text p{
color:#475569 !important;
}

body.light-theme .contact-btn{
background:#c9a84c !important;
color:#000 !important;
}

body.light-theme .contact-form{
background:#ffffff !important;
border:1px solid #e2e8f0 !important;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

body.light-theme .contact-form h3{
color:#0f172a !important;
}

body.light-theme .contact-form label{
color:#475569 !important;
}

body.light-theme .contact-form input,
body.light-theme .contact-form textarea{
background:#ffffff !important;
border:1px solid #cbd5e1 !important;
color:#0f172a !important;
}

body.light-theme .contact-form input::placeholder,
body.light-theme .contact-form textarea::placeholder{
color:#94a3b8;
}

body.light-theme .form-btn{
background:#c9a84c !important;
color:#000 !important;
}




/* ===== LIGHT THEME CONTACT FINAL FIX ===== */

body.light-theme .contact{
background:#f8fafc !important;
}

/* cards */

body.light-theme .contact-card{
background:#ffffff !important;
border:1px solid #e2e8f0 !important;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* headings */

body.light-theme .contact-card h3{
color:#0f172a !important;
}

/* description */

body.light-theme .contact-card p{
color:#475569 !important;
opacity:1 !important;
}

/* form */

body.light-theme .contact-form{
background:#ffffff !important;
border:1px solid #e2e8f0 !important;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* labels */

body.light-theme .contact-form label{
color:#334155 !important;
opacity:1 !important;
}

/* inputs */

body.light-theme .contact-form input,
body.light-theme .contact-form textarea{
background:#ffffff !important;
border:1px solid #cbd5e1 !important;
color:#0f172a !important;
}

/* placeholder */

body.light-theme input::placeholder,
body.light-theme textarea::placeholder{
color:#94a3b8 !important;
opacity:1 !important;
}

/* buttons */

body.light-theme .contact-btn,
body.light-theme .form-btn{
background:#c9a84c !important;
color:#000 !important;
}


.theme-toggle{
width:48px;
height:48px;
border-radius:12px;
border:none;
cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

background:#f2f4f7;
color:#071428;

font-size:18px;

transition:all .3s ease;
}

.theme-toggle:hover{
transform:scale(1.08);
box-shadow:0 6px 18px rgba(0,0,0,.15);
}

.dark .theme-toggle{
background:#0c1f36;
color:#ffd36a;
}

.theme-toggle i{
pointer-events:none;
}



/* FLOATING BUTTONS */

.contact-float{
position:fixed;
right:20px;
bottom:25px;

display:flex;
flex-direction:column;
gap:12px;

z-index:999;
}

/* CALL BUTTON */

.contact-float .call{

width:54px;
height:54px;

border-radius:50%;

background:#d4af37;   /* same gold color */

color:#071428;

display:flex;
align-items:center;
justify-content:center;

font-size:20px;

box-shadow:0 8px 20px rgba(0,0,0,.25);

transition:all .25s ease;
}

/* WHATSAPP */

.contact-float .whatsapp{

width:54px;
height:54px;

border-radius:50%;

background:#25D366;

color:white;

display:flex;
align-items:center;
justify-content:center;

font-size:20px;

box-shadow:0 8px 20px rgba(0,0,0,.25);

transition:all .25s ease;
}

/* HOVER EFFECT */

.contact-float a:hover{
transform:scale(1.08);
box-shadow:0 10px 28px rgba(0,0,0,.35);
}


/* WHATSAPP FLOAT BUTTON */

.contact-float .whatsapp{

width:54px;
height:54px;

border-radius:50%;

background:#25D366;

display:flex;
align-items:center;
justify-content:center;

color:white;

font-size:26px;   /* bigger icon */

box-shadow:0 8px 20px rgba(0,0,0,.25);

transition:all .25s ease;

}


/* ===== MOBILE FIX FOR ABOUT SECTION ===== */

@media (max-width:768px){

.about-container{
padding:0 18px;
}

.about-grid{
grid-template-columns:1fr;
gap:30px;
}

.founder-card{
margin-bottom:10px;
}

.content{
padding:20px;
}

.features{
grid-template-columns:1fr;
gap:10px;
}

.stats{
grid-template-columns:1fr;
gap:15px;
}

}

@media (max-width:768px){

section{
padding-left:18px;
padding-right:18px;
}

}

/* ===== MOBILE FOOTER FIX ===== */

@media (max-width:768px){

.footer-container{
padding-left:18px;
padding-right:18px;
}

.footer-col{
margin-bottom:25px;
}

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

.footer-bottom{
padding-left:18px;
padding-right:18px;
text-align:center;
}

}

@media (max-width:768px){

.footer-container{
display:grid;
grid-template-columns:1fr;
gap:25px;
}

}


/* ===== TESTIMONIAL CENTER FIX ===== */

.reviews-container{
max-width:1100px;
margin:auto;
text-align:center;
padding-left:20px;
padding-right:20px;
}

.reviews-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
justify-content:center;
}

.review-card{
margin:auto;
text-align:left;
max-width:350px;
}


@media (max-width:768px){

.reviews-title{
font-size:28px;
text-align:center;
}

.rating-summary{
justify-content:center;
text-align:center;
}

.review-card{
max-width:100%;
}

}


/* ===== CENTER TESTIMONIAL RATING ===== */

.rating-summary{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
margin-top:20px;
margin-bottom:30px;
}

.google-rating{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
font-size:28px;
font-weight:600;
}

.rating-stars{
color:#f5c518;
letter-spacing:2px;
}

.rating-text{
text-align:center;
opacity:0.85;
margin-top:6px;
}


/* ===== CENTER SERVICE CARD CONTENT ===== */

.service-card{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:30px 25px;
}

.service-icon{
font-size:40px;
margin-bottom:15px;
}

.service-title{
margin-bottom:10px;
text-align:center;
}

.service-desc{
text-align:center;
max-width:320px;
margin-bottom:20px;
}

.services-actions{
display:flex;
gap:12px;
justify-content:center;
align-items:center;
}

@media (max-width:768px){

.services-actions{
flex-wrap:wrap;
}

.services-actions a{
flex:1;
text-align:center;
}

}


/* ===== FAQ ANSWER SPACING FIX ===== */

.faq-answer{
padding:14px 18px;
line-height:1.7;
margin-top:10px;
color:#cbd5e1;
}

.faq-item.active{
padding-bottom:10px;
}

.faq-question{
padding:16px 20px;
}

.faq-item{
margin-bottom:14px;
}


/* ===== HERO TRUST CARD IMPROVED ===== */

.trust-card{
background:rgba(255,255,255,0.04);
backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
padding:28px 26px;
max-width:340px;
box-shadow:0 20px 40px rgba(0,0,0,0.35);
transition:0.3s ease;
}

.trust-card:hover{
transform:translateY(-4px);
box-shadow:0 25px 50px rgba(0,0,0,0.45);
}



/* ===== HERO TRUST CARD IMPROVED ===== */

.trust-card{
background:rgba(255,255,255,0.04);
backdrop-filter:blur(8px);
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
padding:28px 26px;
max-width:340px;
box-shadow:0 20px 40px rgba(0,0,0,0.35);
transition:0.3s ease;
}

.trust-card:hover{
transform:translateY(-4px);
box-shadow:0 25px 50px rgba(0,0,0,0.45);
}


.consultant{
display:flex;
align-items:center;
gap:14px;
margin-top:12px;
}

.consultant img{
width:48px;
height:48px;
border-radius:50%;
border:2px solid #d4af37;
}

.consultant-info strong{
font-size:15px;
color:#fff;
display:block;
}

.consultant-info span{
font-size:13px;
color:#94a3b8;
}

.consultant-ids{
margin-top:8px;
font-size:12px;
color:#9ca3af;
line-height:1.6;
}

.trust-card h3::before{
content:"✔ ";
color:#d4af37;
font-weight:bold;
}

/* ===== HERO MOBILE FIX ===== */

@media (max-width:768px){

.hero-container{
grid-template-columns:1fr;
gap:35px;
text-align:left;
}

.trust-card{
max-width:100%;
margin:auto;
}

}

@media (max-width:768px){

.trust-card{
padding:24px 22px;
border-radius:14px;
}

.trust-card h3{
font-size:18px;
}

}

.consultant{
display:flex;
align-items:center;
gap:14px;
margin-top:16px;
}

.consultant img{
width:50px;
height:50px;
border-radius:50%;
border:2px solid #d4af37;
}

.consultant{
display:flex;
align-items:center;
gap:14px;
margin-top:16px;
}

.consultant img{
width:50px;
height:50px;
border-radius:50%;
border:2px solid #d4af37;
}


/* ===== HERO STATS IMPROVED ===== */

.hero-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:28px;
}

.hero-stat{
text-align:center;
padding:14px 10px;
border-radius:10px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
}

.hero-stat h3{
font-size:26px;
font-weight:700;
color:#d4af37;
margin-bottom:4px;
}

.hero-stat p{
font-size:12px;
color:#94a3b8;
}

@media (max-width:768px){

.hero-stats{
grid-template-columns:repeat(3,1fr);
gap:10px;
}

.hero-stat{
padding:12px 6px;
}

.hero-stat h3{
font-size:22px;
}

.hero-stat p{
font-size:11px;
}

}

/* ================================= */
/* FINAL UI IMPROVEMENT PATCH */
/* ADD THIS AT VERY END OF CSS */
/* ================================= */

/* FIX FADED TEXT IN LIGHT MODE */

body.light-theme .hero-desc,
body.light-theme .section-subtitle,
body.light-theme .review-text,
body.light-theme .doc-card li,
body.light-theme .location{
color:#334155 !important;
}

/* SERVICE LIST TEXT */

body.light-theme .service-list span{
color:#1e293b !important;
font-weight:500;
}

/* HERO STATS */

body.light-theme .hero-stat{
background:#ffffff !important;
border:1px solid #e5e7eb !important;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

body.light-theme .hero-stat h3{
color:#c9a84c !important;
}

body.light-theme .hero-stat p{
color:#475569 !important;
}

/* TRUST LINE GOLD */

body.light-theme .trust-line{
color:#c9a84c !important;
font-weight:600;
}

/* TRUST CARD IMPROVE */

body.light-theme .trust-card{
background:#ffffff !important;
border:1px solid #e5e7eb !important;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

body.light-theme .trust-card p{
color:#475569 !important;
}

/* CONSULTANT INFO */

body.light-theme .consultant-info strong{
color:#0f172a !important;
}

body.light-theme .consultant-info span{
color:#475569 !important;
}

/* HERO BUTTON SHADOW */

.btn-call,
.btn-whatsapp{
box-shadow:0 8px 20px rgba(0,0,0,0.25);
}

/* FLOAT CALL BUTTON BRAND COLOR */

.contact-float .call{
background:#c9a84c !important;
color:#071428 !important;
}

/* HERO STAT ALIGNMENT */

.hero-stats{
display:flex;
gap:28px;
flex-wrap:wrap;
margin-top:32px;
}

.hero-stat{
min-width:110px;
text-align:center;
padding:14px 10px;
border-radius:10px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
}

.hero-stat h3{
font-size:26px;
font-weight:700;
color:#c9a84c;
margin-bottom:4px;
}

.hero-stat p{
font-size:12px;
color:#94a3b8;
}

/* ================================= */
/* SERVICE CARD LIGHT THEME FIX */
/* ADD AT VERY END OF CSS */
/* ================================= */

body.light-theme #services{
background:#f8fafc !important;
}

/* CARD */

body.light-theme .service-card{

background:#ffffff !important;

border:1px solid #e5e7eb !important;

box-shadow:0 10px 25px rgba(0,0,0,0.06) !important;

border-radius:14px;

transition:all .3s ease;

}

/* HOVER */

body.light-theme .service-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(0,0,0,0.12);

border-color:#c9a84c;

}

/* ICON */

body.light-theme .service-icon{
color:#c9a84c;
}

/* TITLE */

body.light-theme .service-title{
color:#0f172a !important;
}

/* DESCRIPTION */

body.light-theme .service-desc{
color:#475569 !important;
}

/* BUTTON SHADOW */

body.light-theme .btn-call,
body.light-theme .btn-whatsapp{

box-shadow:0 6px 16px rgba(0,0,0,0.15);

}

/* ================= FAQ LIGHT THEME HOVER FIX ================= */

body.light-theme .faq-question:hover{
background:#f1f5f9 !important;
}

/* active open question */

body.light-theme .faq-item.active .faq-question{
background:#f8fafc !important;
}

/* icon color */

body.light-theme .faq-toggle{
color:#c9a84c !important;
}


/* ================================= */
/* FINAL LIGHT THEME CARD FIX */
/* ================================= */

body.light-theme .service-card,
body.light-theme .why-card,
body.light-theme .review-card,
body.light-theme .doc-card,
body.light-theme .contact-card,
body.light-theme .owner-card,
body.light-theme .founder-card,
body.light-theme .faq-item{

background:#ffffff !important;
border:1px solid #e2e8f0 !important;

box-shadow:0 8px 22px rgba(0,0,0,0.06) !important;

transition:all .25s ease;
}

/* hover effect */

body.light-theme .service-card:hover,
body.light-theme .why-card:hover,
body.light-theme .review-card:hover,
body.light-theme .doc-card:hover,
body.light-theme .contact-card:hover{

transform:translateY(-4px);

box-shadow:0 14px 35px rgba(0,0,0,0.12) !important;

border-color:#c9a84c !important;
}


/* ================= BLOG SECTION ================= */

#blog{
padding:100px 20px;
background:linear-gradient(180deg,#071428,#081a30);
color:#fff;
}

/* CONTAINER */

.blog-container{
max-width:1200px;
margin:auto;
text-align:center;
}

/* GRID */

.blog-grid{
margin-top:60px;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

/* CARD */

.blog-card{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.08);
padding:30px;
border-radius:14px;
text-align:left;

transition:all .3s ease;
}

/* HOVER */

.blog-card:hover{
transform:translateY(-6px);
border-color:#d4af37;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

/* TITLE */

.blog-card h3{
font-size:20px;
margin-bottom:12px;
font-weight:600;
color:#fff;
}

/* DESCRIPTION */

.blog-card p{
font-size:15px;
color:#c9d4e0;
line-height:1.6;
margin-bottom:20px;
}

/* READ MORE */

.blog-card a{
font-size:14px;
color:#d4af37;
font-weight:500;
text-decoration:none;
}

.blog-card a:hover{
text-decoration:underline;
}

.blog-card::before{
content:"ARTICLE";
font-size:11px;
letter-spacing:1px;
color:#d4af37;
display:block;
margin-bottom:10px;
}


/* BLOG */

#blog{
padding:100px 20px;
background:linear-gradient(180deg,#071428,#081a30);
}

.blog-container{
max-width:1200px;
margin:auto;
text-align:center;
}


/* CATEGORY FILTER */

.blog-categories{
margin-top:30px;
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.blog-filter{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.08);
color:#fff;
padding:8px 16px;
border-radius:20px;
cursor:pointer;
font-size:14px;
}

.blog-filter.active{
background:#d4af37;
color:#000;
}


/* GRID */

.blog-grid{
margin-top:50px;

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}


/* CARD */

.blog-card{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
border-radius:14px;
padding:28px;
text-align:left;

transition:.3s;
}

.blog-card:hover{
transform:translateY(-6px);
border-color:#d4af37;
}


.blog-label{
font-size:12px;
color:#d4af37;
letter-spacing:1px;
display:block;
margin-bottom:12px;
}


.blog-card h3{
font-size:20px;
margin-bottom:12px;
color:#fff;
}


.blog-card p{
font-size:15px;
line-height:1.6;
color:#cbd6e2;
margin-bottom:18px;
}


.blog-read{
color:#d4af37;
font-size:14px;
text-decoration:none;
}

.blog-read:hover{
text-decoration:underline;
}


/* PAGINATION */

.blog-pagination{
margin-top:40px;
display:flex;
justify-content:center;
gap:8px;
}

.blog-page{
background:rgba(255,255,255,0.06);
border:none;
color:#fff;
padding:8px 14px;
border-radius:6px;
cursor:pointer;
}

.blog-page.active{
background:#d4af37;
color:#000;
}


/* MOBILE */

@media(max-width:900px){

.blog-grid{
grid-template-columns:1fr;
}

}


.blog-full{
display:none;
margin-top:10px;
color:#cbd6e2;
}

.read-more-btn{
background:none;
border:none;
color:#d4af37;
cursor:pointer;
font-size:14px;
}

.read-more-btn:hover{
text-decoration:underline;
}

/* ===== FIX SERVICE CARD BUTTON SIZE ===== */

.service-card .btn-call,
.service-card .btn-whatsapp{

padding:6px 12px !important;

font-size:13px !important;

border-radius:6px;

display:inline-flex;
align-items:center;
justify-content:center;

gap:6px;

}

.service-card .btn-call i,
.service-card .btn-whatsapp i{
font-size:14px;
}

/* spacing */

.service-card .services-actions{
gap:8px;
}

.service-icon{
font-size:34px;
color:#c9a84c;
margin-bottom:14px;
}


/* ================= DUE DATE STRIP ================= */

.due-strip{

position:fixed;

left:0;
top:40%;

background:#c9a84c;
color:#000;

padding:14px 10px;

font-weight:600;
font-size:14px;

border-radius:0 8px 8px 0;

cursor:pointer;

z-index:9999;

writing-mode:vertical-rl;
transform:rotate(180deg);

box-shadow:0 8px 20px rgba(0,0,0,.3);
}

/* ================= PANEL ================= */

.due-panel{

position:fixed;

left:-340px;
top:0;

width:340px;
height:100vh;

background:#071428;

border-right:1px solid rgba(255,255,255,.08);

padding:30px;

transition:.35s ease;

z-index:10000;
}

/* OPEN STATE */

.due-panel.active{
left:0;
}

/* HEADER */

.due-header{

display:flex;
justify-content:space-between;
align-items:center;

margin-bottom:25px;
}

.due-header h3{
color:#fff;
}

#dueClose{
cursor:pointer;
font-size:20px;
}

/* LIST */

.due-list{
display:flex;
flex-direction:column;
gap:16px;
}

/* ITEM */

.due-item{

background:#0b213f;

padding:16px;

border-radius:8px;

border:1px solid rgba(255,255,255,.06);
}

.due-item strong{
color:#c9a84c;
}

.due-item p{
font-size:13px;
color:#9fb3c8;
margin-top:4px;
}


// close when clicking outside

document.addEventListener("click", function(e){

if(duePanel && duePanel.classList.contains("active")){

if(!duePanel.contains(e.target) && !dueStrip.contains(e.target)){
duePanel.classList.remove("active");
}

}

});


.due-panel{

position:fixed;

left:-340px;
top:0;

width:340px;
height:100vh;

background:#071428;

border-right:1px solid rgba(255,255,255,.08);

padding:30px;

transition:.35s ease;

z-index:10000;

/* IMPORTANT */

overflow-y:auto;
}

/* SCROLL DESIGN */

.due-panel::-webkit-scrollbar{
width:6px;
}

.due-panel::-webkit-scrollbar-track{
background:#071428;
}

.due-panel::-webkit-scrollbar-thumb{
background:#c9a84c;
border-radius:10px;
}

// ================= CLOSE DUE PANEL ON OUTSIDE CLICK =================

document.addEventListener("click", function(e){

const panel = document.getElementById("duePanel");
const strip = document.getElementById("dueStrip");

if(panel && panel.classList.contains("active")){

if(!panel.contains(e.target) && !strip.contains(e.target)){

panel.classList.remove("active");

}

}

});

/* ===== DUE PANEL SCROLL FIX ===== */

.due-panel{

position:fixed;
left:-360px;
top:0;

width:360px;
height:100vh;

background:#071428;

padding:30px;

overflow-y:auto;   /* IMPORTANT */

z-index:10000;

transition:0.35s ease;

}

/* panel open */

.due-panel.active{
left:0;
}

/* ===== DUE PANEL SCROLL FIX ===== */

.due-panel{

position:fixed;
left:-360px;
top:0;

width:360px;
height:100vh;

background:#071428;

padding:30px;

overflow-y:auto;   /* IMPORTANT */

z-index:10000;

transition:0.35s ease;

}

/* panel open */

.due-panel.active{
left:0;
}

/* SCROLLBAR */

.due-panel::-webkit-scrollbar{
width:6px;
}

.due-panel::-webkit-scrollbar-thumb{
background:#c9a84c;
border-radius:10px;
}

/* ===== LIGHT THEME DUE PANEL FIX ===== */

body.light-theme .due-panel{
background:#ffffff !important;
border-right:1px solid #e5e7eb !important;
}

body.light-theme .due-header h3{
color:#0f172a !important;
}

body.light-theme #dueClose{
color:#0f172a !important;
}

body.light-theme .due-item{
background:#f8fafc !important;
border:1px solid #e5e7eb !important;
}

body.light-theme .due-item strong{
color:#c9a84c !important;
}

body.light-theme .due-item p{
color:#475569 !important;
}

.trust-card h3{

font-family: 'DM Sans', sans-serif;

font-weight:600;

}

.due-strip{

position:fixed;

left:-32px;   /* पहले 0 या -50 होगा */

top:55%;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;
color:#000;

padding:10px 18px;

font-size:14px;
font-weight:600;

border-radius:6px 6px 0 0;

cursor:pointer;

z-index:9999;

transition:0.3s;

}

.due-strip:hover{
left:-18px;
}

@media(max-width:768px){

.due-strip{

left:-28px;
font-size:12px;
padding:8px 14px;

}

}


/* ===== PROFESSIONAL DUE STRIP ===== */

.due-strip{

position:fixed;

left:-48px;
top:55%;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;
color:#000;

display:flex;
align-items:center;
gap:8px;

padding:10px 22px;

font-weight:600;
font-size:14px;

border-radius:8px 8px 0 0;

cursor:pointer;

z-index:9999;

box-shadow:0 10px 30px rgba(0,0,0,0.2);

transition:0.35s;

}

/* hover */

.due-strip:hover{
left:-18px;
}

/* bell icon */

.due-strip i{
font-size:14px;
}

/* notification badge */

.due-badge{

background:#ef4444;
color:#fff;

font-size:11px;

padding:2px 6px;

border-radius:20px;

font-weight:700;

position:absolute;

top:-6px;
right:-6px;

animation:pulse 1.8s infinite;

}

/* pulse animation */

@keyframes pulse{

0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}

}

.due-panel{

position:fixed;

left:-380px;
top:0;

width:380px;
height:100vh;

overflow-y:auto;

background:rgba(7,20,40,0.95);

backdrop-filter:blur(10px);

padding:32px;

transition:0.35s;

z-index:9999;

box-shadow:10px 0 40px rgba(0,0,0,0.35);

}

.due-panel.active{
left:0;
}

.due-item.urgent{

border:1px solid #ef4444;

box-shadow:0 0 10px rgba(239,68,68,0.25);

}

/* ===== DUE DATE STRIP ===== */

.due-strip{

position:fixed;

left:0;

top:55%;

transform:translateY(-50%);

writing-mode:vertical-rl;

text-orientation:mixed;

background:#c9a84c;

color:#000;

padding:16px 8px;

font-weight:600;

font-size:14px;

border-radius:0 8px 8px 0;

cursor:pointer;

z-index:9999;

box-shadow:0 10px 30px rgba(0,0,0,0.3);

transition:0.3s;

}

/* hover slide */

.due-strip:hover{
left:6px;
}

/* ===== PANEL ===== */

.due-panel{

position:fixed;

left:-360px;

top:0;

width:360px;

height:100vh;

background:#071428;

padding:30px;

overflow-y:auto;

transition:0.35s;

z-index:10000;

box-shadow:10px 0 40px rgba(0,0,0,0.4);

}

.due-panel.active{
left:0;
}

/* ===== CLOSE BUTTON ===== */

#dueClose{

font-size:22px;

color:#fff;

cursor:pointer;

background:rgba(255,255,255,0.1);

width:32px;

height:32px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

}

#dueClose:hover{
background:#c9a84c;
color:#000;
}

.due-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

/* STRIP */

.due-strip{

position:fixed;

left:0;
top:55%;

transform:translateY(-50%);

writing-mode:vertical-rl;

background:#c9a84c;

padding:14px 10px;

border-radius:0 8px 8px 0;

display:flex;
align-items:center;
gap:8px;

font-weight:600;

cursor:pointer;

z-index:9999;

}

/* BELL ICON */

.due-icon{

position:relative;

display:flex;
align-items:center;
justify-content:center;

}

/* BADGE */

.due-badge{

position:absolute;

top:-6px;
right:-6px;

background:#ef4444;

color:#fff;

font-size:10px;

font-weight:700;

padding:2px 6px;

border-radius:20px;

min-width:16px;

text-align:center;

box-shadow:0 2px 6px rgba(0,0,0,0.3);

}

/* TEXT */

.due-text{

font-size:13px;

}


/* STRIP */

.due-strip{

position:fixed;

left:0;

top:55%;

transform:translateY(-50%);

writing-mode:vertical-rl;

text-orientation:mixed;

background:#c9a84c;

color:#000;

padding:14px 10px;

border-radius:0 10px 10px 0;

display:flex;

align-items:center;

gap:8px;

font-weight:600;

cursor:pointer;

z-index:9999;

box-shadow:0 8px 25px rgba(0,0,0,0.3);

}

/* bell container */

.due-bell{

position:relative;

display:flex;

align-items:center;

justify-content:center;

font-size:14px;

}

/* badge */

.due-badge{

position:absolute;

top:-6px;

right:-8px;

background:#ef4444;

color:#fff;

font-size:10px;

font-weight:700;

padding:2px 6px;

border-radius:20px;

min-width:16px;

text-align:center;

box-shadow:0 2px 6px rgba(0,0,0,0.3);

}

/* text */

.due-label{

font-size:13px;

}

.faq-toggle{
transition:0.3s;
font-size:20px;
color:#c9a84c;
}

.faq-item.active .faq-toggle{
transform:rotate(45deg);
}

.faq-answer{

max-height:0;
overflow:hidden;
opacity:0;

transition:all 0.4s ease;

}

.faq-item.active .faq-answer{

max-height:300px;
opacity:1;
margin-top:10px;

}

.faq-item{

transition:0.3s;

}

.faq-item:hover{

transform:translateY(-2px);

box-shadow:0 8px 20px rgba(0,0,0,0.2);

}

.faq-question{

display:flex;
align-items:center;
justify-content:space-between;
gap:10px;

}

.faq-question i{

color:#c9a84c;

}

@media (max-width:768px){

.due-strip{

left:-42px;
top:65%;

}

}

@media (max-width:768px){

.due-strip{

padding:8px 12px;
font-size:12px;

}

}

.due-badge{

position:absolute;

top:-4px;
right:-4px;

font-size:10px;

}

@media(max-width:768px){

.due-strip{

transform:none;
rotate:0deg;

left:10px;
bottom:120px;
top:auto;

border-radius:50px;

}

}

.cta{

display:inline-flex;
align-items:center;
justify-content:center;

padding:10px 18px;

}

@media (max-width:768px){

.contact-card{

display:flex;
flex-direction:column;

gap:10px;

}

}

.contact-card .icon-circle{

position:relative;
align-self:flex-end;

}

@media (max-width:768px){

.contact-card{

padding:22px;

}

}

@media (max-width:768px){

.contact-info{

grid-template-columns:1fr;

}

}

.trust-badges{

display:flex;
gap:10px;
flex-wrap:wrap;
margin:15px 0;

}

.trust-badges span{

background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);

padding:6px 12px;
border-radius:20px;

font-size:13px;

}

.service-list{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;

margin-top:15px;

}

.trust-card{

background:rgba(255,255,255,0.04);

backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,0.08);

box-shadow:0 10px 30px rgba(0,0,0,0.35);

}

.consultant{

display:flex;
align-items:center;
gap:12px;

margin-top:18px;

}

.consultant img{

width:55px;
height:55px;
border-radius:50%;
border:2px solid #c9a84c;

}

.btn-call{

background:#c9a84c;

font-weight:600;

padding:14px 22px;

box-shadow:0 5px 20px rgba(201,168,76,0.35);

}

.hero::before{

content:"";

position:absolute;
width:500px;
height:500px;

background:radial-gradient(circle,#c9a84c20,transparent);

top:-150px;
left:-150px;

}

.trust-highlight{

font-size:42px;
font-weight:700;
color:#c9a84c;

margin-bottom:8px;

}

.trust-title{

font-size:20px;
font-weight:600;

}

.trust-desc{

font-size:14px;
opacity:0.8;
margin-top:10px;

}

.trust-points{

margin-top:12px;

display:flex;
flex-direction:column;

gap:6px;
font-size:13px;

}

.consultant{

display:flex;
align-items:center;
gap:12px;

margin-top:18px;

}

.consultant img{

width:60px;
height:60px;

border-radius:50%;
border:2px solid #c9a84c;

}

.consultant img{

width:80px;
height:80px;

border-radius:50%;

object-fit:cover;

border:3px solid #c9a84c;

box-shadow:0 6px 20px rgba(0,0,0,0.4);

}

.consultant{

display:flex;

align-items:center;

gap:14px;

margin-top:18px;

}

.consultant-name{

font-size:16px;

font-weight:600;

color:#fff;

}

.consultant-role{

font-size:13px;

color:#c9a84c;

display:block;

margin-top:2px;

}

.consultant-ids{

font-size:12px;

opacity:0.8;

margin-top:6px;

line-height:1.5;

}

.consultant img{

background:#0f2744;

padding:4px;

}

.highlight{
color:#d4af37;
}

.hero-services span{
background:rgba(255,255,255,0.05);
padding:6px 14px;
border-radius:20px;
margin-right:10px;
font-size:14px;
}

.trust-top{
display:flex;
align-items:center;
gap:20px;
margin-bottom:20px;
}

.trust-percent{
font-size:48px;
font-weight:700;
color:#d4af37;
}

.trust-heading h3{
font-size:20px;
margin-bottom:6px;
}

.trust-heading p{
font-size:14px;
opacity:.8;
}

.trust-points{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px 20px;
margin-bottom:20px;
font-size:14px;
}

.consultant{
display:flex;
align-items:center;
gap:12px;
margin-top:10px;
}

.consultant img{
width:50px;
height:50px;
border-radius:50%;
border:2px solid #d4af37;
}

.trust-header{
display:flex;
align-items:center;
gap:20px;
margin-bottom:20px;
}

.trust-percent{
font-size:48px;
font-weight:700;
color:#f5c542;
line-height:1;
}

.trust-text h3{
font-size:20px;
margin-bottom:6px;
}

.trust-text p{
font-size:14px;
opacity:.8;
}

.trust-points{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px 20px;
margin:18px 0;
font-size:14px;
}

.trust-header{
display:flex;
align-items:flex-start;
gap:20px;
margin-bottom:20px;
}

.trust-percent{
font-size:52px;
font-weight:700;
color:#f5c542;
line-height:1;
min-width:110px;
}

.trust-text{
flex:1;
}

.trust-text h3{
font-size:20px;
line-height:1.4;
margin-bottom:6px;
}

.trust-text p{
font-size:14px;
opacity:.85;
}

/* ===== FINAL TRUST CARD ALIGNMENT FIX ===== */

.trust-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:14px;
flex-wrap:nowrap;
}

.trust-percent{
font-size:44px;
font-weight:700;
color:#d4af37;
line-height:1;
min-width:auto;
}

.trust-text{
flex:1;
}

.trust-text h3{
font-size:18px;
line-height:1.4;
margin-bottom:4px;
}

.trust-text p{
font-size:13px;
opacity:.85;
}

/* mobile fix */

@media (max-width:768px){

.trust-header{
flex-direction:row;
align-items:center;
}

.trust-percent{
font-size:36px;
}

}

/* ===== SERVICES PROFESSIONAL UI FIX ===== */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:32px;
margin-top:50px;
}

/* CARD */

.service-card{

background:linear-gradient(180deg,#0b213f,#081a30);

border:1px solid rgba(255,255,255,0.08);

padding:32px 26px;

border-radius:16px;

transition:all .35s ease;

position:relative;

overflow:hidden;

}

/* GLOW HOVER */

.service-card:hover{

transform:translateY(-8px);

border-color:#c9a84c;

box-shadow:0 25px 50px rgba(0,0,0,0.45);

}

/* GOLD GLOW */

.service-card::before{

content:"";

position:absolute;

top:-60px;
left:-60px;

width:160px;
height:160px;

background:radial-gradient(circle,#c9a84c30,transparent);

opacity:0;

transition:.4s;

}

.service-card:hover::before{
opacity:1;
}

/* ICON */

.service-icon{

font-size:42px;

color:#c9a84c;

margin-bottom:18px;

}

/* TITLE */

.service-title{

font-size:20px;

margin-bottom:10px;

font-weight:600;

}

/* DESCRIPTION */

.service-desc{

font-size:14px;

line-height:1.6;

color:#9fb3c8;

margin-bottom:22px;

}

/* BUTTON AREA */

.services-actions{

display:flex;

gap:10px;

justify-content:center;

}

/* BUTTONS */

.service-card .btn-call,
.service-card .btn-whatsapp{

padding:8px 16px;

border-radius:6px;

font-size:13px;

font-weight:600;

display:inline-flex;

align-items:center;

gap:6px;

}

/* CALL */

.service-card .btn-call{

background:#c9a84c;

color:#000;

}

/* WHATSAPP */

.service-card .btn-whatsapp{

background:#25D366;

color:#fff;

}

/* BUTTON HOVER */

.service-card .btn-call:hover{

background:#e1c26a;

}

.service-card .btn-whatsapp:hover{

background:#1ebe5d;

}

/* MOBILE */

@media(max-width:768px){

.services-grid{
grid-template-columns:1fr;
gap:22px;
}

.service-card{
padding:26px 22px;
}

}

.section-subtitle{
margin-top:8px;
font-size:15px;
opacity:.9;
}

.services-controls{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
flex-wrap:wrap;
margin-top:25px;
}

.service-card{

padding:34px 28px;

border-radius:18px;

transition:.35s;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 60px rgba(0,0,0,.45);

}

.service-icon{

font-size:42px;

color:#c9a84c;

margin-bottom:18px;

}

/* ===== SERVICES HEADER CENTER FIX ===== */

.services-header{
max-width:900px;
margin:0 auto;
text-align:center;
}

/* heading center */

.services-header .section-title{
text-align:center;
margin-left:auto;
margin-right:auto;
}

/* subtitle center */

.services-header .section-subtitle{
text-align:center;
margin-left:auto;
margin-right:auto;
max-width:650px;
}

/* controls center */

.services-controls{
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
margin-top:25px;
}

/* search bar */

.services-search{
margin:0;
}

/* mobile */

@media(max-width:768px){

.services-controls{
flex-direction:column;
gap:12px;
}

}

/* ===== FINAL SERVICES CENTER FIX ===== */

.services-header{
max-width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.section-title{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.section-subtitle{
text-align:center;
margin-left:auto;
margin-right:auto;
max-width:650px;
}

/* CONTROLS CENTER */

.services-controls{
display:flex !important;
justify-content:center !important;
align-items:center;
gap:18px;
flex-wrap:wrap;
margin-top:25px;
}

/* SEARCH */

.services-search{
margin:0 auto;
}

/* FILTER BUTTONS */

.services-filters{
display:flex;
gap:10px;
justify-content:center;
}

/* MOBILE */

@media(max-width:768px){

.services-controls{
flex-direction:column;
gap:14px;
}

.services-search input{
width:100%;
}

}

/* ===== FINAL SERVICES ALIGNMENT FIX ===== */

.services-controls{
display:flex !important;
flex-direction:column;
align-items:center;
gap:18px;
margin-top:25px;
}

/* search box */

.services-search{
display:flex;
justify-content:center;
}

/* filter buttons */

.services-filters{
display:flex !important;
justify-content:center !important;
gap:12px;
}

/* mobile */

@media(max-width:768px){

.services-controls{
gap:14px;
}

}

.section-badge{
display:inline-block;
margin:0 auto 12px auto;
padding:4px 12px;
border-radius:20px;
background:rgba(201,168,76,0.1);
color:#c9a84c;
font-size:12px;
letter-spacing:2px;
}
.services-header{
text-align:center;
}

.hero{
background:linear-gradient(180deg,#071428,#081a30);
}

.services{
background:linear-gradient(180deg,#081a30,#081a30);
}

#services{
background:linear-gradient(180deg,#071428,#081a30);
}

#why{
background:#081a30;
}

#about{
background:linear-gradient(180deg,#071428,#081a30);
}

#gallery{
background:#081a30;
}

.why-stat{
background:linear-gradient(180deg,#0b213f,#081a30);

padding:32px 20px;

border-radius:14px;

border:1px solid rgba(255,255,255,0.08);

text-align:center;

transition:all .35s ease;

box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.why-stat:hover{
transform:translateY(-6px);
border-color:#c9a84c;
box-shadow:0 20px 50px rgba(0,0,0,0.45);
}

.why-stat h3{
font-size:34px;
font-weight:700;
color:#c9a84c;
margin-bottom:6px;
}

.why-stat p{
font-size:14px;
color:#9fb3c8;
}

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

.section-title{
font-size:46px;
font-weight:600;
letter-spacing:.5px;
margin-bottom:12px;
}

.gold-divider{
width:80px;
height:3px;
background:#c9a84c;
margin:20px auto 30px auto;
border-radius:4px;
}

.why-card{

background:linear-gradient(180deg,#0b213f,#081a30);

padding:36px 28px;

border-radius:16px;

border:1px solid rgba(255,255,255,0.08);

transition:.35s;

position:relative;

overflow:hidden;

}

.why-card:hover{
transform:translateY(-8px);
border-color:#c9a84c;
box-shadow:0 25px 50px rgba(0,0,0,0.45);
}

.icon-circle{

width:64px;
height:64px;

border-radius:50%;

background:rgba(201,168,76,.12);

display:flex;
align-items:center;
justify-content:center;

font-size:26px;

margin:0 auto 18px;

color:#c9a84c;

}

#why{
padding:90px 8%;
}

#about .section-badge,
#about .section-title{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
}

#about .gold-line{
margin:20px auto;
}

.gold-line{
margin:20px auto;
}

.lang-btn{

background:transparent;

border:1px solid rgba(255,255,255,0.2);

color:#fff;

padding:8px 14px;

border-radius:6px;

font-size:13px;

cursor:pointer;

transition:0.3s;

}

.lang-btn:hover{

background:#c9a84c;

color:#000;

border-color:#c9a84c;

}


/* ===== ULTRA PRELOADER ===== */

#preloader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(180deg,#071428,#0b2142);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
transition:opacity .6s ease, visibility .6s ease;
}

#preloader.hide{
opacity:0;
visibility:hidden;
backdrop-filter:blur(10px);
}

.loader-box{
text-align:center;
color:#fff;
max-width:500px;
padding:20px;
}

.loader-logo{
font-family:'Cormorant Garamond',serif;
font-size:36px;
letter-spacing:1px;
margin-bottom:8px;
animation:logoUp 1s ease;
}

.loader-logo span{
color:#00d4ff;
}

.loader-tag{
font-size:14px;
opacity:.7;
margin-bottom:25px;
}

/* rotating service */

.loader-rotate{
font-size:14px;
margin-bottom:20px;
height:20px;
opacity:.8;
}

/* progress */

.loader-progress{
width:100%;
height:5px;
background:rgba(255,255,255,.2);
border-radius:20px;
overflow:hidden;
margin-bottom:10px;
}

.loader-bar{
height:100%;
width:0;
background:#00d4ff;
}

.loader-percent{
font-size:13px;
opacity:.8;
}

@keyframes logoUp{
0%{opacity:0; transform:translateY(20px)}
100%{opacity:1; transform:translateY(0)}
}

/* ===== SMART STICKY BAR ===== */

.smart-sticky-bar{
position:fixed;
bottom:-100px;
left:0;
width:100%;
background:linear-gradient(90deg,#071428,#0b2142);
color:#fff;
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 20px;
z-index:9999;
transition:all .4s ease;
box-shadow:0 -5px 20px rgba(0,0,0,.4);
}

.smart-sticky-bar.show{
bottom:0;
}

/* text */

.sticky-title{
font-size:15px;
font-weight:600;
display:block;
}

.sticky-sub{
font-size:12px;
opacity:.7;
}

/* buttons */

.sticky-right{
display:flex;
gap:10px;
}

.sticky-btn{
padding:10px 16px;
border-radius:30px;
font-size:13px;
text-decoration:none;
color:#fff;
display:flex;
align-items:center;
gap:6px;
font-weight:500;
transition:.3s;
}

.call-btn{
background:#0d6efd;
}

.whatsapp-btn{
background:#25D366;
animation:whatsappPulse 2s infinite;
}

@keyframes whatsappPulse{
0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}
70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}
100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

.sticky-close{
position:absolute;
right:10px;
top:5px;
cursor:pointer;
font-size:18px;
opacity:.7;
}

/* mobile */

@media(max-width:768px){

.sticky-left{
display:none;
}

.smart-sticky-bar{
justify-content:center;
gap:15px;
}

}

/* FIX FLOAT BUTTON OVERLAP */

.contact-float{
bottom:80px !important;
}

.contact-float{
bottom:90px;
right:20px;
}

/* ===== NAVBAR SCROLL EFFECT ===== */

#site-header.scrolled{

background:rgba(7,20,40,0.95);

backdrop-filter:blur(18px);

box-shadow:0 8px 25px rgba(0,0,0,0.35);

transition:all .3s ease;

}

/* shrink navbar */

#site-header.scrolled .nav-container{

padding:10px 5%;

}

/* ===== NAVBAR SCROLL EFFECT ===== */

#site-header.scrolled{

background:rgba(7,20,40,0.95);

backdrop-filter:blur(18px);

box-shadow:0 8px 25px rgba(0,0,0,0.35);

transition:.3s;

}

/* ACTIVE LINK */

#siteNavMenu a.active{

color:#c9a84c;

font-weight:600;

}

/* IMAGE PREVIEW MODAL */

.image-modal{

display:none;
position:fixed;

z-index:99999;

left:0;
top:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.9);

align-items:center;
justify-content:center;

}

/* image */

.image-modal-content{

max-width:90%;
max-height:85%;

border-radius:12px;

box-shadow:0 20px 60px rgba(0,0,0,.6);

}

/* close */

.image-close{

position:absolute;

top:20px;
right:30px;

font-size:40px;

color:#fff;

cursor:pointer;

font-weight:600;

}

.image-close:hover{
color:#c9a84c;
}
.service-modal{

display:none;

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.85);

align-items:center;
justify-content:center;

z-index:99999;

}

.service-modal-box{

background:#081a30;

padding:30px;

border-radius:12px;

max-width:420px;

width:90%;

color:#fff;

}

.service-close{

position:absolute;

top:20px;
right:30px;

font-size:30px;

cursor:pointer;

}

/* ===== DUE STRIP STATES ===== */

.due-strip.show{
left:-10px;
}

.due-strip.partial{
left:-45px;
}

.due-strip.hide{
left:-70px;
}


/* ===== DUE STRIP ===== */

.due-strip{

position:fixed;
left:-45px;   /* thoda bahar dikhe */

top:55%;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;
color:#000;

padding:10px 18px;

font-weight:600;
font-size:14px;

border-radius:8px 8px 0 0;

cursor:pointer;

z-index:9999;

transition:all .35s ease;

}

/* first show */

.due-strip.show{
left:-10px;
}

/* normal state */

.due-strip.partial{
left:-45px;
}

/* hide */

.due-strip.hide{
left:-80px;
}


/* ===== COMPACT DUE STRIP ===== */

.due-strip{

position:fixed;

left:-38px;   /* thoda bahar visible */

top:55%;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;
color:#000;

padding:6px 12px;   /* smaller */

font-size:12px;
font-weight:600;

border-radius:6px 6px 0 0;

display:flex;
align-items:center;
gap:6px;

cursor:pointer;

z-index:9999;

box-shadow:0 6px 16px rgba(0,0,0,0.25);

transition:0.3s;

}

/* hover pe thoda aur bahar */

.due-strip:hover{
left:-20px;
}

/* bell icon */

.due-bell{
font-size:12px;
}

/* badge */

.due-badge{

position:absolute;

top:-4px;
right:-6px;

background:#ef4444;

color:#fff;

font-size:9px;

padding:2px 5px;

border-radius:12px;

font-weight:700;

}


/* SERVICE MODAL */

.service-modal{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.6);

display:none;

align-items:center;
justify-content:center;

z-index:9999;

padding:20px;

}

.service-modal-box{

background:#fff;

max-width:480px;

width:100%;

border-radius:12px;

padding:25px;

position:relative;

animation:modalFade 0.3s ease;

}

@keyframes modalFade{

from{
transform:translateY(20px);
opacity:0;
}

to{
transform:translateY(0);
opacity:1;
}

}

.service-close{

position:absolute;

top:12px;
right:16px;

font-size:22px;

cursor:pointer;

}

.service-modal-header{

text-align:center;
margin-bottom:15px;

}

.service-modal-icon{

font-size:30px;
color:#c9a84c;

margin-bottom:8px;

}

.service-modal-desc{

margin-bottom:12px;

}

.service-modal-list{

padding-left:18px;

margin-bottom:20px;

}

.service-modal-actions{

display:flex;
gap:10px;

}

.modal-call{

flex:1;

background:#071428;

color:#fff;

padding:12px;

border-radius:6px;

text-align:center;

text-decoration:none;

}

.modal-whatsapp{

flex:1;

background:#25D366;

color:#fff;

padding:12px;

border-radius:6px;

text-align:center;

text-decoration:none;

}


/* ===== SERVICE MODAL BASE ===== */

.service-modal-box{

background:#ffffff;
color:#111;

}

/* ===== DARK THEME ===== */

body:not(.light-theme) .service-modal-box{

background:#0f1a2b;
color:#ffffff;

}

/* description */

body:not(.light-theme) .service-modal-desc{

color:#d1d5db;

}

/* list */

body:not(.light-theme) .service-modal-list li{

color:#e5e7eb;

}

/* title */

body:not(.light-theme) .service-modal-header h2{

color:#ffffff;

}

/* subtitle */

body:not(.light-theme) .service-modal-sub{

color:#cbd5e1;

}

/* close button */

body:not(.light-theme) .service-close{

color:#ffffff;

}

.service-modal-box{

background:linear-gradient(180deg,#0f1f38,#0b1629);

border-radius:14px;

box-shadow:0 30px 80px rgba(0,0,0,0.6);

border:1px solid rgba(255,255,255,0.08);

}

.service-modal-header h2{

font-size:26px;

font-weight:600;

color:#ffffff;

margin-bottom:6px;

}

.service-modal-sub{

color:#9fb3c8;

font-size:14px;

}

.service-modal-desc{

color:#d6e1ee;

line-height:1.7;

margin:18px 0;

}
.service-modal-list{

margin-top:10px;

padding-left:0;

list-style:none;

}

.service-modal-list li{

padding:6px 0;

color:#e4edf7;

font-size:15px;

}

.modal-call{

background:#0b2545;

font-weight:600;

}

.modal-whatsapp{

background:#25D366;

font-weight:600;

}

.service-modal{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

display:flex;

align-items:center;
justify-content:center;

background:rgba(0,0,0,0.65);

z-index:9999;

padding:20px;

overflow-y:auto;

}

.service-modal-box{

max-width:520px;

width:100%;

max-height:85vh;

overflow-y:auto;

margin-top:60px;

}

.service-close{

position:absolute;
top:12px;
right:16px;

font-size:22px;

cursor:pointer;

}

.service-close{

position:sticky;

top:0;

float:right;

font-size:26px;

cursor:pointer;

color:#fff;

z-index:10;

}

@media (max-width:768px){

.service-modal-box{

margin-top:100px;

max-height:80vh;

}

}


/* ===== STICKY BAR BASE ===== */

.smart-sticky-bar{

position:fixed;

bottom:0;
left:0;

width:100%;

display:flex;
justify-content:space-between;
align-items:center;

padding:12px 20px;

z-index:9998;

transition:0.3s;

}


/* ===== DARK THEME ===== */

body:not(.light-theme) .smart-sticky-bar{

background:#071428;

color:#ffffff;

border-top:1px solid rgba(255,255,255,0.1);

}


/* ===== LIGHT THEME ===== */

body.light-theme .smart-sticky-bar{

background:#ffffff;

color:#111;

border-top:1px solid #e5e7eb;

box-shadow:0 -5px 20px rgba(0,0,0,0.08);

}

/* light theme buttons */

body.light-theme .call-btn{

background:#2563eb;

color:#fff;

}

body.light-theme .whatsapp-btn{

background:#25D366;

color:#fff;

}

/* ===== DUE DATE STRIP ===== */

.due-strip{

position:fixed;

left:-42px;

top:55%;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;

color:#000;

padding:8px 14px;

font-size:13px;

font-weight:600;

border-radius:8px 8px 0 0;

display:flex;

align-items:center;

gap:6px;

cursor:pointer;

z-index:10000;

transition:0.3s;

box-shadow:0 10px 30px rgba(0,0,0,0.35);

}

/* hover pe bahar */

.due-strip:hover{

left:-18px;

}

body.light-theme .due-strip{

background:#f5c542;

color:#111;

}

.due-panel{

position:fixed;

left:-320px;

top:0;

width:320px;

height:100%;

background:#071428;

color:#fff;

transition:0.4s;

z-index:10001;

padding:20px;

overflow-y:auto;

}

.due-panel.active{

left:0;

}

/* ===== DUE DATE STRIP ===== */

.due-strip{

position:fixed;

top:55%;

left:-48px;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;

color:#000;

padding:10px 18px;

font-size:13px;

font-weight:600;

border-radius:8px 8px 0 0;

display:flex;

align-items:center;

gap:6px;

cursor:pointer;

z-index:9999;

transition:0.35s ease;

box-shadow:0 10px 30px rgba(0,0,0,0.35);

}

/* थोड़ा बाहर */

.due-strip.partial{

left:-30px;

}

/* पूरा बाहर */

.due-strip.show{

left:-10px;

}

/* hide */

.due-strip.hide{

left:-55px;

}

/* ===== VERTICAL DUE DATE STRIP ===== */

.due-strip{

position:fixed;

top:55%;

left:-45px;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;

color:#000;

padding:10px 18px;

font-size:13px;

font-weight:600;

border-radius:8px 8px 0 0;

display:flex;

align-items:center;

gap:6px;

cursor:pointer;

z-index:9999;

transition:0.35s ease;

box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

/* थोड़ा बाहर */

.due-strip.partial{

left:-30px;

}

/* पूरा बाहर */

.due-strip.show{

left:-10px;

}

/* hide */

.due-strip.hide{

left:-60px;

}


/* ===== VERTICAL DUE DATE STRIP ===== */

.due-strip{

position:fixed;

top:55%;

left:-45px;

transform:translateY(-50%) rotate(-90deg);

background:#c9a84c;

color:#000;

padding:10px 18px;

font-size:13px;

font-weight:600;

border-radius:8px 8px 0 0;

display:flex;

align-items:center;

gap:6px;

cursor:pointer;

z-index:9999;

transition:0.35s ease;

box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

/* थोड़ा बाहर */

.due-strip.partial{
left:-30px;
}

/* पूरा बाहर */

.due-strip.show{
left:-10px;
}

/* hide */

.due-strip.hide{
left:-60px;
}


/* ===== FINAL VERTICAL DUE DATE STRIP ===== */

.due-strip{

position:fixed;

left:0;
top:50%;

transform:translateY(-50%);

writing-mode:vertical-rl;
text-orientation:mixed;

background:#c9a84c;
color:#000;

padding:18px 8px;

font-size:13px;
font-weight:600;

border-radius:0 10px 10px 0;

display:flex;
align-items:center;
justify-content:center;

cursor:pointer;

z-index:99999;

box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

.hero-content{
max-width:600px;
}

/* small badge */

.hero-badge{
font-size:13px;
letter-spacing:2px;
color:#c9a84c;
display:inline-block;
margin-bottom:12px;
}

/* main heading */

.hero-title{
font-size:48px;
line-height:1.2;
font-weight:600;
margin-bottom:14px;
}

.hero-title span{
color:#c9a84c;
}

/* services */

.hero-services{
font-size:16px;
font-weight:600;
color:#c9a84c;
margin-bottom:12px;
}

/* description */

.hero-desc{
font-size:16px;
color:#9fb3c8;
line-height:1.6;
margin-bottom:10px;
}

/* location */

.hero-location{
font-size:14px;
color:#9fb3c8;
}

.hero-services{
display:flex;
gap:12px;
margin:14px 0 12px;
flex-wrap:wrap;
}

.hero-services span{
background:rgba(201,168,76,.12);
border:1px solid rgba(201,168,76,.3);
color:#c9a84c;

padding:6px 14px;
border-radius:20px;

font-size:14px;
font-weight:600;
}


.trust-badges{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:15px 0;
}

.trust-badges span{

display:flex;
align-items:center;
gap:6px;

background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);

padding:6px 12px;

border-radius:20px;

font-size:13px;

}

.hero-title span{
display:block;
color:#c9a84c;
}

.hero-services{
display:flex;
gap:12px;
margin:18px 0;
flex-wrap:wrap;
}

.hero-services span{
background:rgba(201,168,76,.15);
border:1px solid rgba(201,168,76,.4);

padding:8px 16px;
border-radius:30px;

font-size:14px;
font-weight:600;
color:#d4af37;

transition:.3s;
}

.hero-services span:hover{
background:#d4af37;
color:#071428;
}

.trust-card{

background:linear-gradient(
180deg,
rgba(255,255,255,.05),
rgba(255,255,255,.02)
);

border:1px solid rgba(255,255,255,.1);

backdrop-filter:blur(10px);

box-shadow:
0 20px 50px rgba(0,0,0,.4);

border-radius:18px;

padding:28px;

transition:.4s;

}

.trust-card:hover{
transform:translateY(-5px);
box-shadow:
0 30px 60px rgba(0,0,0,.6);
}

.hero{

background:
radial-gradient(circle at 20% 30%, rgba(201,168,76,.15), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,140,255,.12), transparent 40%),
linear-gradient(180deg,#071428,#081a30);

}

.hero-stats{

margin-top:35px;

display:flex;
gap:20px;

}

.hero-stat{

background:rgba(255,255,255,.05);

padding:18px 28px;

border-radius:12px;

border:1px solid rgba(255,255,255,.1);

}

.hero-title{
font-size:52px;
line-height:1.25;
margin-bottom:20px;
}

.hero-services span{

background:rgba(212,175,55,.15);

border:1px solid rgba(212,175,55,.45);

padding:10px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

letter-spacing:.3px;

transition:.3s;

}

.hero-services span:hover{

background:#d4af37;

color:#071428;

transform:translateY(-2px);

}

.hero-desc{
max-width:520px;
}

.trust-card{

max-width:420px;

padding:35px;

}

.hero{

background:
radial-gradient(circle at 20% 30%, rgba(212,175,55,.18), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,120,255,.15), transparent 40%),
linear-gradient(180deg,#071428,#081a30);

}

.hero{
padding-bottom:140px;
}

.hero-title{
font-size:56px;
line-height:1.2;
letter-spacing:.3px;
margin-bottom:18px;
}

.hero-title span{
color:#d4af37;
}

.trust-card{
max-width:430px;
padding:36px;
}

.hero{

background:
radial-gradient(circle at 20% 30%, rgba(212,175,55,.18), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(0,120,255,.12), transparent 40%),
linear-gradient(180deg,#071428,#081a30);

}

.hero{
padding-bottom:150px;
}

.smart-sticky-bar{
height:90px;
}


.hero{
padding-bottom:80px;
}

@media(max-width:768px){

.hero{
padding-bottom:180px;
}

}


.hero-stats{
margin-top:40px;
}



#services{
border-top:none;
}

.hero{
border-bottom:none;
}


#services{
border-top:none;
padding-top:80px;
}

#services{
margin-top:40px;
}

.services-container{
padding-top:80px;
}

#services{

background:linear-gradient(180deg,#071428,#0a1f3d);

padding-top:120px;

}

.hero{

background:linear-gradient(180deg,#071428,#0a1f3d);

}

.hero{
margin-bottom:-2px;
}

.hero::after{

content:"";

position:absolute;

bottom:-80px;

left:0;

width:100%;

height:120px;

background:linear-gradient(to bottom,transparent,#071428);

}

.founder-card{

background:linear-gradient(180deg,#0f2747,#081a30);

border:1px solid rgba(255,255,255,.08);

border-radius:14px;

padding:35px 25px;

text-align:center;

box-shadow:0 20px 60px rgba(0,0,0,.45);

transition:.3s;

}

.founder-card:hover{

transform:translateY(-6px);

box-shadow:0 30px 70px rgba(0,0,0,.6);

}

.founder-img img{

width:120px;

height:120px;

border-radius:50%;

border:3px solid #d4af37;

box-shadow:0 0 20px rgba(212,175,55,.35);

}

.feature{

background:#0e2443;

padding:12px 18px;

border-radius:8px;

font-size:14px;

border:1px solid rgba(255,255,255,.05);

transition:.3s;

}

.feature:hover{

background:#142f55;

transform:translateY(-2px);

}

.section-title{

font-size:38px;

line-height:1.3;

position:relative;

}

.section-title::after{

content:"";

display:block;

width:60px;

height:3px;

background:#d4af37;

margin-top:12px;

}


.about-stat{

background:linear-gradient(180deg,#0e2747,#0a1f3d);

padding:25px;

border-radius:12px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 10px 40px rgba(0,0,0,.35);

}


.hero-proof{

display:flex;

gap:15px;

margin:15px 0;

font-size:13px;

color:#9fb3c8;

}

.hero-highlight{
margin-top:10px;
color:#d4af37;
font-weight:500;
font-size:16px;
letter-spacing:.5px;
}


.hero-proof{

display:flex;
flex-wrap:wrap;
gap:12px;
margin:18px 0;

}

.proof-item{

background:rgba(255,255,255,.06);
padding:8px 14px;
border-radius:6px;
font-size:13px;
display:flex;
gap:6px;
align-items:center;

}


/* PROCESS SECTION */

#process{
padding:100px 20px;
background:#0b1d35;
color:#fff;
text-align:center;
}

.process-container{
max-width:1200px;
margin:auto;
}

.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
}

.process-step{
background:rgba(255,255,255,0.05);
padding:30px;
border-radius:10px;
transition:.3s;
}

.process-step:hover{
transform:translateY(-5px);
background:rgba(255,255,255,0.08);
}

.step-number{
width:50px;
height:50px;
background:#d4af37;
color:#071428;
font-weight:700;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:15px;
font-size:18px;
}

/* ================= PROCESS SECTION ================= */

#process{
padding:120px 20px;
background:linear-gradient(180deg,#081a30,#071428);
text-align:center;
}

.process-container{
max-width:1200px;
margin:auto;
}

.process-grid{
margin-top:60px;

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.process-step{
background:#0d223c;
padding:40px 30px;
border-radius:14px;

border:1px solid rgba(255,255,255,0.05);

transition:0.3s;
}

.process-step:hover{
transform:translateY(-6px);
box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.step-number{
width:50px;
height:50px;

margin:auto;
margin-bottom:20px;

display:flex;
align-items:center;
justify-content:center;

background:#d4af37;
color:#000;

font-weight:600;
border-radius:50%;
}

.process-step h3{
font-size:20px;
margin-bottom:10px;
}

.process-step p{
font-size:15px;
opacity:0.8;
}

/* MOBILE */

@media(max-width:900px){

.process-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.process-grid{
grid-template-columns:1fr;
}

}

/* ================= PREMIUM PROCESS ================= */

#process{
padding:120px 20px;
background:linear-gradient(180deg,#071428,#081a30);
text-align:center;
position:relative;
}

.process-timeline{

margin-top:80px;

display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;

position:relative;

}

/* LINE */

.process-timeline::before{

content:"";

position:absolute;

top:40px;
left:5%;
right:5%;

height:2px;

background:linear-gradient(90deg,#d4af37,transparent);

opacity:0.4;

}

/* CARD */

.process-item{

background:rgba(255,255,255,0.03);

padding:40px 25px;

border-radius:16px;

border:1px solid rgba(255,255,255,0.05);

transition:0.4s;

backdrop-filter:blur(10px);

}

.process-item:hover{

transform:translateY(-8px);

border-color:#d4af37;

box-shadow:0 20px 50px rgba(0,0,0,0.5);

}

/* ICON */

.process-icon{

width:70px;
height:70px;

margin:auto;
margin-bottom:20px;

display:flex;
align-items:center;
justify-content:center;

background:linear-gradient(145deg,#d4af37,#f5d76e);

color:#000;

border-radius:50%;

font-size:26px;

box-shadow:0 0 20px rgba(212,175,55,0.5);

}

.process-item h3{

font-size:20px;
margin-bottom:10px;

}

.process-item p{

font-size:15px;
opacity:0.8;

}

/* MOBILE */

@media(max-width:900px){

.process-timeline{

grid-template-columns:1fr 1fr;

}

.process-timeline::before{
display:none;
}

}

@media(max-width:600px){

.process-timeline{

grid-template-columns:1fr;

}

}

/* STEP NUMBER */

.step-no{

position:absolute;

top:-14px;
left:50%;

transform:translateX(-50%);

background:#d4af37;

color:#000;

font-size:14px;
font-weight:600;

width:28px;
height:28px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

box-shadow:0 0 10px rgba(212,175,55,0.7);

}

/* CARD POSITION */

.process-item{

position:relative;

}

/* ICON HOVER */

.process-item:hover .process-icon{

transform:scale(1.15);

box-shadow:0 0 30px rgba(212,175,55,0.8);

}

/* SMOOTH TRANSITION */

.process-icon{

transition:0.4s;

}

.process-timeline::before{

content:"";

position:absolute;

top:38px;

left:8%;
right:8%;

height:2px;

background:linear-gradient(
90deg,
transparent,
#d4af37,
transparent
);

opacity:0.7;

}

.process-timeline{
position:relative;
}

.process-timeline::before{

content:"";
position:absolute;
top:90px;
left:8%;
width:84%;
height:2px;

background:linear-gradient(
90deg,
transparent,
#caa646,
#caa646,
transparent
);

z-index:0;

}

.step-no{

position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);

width:32px;
height:32px;

background:#caa646;
color:#000;

font-size:14px;
font-weight:700;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 0 15px rgba(202,166,70,0.6);

}

.process-item{

transition:all .35s ease;

}

.process-item:hover{

transform:translateY(-8px);

box-shadow:
0 15px 40px rgba(0,0,0,.35);

border:1px solid rgba(202,166,70,.3);

}

.process-icon{

width:70px;
height:70px;

background:linear-gradient(
145deg,
#e0c066,
#caa646
);

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:22px;

color:#111;

box-shadow:

0 0 25px rgba(202,166,70,0.6),
inset 0 0 10px rgba(255,255,255,.3);

margin:auto;
margin-bottom:20px;

}

.process-section{

padding:120px 20px;

}

.hero-price{

margin-top:15px;
margin-bottom:25px;

font-size:18px;
color:#e6c067;
font-weight:600;

}

.hero-highlight{

line-height:1.8;
font-size:17px;

}

.stat-icon{
font-size:22px;
margin-bottom:10px;
color:#d4af37;
}

.authority-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-top:40px;

}

.authority-card{

background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
padding:25px;
border-radius:14px;
text-align:center;
transition:0.3s;

}

.authority-card:hover{

transform:translateY(-6px);

}

.authority-icon{

font-size:26px;
color:#d4af37;
margin-bottom:12px;

}

.authority-card h4{

margin-bottom:8px;
font-weight:600;

}

.authority-card p{

font-size:14px;
opacity:0.8;

}

.founder-badges{

display:flex;
gap:12px;
justify-content:center;
margin:10px 0;

}

.founder-badges span{

font-size:13px;
background:rgba(255,255,255,0.05);
padding:6px 10px;
border-radius:6px;

}

.founder-actions{

margin-top:15px;
display:flex;
gap:10px;
justify-content:center;

}

.founder-actions a{

padding:8px 14px;
font-size:14px;
border-radius:6px;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:30px;
margin-top:40px;

}

.gallery-item{

position:relative;
overflow:hidden;
border-radius:12px;

}

.gallery-item img{

width:100%;
display:block;
transition:0.5s;

}

.gallery-overlay{

position:absolute;
bottom:0;
left:0;
width:100%;
padding:20px;

background:linear-gradient(transparent,rgba(0,0,0,0.8));

opacity:0;
transition:0.4s;

}

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay h4{

color:#fff;
font-size:20px;
margin-bottom:6px;

}

.gallery-overlay p{

color:#ddd;
font-size:14px;
margin-bottom:10px;

}

.gallery-view{

background:#d4af37;
border:none;
padding:6px 12px;
border-radius:6px;
font-size:13px;
cursor:pointer;

}

.image-modal{

display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;

background:rgba(0,0,0,0.9);

align-items:center;
justify-content:center;

}

.image-modal-content{

max-width:90%;
max-height:90%;

}

.image-close{

position:absolute;
top:20px;
right:30px;

font-size:35px;
color:white;
cursor:pointer;

}

.image-modal img{
max-width:90%;
max-height:90vh;
border-radius:12px;
}
.image-modal img{
max-width:90%;
max-height:90vh;
border-radius:12px;
}

.image-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
backdrop-filter:blur(8px);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
padding:40px;
}

.image-modal img{
max-width:90%;
max-height:90vh;
border-radius:12px;
box-shadow:0 20px 60px rgba(0,0,0,0.6);
animation:zoomIn .35s ease;
}

.image-close{
position:absolute;
top:25px;
right:35px;
font-size:32px;
color:#fff;
cursor:pointer;
transition:0.3s;
}

.image-close:hover{
color:#ffd54a;
transform:scale(1.2);
}

@keyframes zoomIn{
from{
transform:scale(.8);
opacity:0;
}
to{
transform:scale(1);
opacity:1;
}
}

@media(max-width:768px){

.image-modal img{
max-width:95%;
max-height:80vh;
}

}

.image-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.92);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
backdrop-filter:blur(8px);
}

.image-modal img{
max-width:90%;
max-height:90vh;
border-radius:12px;
box-shadow:0 25px 70px rgba(0,0,0,0.8);
animation:modalZoom .35s ease;
}

.image-close{
position:absolute;
top:25px;
right:40px;
font-size:34px;
color:#fff;
cursor:pointer;
transition:.25s;
}

.image-close:hover{
color:#f7c948;
transform:scale(1.2);
}

@keyframes modalZoom{
from{
transform:scale(.85);
opacity:0;
}
to{
transform:scale(1);
opacity:1;
}
}

.image-close{
position:absolute;
top:20px;
right:30px;
font-size:34px;
color:#fff;
cursor:pointer;
z-index:100000;
}

.rating-summary{
text-align:center;
margin-bottom:50px;
}

.google-rating{
display:inline-flex;
align-items:center;
gap:10px;
font-size:20px;
color:#ffd54a;
}

.rating-count{
font-size:14px;
color:#aaa;
}

.review-stars{
color:#ffd54a;
margin-bottom:10px;
font-size:14px;
}

.review-card{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.06);
padding:30px;
border-radius:14px;
transition:.35s;
}

.review-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

.reviews-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
margin-top:40px;
}

.review-card{
width:100%;
max-width:420px;
margin:auto;
}

@media(max-width:768px){

.reviews-grid{
grid-template-columns:1fr;
}

}

.google-rating{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
margin-bottom:40px;
}

/* REVIEWS GRID */

.reviews-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:40px;
}

/* REVIEW CARD */

.review-card{
width:100%;
}

/* TABLET */

@media(max-width:1000px){

.reviews-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */

@media(max-width:768px){

.reviews-grid{
grid-template-columns:1fr;
}

}


.image-modal{
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
justify-content:center;
align-items:center;
}

.image-modal-content{
max-width:90%;
max-height:90%;
border-radius:10px;
}

.image-close{
position:absolute;
top:30px;
right:40px;
font-size:40px;
color:white;
cursor:pointer;
}

.navbar{
background:rgba(7,20,40,0.85);
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,0.05);
}

.nav-links a{
position:relative;
font-size:14px;
letter-spacing:0.5px;
color:#cfd7e6;
text-decoration:none;
padding:8px 14px;
transition:all .3s ease;
}

.nav-links a:hover{
color:#f6c453;
}

.nav-links a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:0%;
height:2px;
background:#f6c453;
transition:0.3s;
}

.nav-links a:hover::after{
width:100%;
}

.nav-links a.active{
color:#f6c453;
}

.brand{
font-family:'Cormorant Garamond',serif;
font-size:20px;
font-weight:600;
color:#f6c453;
letter-spacing:1px;
}

.brand-sub{
font-size:12px;
color:#9aa7bd;
margin-left:4px;
}

.brand{
font-family:'Cormorant Garamond',serif;
font-size:20px;
font-weight:600;
color:#f6c453;
letter-spacing:1px;
}

.brand-sub{
font-size:12px;
color:#9aa7bd;
margin-left:4px;
}

#site-header.scrolled{
background:#071428;
box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.brand{
display:flex;
flex-direction:column;
line-height:1.1;
}

.brand-main{
font-family:'Cormorant Garamond',serif;
font-size:20px;
color:#f6c453;
font-weight:600;
}

.brand-sub{
font-size:12px;
color:#9aa7bd;
letter-spacing:1px;
}

.nav-container{
display:flex;
align-items:center;
justify-content:space-between;
}

.nav-container{
display:flex;
align-items:center;
justify-content:space-between;
}

.nav-links{
display:flex;
gap:28px;
align-items:center;
}

@media (max-width:768px){

.nav-links{
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100vh;
background: #071428;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.4s;
z-index: 999;
}

.nav-links.active{
right: 0;
}

}

.trust-bar{
background:#0c223d;
color:#fff;
font-size:14px;
padding:6px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
}

.trust-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 20px;
}

.trust-container a{
color:#fff;
text-decoration:none;
font-weight:600;
}

@media(max-width:768px){

.trust-container{
flex-direction:column;
gap:4px;
font-size:13px;
text-align:center;
}

}

.trust-bar{
background: linear-gradient(90deg,#0c223d,#123b64);
color:#fff;
font-size:13px;
padding:6px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
}

.trust-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
gap:30px;
padding:0 20px;
flex-wrap:wrap;
}

.trust-container span{
display:flex;
align-items:center;
gap:6px;
opacity:0.9;
}

.trust-container span::before{
content:"✔";
color:#f6c343;
font-weight:bold;
}

@media(max-width:768px){

.trust-container{
font-size:12px;
gap:12px;
text-align:center;
}

}

.process-timeline{
display:flex;
justify-content:space-between;
position:relative;
}

.process-timeline::before{
content:"";
position:absolute;
top:55px;
left:8%;
right:8%;
height:2px;
background:#caa74c;
z-index:0;
}

.step-no{
position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);
background:#caa74c;
color:#000;
font-weight:700;
width:34px;
height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 0 10px rgba(202,167,76,0.6);
}

.process-icon{
background:#caa74c;
color:#000;
width:70px;
height:70px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.process-item{
transition:all 0.3s ease;
}

.process-item:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

.process-timeline::before{
content:"";
position:absolute;
top:60px;
left:8%;
right:8%;
height:2px;
background:#caa74c;
z-index:0;
}

.step-no{
position:absolute;
top:-18px;
left:50%;
transform:translateX(-50%);
background:#caa74c;
color:#000;
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
}

.process-item{
background:rgba(255,255,255,0.02);
border:1px solid rgba(255,255,255,0.05);
border-radius:16px;
padding:30px;
transition:all 0.3s ease;
}

.process-item:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.process-icon{
background:#caa74c;
width:70px;
height:70px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
transition:0.3s;
}

.process-item:hover .process-icon{
transform:scale(1.1);
}

.process-cta{
margin-top:60px;
display:flex;
gap:20px;
justify-content:center;
}

.process-timeline::after{
content:"";
position:absolute;
top:60px;
left:8%;
width:120px;
height:2px;
background:linear-gradient(90deg,#caa74c,transparent);
animation:flow 3s linear infinite;
}

@keyframes flow{
0%{left:8%;}
100%{left:90%;}
}

.process-timeline::before{
content:"";
position:absolute;
top:62px;
left:8%;
right:8%;
height:2px;
background:linear-gradient(90deg,#caa74c,#e5c970,#caa74c);
box-shadow:0 0 10px rgba(202,167,76,0.5);
z-index:0;
}

.process-icon{
background:#caa74c;
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.process-item{
transition:all 0.3s ease;
}

.process-item:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.5);
}

.process-cta{
margin-top:70px;
display:flex;
gap:20px;
justify-content:center;
}

@media(max-width:768px){

.process-cta{
margin-top:30px;
flex-direction:column;
align-items:center;
gap:12px;
}

.process-cta a{
width:80%;
text-align:center;
}

}

@media(max-width:768px){

.process-timeline{
flex-wrap:wrap;
gap:20px;
}

.process-item{
width:45%;
}

}

@media(max-width:768px){

.process-timeline::before{
display:none;
}

}

@media(max-width:768px){

.process-timeline{
flex-direction:column;
align-items:center;
}

.process-timeline::before{
content:"";
position:absolute;
left:50%;
top:0;
width:2px;
height:100%;
background:#caa74c;
}

}

@media(max-width:768px){

/* timeline column */

.process-timeline{
flex-direction:column;
align-items:flex-start;
position:relative;
padding-left:40px;
}

/* vertical line */

.process-timeline::before{
content:"";
position:absolute;
left:20px;
top:0;
width:2px;
height:100%;
background:#caa74c;
}

/* cards */

.process-item{
width:100%;
margin-bottom:40px;
position:relative;
}

/* step number circle */

.step-no{
position:absolute;
left:-28px;
top:-10px;
width:32px;
height:32px;
background:#caa74c;
color:#000;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

/* icon center */

.process-icon{
margin-bottom:15px;
}

}

.icon-circle{
width:60px;
height:60px;
font-size:22px;
}

@media(max-width:768px){

.about-grid{
grid-template-columns:1fr;
gap:30px;
}

}

@media(max-width:768px){

.founder-card{
text-align:center;
margin:auto;
}

.founder-img img{
margin:auto;
}

}

@media(max-width:768px){

.features{
grid-template-columns:1fr;
gap:10px;
}

}
@media(max-width:768px){

.content{
padding:20px;
}

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

}

@media(max-width:768px){

.content{
padding:20px;
}

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

}

@media(max-width:768px){

.founder-img img{
width:110px;
height:110px;
}

}

.blog-container{
max-width:1100px;
margin:auto;
padding:80px 20px;
}

.blog-categories{
flex-wrap:wrap;
gap:10px;
justify-content:center;
}

.doc-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

/* tablet */

@media (max-width:1000px){

.doc-grid{

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

}

}

/* mobile */

@media (max-width:600px){

.doc-grid{

grid-template-columns:1fr;

}

}

.doc-card{

width:100%;

}

.doc-actions{

display:flex;
gap:10px;
margin-top:15px;

}

.doc-actions .btn{

flex:1;
text-align:center;

}

@media(max-width:600px){

.doc-card{

padding:20px;
border-radius:14px;

}

}

.doc-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
transition:all .3s ease;
}

/* hidden cards */

.doc-card{
transition:opacity .3s ease, transform .3s ease;
}

.doc-card.hide{
display:none;
}

/* tablet */

@media (max-width:1000px){
.doc-grid{
grid-template-columns:repeat(2,1fr);
}
}

/* mobile */

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


.doc-btn{

padding:10px 20px;
border-radius:25px;
cursor:pointer;
transition:.3s;

}

.doc-btn.active{

background:#d4af37;
color:#000;

}

html, body{
overflow-x:hidden;
}

.documents-container{

max-width:1200px;
margin:auto;
padding:0 20px;

}

.doc-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;

}

.doc-card{
width:100%;
}

#documents{
overflow:hidden;
}

.doc-pagination{

display:flex;
justify-content:center;
gap:10px;
margin-top:40px;

}

.doc-page{

padding:8px 14px;
border-radius:8px;
border:1px solid #d4af37;
background:transparent;
color:#fff;
cursor:pointer;
transition:.3s;

}

.doc-page.active{

background:#d4af37;
color:#000;

}


.doc-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:30px;
flex-wrap:nowrap;
}

.doc-page{
width:38px;
height:38px;
border-radius:8px;
border:1px solid #d4af37;
background:transparent;
color:#fff;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

.doc-page.active{
background:#d4af37;
color:#000;
}

.doc-pagination{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:30px;
margin-bottom:60px;   /* ← नया gap */
flex-wrap:nowrap;
}

#faq-section{
margin-top:40px;
}


#smartBar{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#071428;
padding:14px 20px;
display:flex;
justify-content:space-between;
align-items:center;
z-index:9998;
box-shadow:0 -2px 10px rgba(0,0,0,0.4);
}

/* text side */

.smart-text{
color:#fff;
font-size:14px;
line-height:1.4;
}

/* buttons */

.smart-actions{
display:flex;
gap:12px;
}

.smart-actions a{
padding:10px 18px;
border-radius:8px;
font-size:14px;
font-weight:500;
text-decoration:none;
display:flex;
align-items:center;
gap:6px;
}

/* call button */

.call-btn{
background:#1d6cff;
color:#fff;
}

/* whatsapp */

.whatsapp-btn{
background:#25d366;
color:#fff;
}

@media (max-width:768px){

#smartBar{
flex-direction:column;
gap:10px;
text-align:center;
}

.smart-actions{
width:100%;
justify-content:center;
}

.smart-actions a{
flex:1;
justify-content:center;
}

}

#smartBar{
position:fixed;
bottom:0;
left:0;
width:100%;
height:70px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 20px;
background:#071428;
z-index:9999;
box-shadow:0 -3px 10px rgba(0,0,0,0.4);
}


@media(max-width:768px){

body{
padding-bottom:110px;
}

#smartBar{
flex-direction:column;
height:auto;
gap:10px;
padding:12px;
}

}

.hero{
min-height:calc(100vh - 70px);
padding:100px 20px 60px;
display:flex;
align-items:center;
}

.hero{
min-height:calc(100vh - 70px);
padding:100px 20px 60px;
display:flex;
align-items:center;
}

@media(max-width:768px){

.hero{
min-height:auto;
padding:90px 20px 40px;
}

.hero-container{
grid-template-columns:1fr;
gap:30px;
text-align:center;
}

}

.hero-services{
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
margin:18px 0;
text-align:center;
}

.hero-services span{
color:#d4af37;
font-weight:500;
font-size:15px;
}


.hero-services{
display:flex;
gap:12px;
flex-wrap:wrap;
margin:18px 0;
}

.hero-services a{
padding:8px 14px;
border-radius:20px;
border:1px solid #d4af37;
color:#d4af37;
text-decoration:none;
font-size:14px;
transition:all .3s ease;
}

.hero-services a:hover{
background:#d4af37;
color:#071428;
}

.hero-services{
display:flex;
gap:16px;
flex-wrap:wrap;
margin-top:14px;
}

.hero-services a{
font-weight:500;
color:#d4af37;
text-decoration:none;
}

.hero{
min-height:100vh;
padding:120px 20px 40px;
}

.hero-stats{
margin-top:20px;
}

#services{
margin-top:40px;
}

.logo{
height:40px;
width:auto;
display:block;
}

.logo{
height:50px;
}

.brand{
display:flex;
align-items:center;
}

.bottom-strip{
display:none !important;
}

.floating-buttons{
display:none !important;
}


/* TRUSTED STRIP */

.trusted-strip{
background:#071428;
border-top:1px solid rgba(255,255,255,0.08);
border-bottom:1px solid rgba(255,255,255,0.08);
padding:22px 10px;
}

.trusted-container{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
}

.trust-item{
display:flex;
align-items:center;
gap:10px;
color:#fff;
font-size:14px;
font-weight:500;
opacity:0.9;
}

.trust-item i{
color:#d4af37;
font-size:18px;
}

/* PREMIUM TRUST STRIP */

.premium-trust-strip{
background:#061628;
padding:40px 20px;
border-top:1px solid rgba(255,255,255,0.05);
}

.trust-wrapper{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.trust-box{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.05);
border-radius:12px;
padding:25px;
text-align:center;
transition:0.3s;
}

.trust-box:hover{
transform:translateY(-5px);
border-color:#d4af37;
}

.trust-box i{
font-size:28px;
color:#d4af37;
margin-bottom:10px;
}

.trust-box h4{
color:#fff;
font-size:16px;
margin-bottom:6px;
}

.trust-box p{
color:#9fb3c8;
font-size:13px;
}

@media(max-width:768px){

.trust-wrapper{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:480px){

.trust-wrapper{
grid-template-columns:1fr;
}

}

/* TRUSTED BOTTOM STRIP */

.trusted-strip{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#061628;
border-top:1px solid rgba(255,255,255,0.1);
z-index:9999;
overflow:hidden;
}

.trusted-track{
display:flex;
gap:60px;
white-space:nowrap;
padding:12px 0;
animation:trustScroll 25s linear infinite;
}

.trusted-item{
color:#d4af37;
font-size:14px;
display:flex;
align-items:center;
gap:8px;
padding-left:40px;
}

.trusted-item i{
color:#d4af37;
}

@keyframes trustScroll{

0%{
transform:translateX(100%);
}

100%{
transform:translateX(-100%);
}

}


/* THIN TRUST STRIP */

.trusted-strip{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#061628;
border-top:1px solid rgba(255,255,255,0.08);
z-index:9999;
overflow:hidden;
}

.trusted-track{
display:flex;
gap:40px;
white-space:nowrap;
padding:6px 0;     /* height kam */
animation:trustScroll 25s linear infinite;
}

.trusted-item{
color:#d4af37;
font-size:12px;    /* text chhota */
display:flex;
align-items:center;
gap:6px;
padding-left:25px;
}

.trusted-item i{
font-size:12px;    /* icon chhota */
color:#d4af37;
}

@keyframes trustScroll{
0%{ transform:translateX(100%); }
100%{ transform:translateX(-100%); }
}

/* ULTRA THIN TRUST STRIP */

.trusted-strip{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#061628;
border-top:1px solid rgba(255,255,255,0.08);
z-index:9999;
overflow:hidden;
height:28px;          /* strip height fix */
display:flex;
align-items:center;
}

.trusted-track{
display:flex;
gap:35px;
white-space:nowrap;
animation:trustScroll 25s linear infinite;
}

.trusted-item{
color:#d4af37;
font-size:11px;       /* small text */
display:flex;
align-items:center;
gap:5px;
padding-left:20px;
line-height:1;
}

.trusted-item i{
font-size:11px;       /* small icon */
}

@keyframes trustScroll{
0%{transform:translateX(100%);}
100%{transform:translateX(-100%);}
}

---------

/* PROCESS HEADER CENTER */

.process-section{
text-align:center;
}

.process-container{
max-width:1200px;
margin:auto;
text-align:center;
}

.process-section .section-badge{
display:inline-block;
margin-bottom:15px;
}

.process-section .section-title{
text-align:center;
}

.process-section .section-subtitle{
text-align:center;
margin:auto;
max-width:600px;
}

/* ABOUT SECTION HEADER FIX */

#about .section-badge{
display:inline-block;
margin:0 auto 12px auto;
text-align:center;
}

#about .section-title{
text-align:center;
margin:0 auto;
}

#about .gold-line{
margin:12px auto 25px auto;
}

#about .section-badge{
display:block;
width:max-content;
margin:0 auto 12px;
}

/* BRAND FLEX */

.brand{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
}

/* NAME STYLE */

.brand-name{
color:#d4af37;
font-size:16px;
font-weight:600;
letter-spacing:0.5px;
}

/* MOBILE OPTIMIZE */

@media(max-width:768px){

.brand-name{
font-size:14px;
}

.logo{
height:32px;
}

}

@media(max-width:768px){

.brand{
display:flex;
align-items:center;
gap:6px;
}

.logo{
height:28px;
}

.brand-name{
font-size:13px;
white-space:nowrap;
line-height:1;
}

}

.brand{
flex-direction:row !important;
}

/* BRAND ANIMATION */

.brand{
display:flex;
align-items:center;
gap:6px;
overflow:hidden;
}

.brand-name{
color:#d4af37;
font-weight:600;
font-size:14px;
white-space:nowrap;

transform:translateX(-120%);
opacity:0;
transition:all 0.4s ease;
}

/* when active */

.brand.show-name .brand-name{
transform:translateX(0);
opacity:1;
}

/* mobile only */

@media(max-width:768px){

.logo{
height:28px;
}

.brand-name{
font-size:13px;
}

}

.brand-name{
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
}

@media(max-width:768px){

.brand-name{
font-size:15px;
font-weight:700;
}

}

/* BRAND DEFAULT (desktop) */

.brand{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

.brand-name{
color:#d4af37;
font-size:16px;
font-weight:700;
margin-top:4px;
}


/* MOBILE VIEW */

@media(max-width:768px){

.brand{
flex-direction:row;
align-items:center;
gap:8px;
}

.brand-name{
font-size:15px;
margin-top:0;
}

.logo{
height:28px;
}

}

/* DESKTOP BRAND */

.brand{
display:flex;
flex-direction:column !important;
align-items:center;
justify-content:center;
text-align:center;
}

.brand-name{
color:#d4af37;
font-size:16px;
font-weight:700;
margin-top:4px;
display:block;
}

/* MOBILE VIEW */

@media (max-width:768px){

.brand{
flex-direction:row !important;
align-items:center;
gap:8px;
}

.brand-name{
font-size:15px;
margin-top:0;
}

.logo{
height:28px;
}

}

/* DEFAULT = DESKTOP */

.brand-name{
display:none;
}

/* MOBILE VIEW */

@media (max-width:768px){

.brand{
display:flex;
align-items:center;
gap:8px;
}

.brand-name{
display:inline-block;
color:#d4af37;
font-size:15px;
font-weight:700;
}

.logo{
height:28px;
}

}

@media (max-width:768px){

.nav-container{
display:flex;
align-items:center;
justify-content:space-between;
}

.cta{
display:none; /* mobile me hide */
}

.menu-toggle{
margin-left:10px;
}

}

.hero-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

@media(max-width:768px){
.hero-container{
grid-template-columns:1fr;
}
}

.hero-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

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

.btn-call{
background:#d4af37;
}

.contact-float{
right:18px;
bottom:120px;
display:flex;
flex-direction:column;
gap:12px;
}

.trusted-track:hover{
animation-play-state:paused;
}

/* MOBILE CALL BUTTON */

.mobile-call{
display:none;
width:38px;
height:38px;
border-radius:8px;
background:#0f243d;
color:#fff;
align-items:center;
justify-content:center;
text-decoration:none;
font-size:16px;
transition:0.3s;
}

.mobile-call:hover{
background:#d4af37;
color:#000;
}

/* MOBILE NAVBAR */

@media(max-width:768px){

.mobile-call{
display:flex;
}

.cta{
display:none;
}

.nav-right{
display:flex;
align-items:center;
gap:10px;
}

}

.mobile-call{
box-shadow:0 4px 12px rgba(0,0,0,0.25);
}

.calc-btn{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#0b2545;
border-radius:10px;
color:#fff;
font-size:18px;
text-decoration:none;
margin-right:10px;
}

.calc-btn:hover{
background:#d4af37;
color:#000;
}


/* ===== NAV RIGHT BUTTONS ===== */

.nav-right{
display:flex;
align-items:center;
gap:10px;
}

/* ===== CALCULATOR BUTTON ===== */

.calc-btn{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#0b2545;
border-radius:10px;
color:#fff;
font-size:18px;
text-decoration:none;
transition:0.3s;
}

.calc-btn:hover{
background:#d4af37;
color:#000;
}

/* ===== THEME TOGGLE ===== */

.theme-toggle{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
background:#0b2545;
border-radius:10px;
border:none;
color:#fff;
font-size:18px;
cursor:pointer;
transition:0.3s;
}

.theme-toggle:hover{
background:#d4af37;
color:#000;
}

/* ===== DARK MODE ===== */

body.dark{
background:#020617;
color:#fff;
}

/* example dark adjustments */

body.dark .navbar{
background:#020617;
}

body.dark .hero{
background:#020617;
}


/* CALCULATOR MODAL */

.calc-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.calc-box{
background:#071428;
padding:30px;
border-radius:12px;
width:300px;
text-align:center;
color:#fff;
}

.calc-box input{
width:100%;
padding:10px;
margin:10px 0;
border:none;
border-radius:6px;
}

.calc-buttons{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-top:10px;
}

.calc-buttons button{
padding:10px;
border:none;
background:#d4af37;
cursor:pointer;
border-radius:6px;
font-size:16px;
}

.calc-close{
position:absolute;
right:20px;
top:10px;
font-size:22px;
cursor:pointer;
}

.calc-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.calc-card{
background:#071428;
width:280px;
padding:20px;
border-radius:12px;
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}

.calc-header{
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
margin-bottom:10px;
}

.calc-header span{
cursor:pointer;
font-size:20px;
}

#calcDisplay{
width:100%;
padding:12px;
font-size:20px;
border:none;
border-radius:6px;
margin-bottom:12px;
text-align:right;
}

.calc-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
}

.calc-grid button{
padding:12px;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
background:#0b2545;
color:#fff;
}

.calc-grid button:hover{
background:#133d6b;
}

.calc-grid .op{
background:#d4af37;
color:#000;
}

.calc-grid .equal{
background:#28c76f;
color:#fff;
}

.calc-grid .clear{
grid-column:span 4;
background:#ff4d4f;
color:#fff;
}

/* ===== CALCULATOR MODAL ===== */

.calc-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
align-items:center;
justify-content:center;
background:rgba(2,10,25,0.85);
backdrop-filter:blur(6px);
z-index:9999;
}


/* ===== CALCULATOR CARD ===== */

.calc-card{
width:300px;
padding:22px;
border-radius:16px;

background:linear-gradient(180deg,#081a30,#071428);

box-shadow:
0 25px 60px rgba(0,0,0,0.6),
inset 0 1px 0 rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.05);
}


/* ===== HEADER ===== */

.calc-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}

.calc-header h3{
font-size:18px;
font-weight:600;
color:#fff;
}

.calc-header span{
cursor:pointer;
font-size:20px;
color:#ccc;
transition:.2s;
}

.calc-header span:hover{
color:#fff;
}


/* ===== DISPLAY ===== */

#calcDisplay{
width:100%;
padding:14px;
border-radius:10px;

border:none;

font-size:22px;
font-weight:500;

text-align:right;

background:#f3f6fa;
color:#111;

margin-bottom:15px;
}


/* ===== GRID ===== */

.calc-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}


/* ===== BUTTON BASE ===== */

.calc-grid button{
padding:14px;
border:none;
border-radius:10px;

font-size:16px;
font-weight:500;

cursor:pointer;

background:#0f2a4d;
color:#fff;

transition:.25s;
}

.calc-grid button:hover{
transform:translateY(-2px);
background:#143a6b;
}


/* ===== OPERATOR BUTTON ===== */

.calc-grid .op{
background:#d4af37;
color:#000;
}

.calc-grid .op:hover{
background:#e5c04a;
}


/* ===== EQUAL BUTTON ===== */

.calc-grid .equal{
background:#28c76f;
color:#fff;
font-weight:600;
}

.calc-grid .equal:hover{
background:#20b561;
}


/* ===== CLEAR BUTTON ===== */

.calc-grid .clear{
grid-column:span 4;

background:#ff4d4f;
color:#fff;

font-weight:600;
}

.calc-grid .clear:hover{
background:#e63b3d;
}


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

@media(max-width:480px){

.calc-card{
width:260px;
padding:18px;
}

.calc-grid button{
padding:12px;
font-size:15px;
}

#calcDisplay{
font-size:20px;
}

}

.process-item{

background:linear-gradient(180deg,#0b1e35,#071428);

border-radius:18px;

padding:40px 28px;

text-align:center;

border:1px solid rgba(255,255,255,0.05);

position:relative;

transition:0.3s;

}

.process-item:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,0.35);

}

.step-no{

position:absolute;

left:-18px;
top:30px;

width:36px;
height:36px;

border-radius:50%;

background:#d4af37;

color:#000;

display:flex;
align-items:center;
justify-content:center;

font-weight:600;

box-shadow:0 4px 12px rgba(0,0,0,0.3);

}

.process-icon{

width:70px;
height:70px;

border-radius:50%;

background:#d4af37;

color:#000;

display:flex;
align-items:center;
justify-content:center;

font-size:24px;

margin:0 auto 18px;

box-shadow:0 10px 25px rgba(212,175,55,0.35);

}
.process-timeline{

position:relative;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:35px;

margin-top:50px;

}

.process-timeline::before{

content:"";

position:absolute;

top:45px;
left:0;
right:0;

height:2px;

background:rgba(212,175,55,0.25);

z-index:0;

}

.process-item h3{

font-size:20px;

margin-bottom:8px;

color:#fff;

}

.process-item p{

font-size:14px;

color:#9fb3c8;

line-height:1.6;

}

@media(max-width:768px){

.process-timeline{

grid-template-columns:1fr;

}

.process-timeline::before{
display:none;
}

.step-no{

left:-12px;

}

}

#offlineStrip{
position:fixed;
top:0;
left:0;
width:100%;
background:#ff3b30;
color:white;
text-align:center;
padding:8px;
font-size:14px;
z-index:999999;
display:none;
}


#offlineStrip{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999999;

display:flex;
justify-content:center;
align-items:center;

padding:10px;
color:#fff;
font-size:14px;
font-weight:500;

transform:translateY(-100%);
transition:transform .35s ease, background .3s ease;
}

/* visible */

#offlineStrip.show{
transform:translateY(0);
}

/* offline */

#offlineStrip.offline{
background:#e53935;
}

/* online */

#offlineStrip.online{
background:#2e7d32;
}

/* spinner */

.offline-spinner{
width:16px;
height:16px;
border:2px solid rgba(255,255,255,0.4);
border-top:2px solid white;
border-radius:50%;
animation:spin .8s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

.offline-content{
display:flex;
align-items:center;
gap:10px;
}

#backToTop{
position:fixed;
bottom:30px;
right:25px;

width:45px;
height:45px;

border:none;
border-radius:50%;

background:#0d6efd;
color:#fff;

font-size:20px;
cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 4px 10px rgba(0,0,0,0.25);

opacity:0;
visibility:hidden;

transition:all .3s ease;

z-index:9999;
}

#backToTop.show{
opacity:1;
visibility:visible;
}

#backToTop:hover{
background:#084298;
transform:translateY(-3px);
}

#backToTop{
position:fixed;
bottom:120px;
right:25px;
}

#backToTop{
position:fixed;
bottom:140px;
right:20px;

width:45px;
height:45px;

border:none;
border-radius:50%;

background:#1e88e5;
color:#fff;

font-size:18px;
cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 4px 12px rgba(0,0,0,0.25);

opacity:0;
visibility:hidden;

transition:all .3s ease;

z-index:9999;
}

#backToTop.show{
opacity:1;
visibility:visible;
}

#backToTop:hover{
transform:translateY(-3px);
background:#1565c0;
}

.floating-stack{
position:fixed;
right:20px;
bottom:25px;

display:flex;
flex-direction:column;
gap:12px;

z-index:9999;
}

.float-btn{
width:52px;
height:52px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:20px;
color:#fff;

border:none;
cursor:pointer;

box-shadow:0 8px 20px rgba(0,0,0,.3);

transition:.25s;
}

.float-btn:hover{
transform:scale(1.08);
}

/* call */

.float-btn.call{
background:#d4af37;
color:#000;
}

/* whatsapp */

.float-btn.whatsapp{
background:#25D366;
}

/* back to top */

.float-btn.top{
background:#1e88e5;
}

.services-search{
position:relative;
}

.search-suggestions{
position:absolute;
top:100%;
left:0;
width:100%;

background:#0b1c34;
border-radius:8px;

list-style:none;
padding:0;
margin-top:6px;

box-shadow:0 10px 25px rgba(0,0,0,0.3);

display:none;
z-index:999;
}

.search-suggestions li{
padding:10px 14px;
cursor:pointer;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.search-suggestions li:hover{
background:#132a4d;
}

.search-suggestions li:last-child{
border-bottom:none;
}

.services-search{
position:relative;
}

#serviceSuggestions{

position:absolute;
top:100%;
left:0;
width:100%;

background:#0b1c34;

list-style:none;
padding:0;
margin-top:5px;

border-radius:8px;

box-shadow:0 8px 20px rgba(0,0,0,0.3);

display:none;
z-index:999;
}

#serviceSuggestions li{

padding:10px 14px;
cursor:pointer;
border-bottom:1px solid rgba(255,255,255,0.05);

}

#serviceSuggestions li:hover{
background:#132a4d;
}


/* SCROLL PROGRESS BAR */

#scrollProgress{

position:fixed;

top:0;
left:0;

height:3px;

background:#d4af37;

width:0%;

z-index:999999;

transition:width .1s linear;

}


/* TOAST CONTAINER */

#toastContainer{

position:fixed;

bottom:20px;
right:20px;

display:flex;
flex-direction:column;

gap:10px;

z-index:999999;

}

/* TOAST */

.toast{

padding:12px 16px;

border-radius:8px;

color:#fff;

font-size:14px;

box-shadow:0 8px 20px rgba(0,0,0,0.3);

animation:toastSlide .3s ease;

}

/* TYPES */

.toast.success{
background:#2e7d32;
}

.toast.error{
background:#c62828;
}

.toast.info{
background:#1565c0;
}

/* ANIMATION */

@keyframes toastSlide{

from{
opacity:0;
transform:translateX(30px);
}

to{
opacity:1;
transform:translateX(0);
}

}


/* STICKY CTA BAR */

.sticky-cta-bar{

position:fixed;
bottom:0;
left:0;

width:100%;

display:flex;

z-index:999999;

}

.sticky-cta-bar a{

flex:1;

text-align:center;

padding:14px;

font-weight:600;

text-decoration:none;

color:#fff;

display:flex;
justify-content:center;
align-items:center;
gap:8px;

font-size:15px;

}

/* CALL */

.cta-call{
background:#d4af37;
color:#000;
}

/* WHATSAPP */

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

/* desktop hide */

@media(min-width:768px){
.sticky-cta-bar{
display:none;
}
}

.announcement-bar{
background:#d4af37;
color:#000;
text-align:center;
padding:6px;
font-size:13px;
font-weight:500;
}

.ticker{
background:#071428;
color:#fff;
overflow:hidden;
white-space:nowrap;
}

.ticker span{
display:inline-block;
padding:8px;
animation:tickerMove 20s linear infinite;
}

@keyframes tickerMove{
0%{ transform:translateX(100%); }
100%{ transform:translateX(-100%); }
}


.sticky-cta-bar{

position:fixed;
bottom:0;
left:0;

width:100%;

display:flex;

z-index:999999;

}

.sticky-cta-bar a{

flex:1;

text-align:center;

padding:14px;

font-weight:600;

text-decoration:none;

color:#fff;

display:flex;
justify-content:center;
align-items:center;
gap:8px;

font-size:15px;

}

.cta-call{
background:#d4af37;
color:#000;
}

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

@media(min-width:768px){
.sticky-cta-bar{
display:none;
}
}

@media(min-width:768px){
.sticky-cta-bar{
display:none;
}
}

/* CONTACT STRIP */

.contact-strip{

width:100%;

background:#d4af37;

color:#000;

display:flex;

justify-content:center;

align-items:center;

gap:15px;

padding:6px 10px;

font-size:13px;

font-weight:500;

position:relative;

z-index:9999;

}

.contact-strip a{

color:#000;

text-decoration:none;

display:flex;

align-items:center;

gap:5px;

}

.contact-strip i{
font-size:12px;
}

/* mobile */

@media(max-width:600px){

.contact-strip{

font-size:12px;

gap:8px;

flex-wrap:wrap;

}

}




.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-top:40px;
}

.service-card{
padding:28px;
border-radius:14px;
display:flex;
flex-direction:column;
justify-content:space-between;
height:100%;
}

.service-icon{
font-size:32px;
margin-bottom:14px;
}

.service-title{
font-size:20px;
margin-bottom:8px;
}

.service-desc{
font-size:14px;
line-height:1.6;
margin-bottom:20px;
}

.services-actions{
display:flex;
gap:10px;
}

.services-actions a{
flex:1;
text-align:center;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
font-size:14px;
font-weight:500;
}


.service-card{
display:flex;
flex-direction:column;
padding:28px;
border-radius:14px;
height:100%;
}

.service-desc{
flex-grow:1;
}

.services-container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.service-icon{
font-size:36px;
margin-bottom:16px;
color:#d4af37;
}

.service-card{
transition:all .3s ease;
}

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

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-top:40px;
}

.services-container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.service-card{
display:flex;
flex-direction:column;
padding:28px;
border-radius:14px;
height:100%;
transition:all .3s ease;
}

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

.service-icon{
font-size:36px;
margin-bottom:16px;
}

.service-desc{
flex-grow:1;
}

.services-actions{
display:flex;
gap:10px;
margin-top:15px;
}

.services-actions a{
flex:1;
text-align:center;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
font-size:14px;
font-weight:500;
}

.hero-container{
display:flex;
align-items:flex-start;
}

@media (max-width:768px){

.hero-container{
flex-direction:column;
align-items:flex-start;
gap:30px;
}

.trust-card{
width:100%;
margin-top:10px;
}

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

.hero-buttons{
flex-wrap:wrap;
}

}

.consultant-name{
font-size:18px;
font-weight:600;
display:block;
margin-bottom:4px;
}

.consultant-role{
font-size:13px;
opacity:.8;
display:block;
margin-bottom:10px;
}

.consultant-ids p{
font-size:12px;
margin:6px 0;
line-height:1.4;
}

.consultant-ids i{
color:#d4af37;
margin-right:6px;
}

.id-no{
opacity:.8;
font-size:11px;
}

.consultant{
display:flex;
align-items:center;
gap:12px;
margin-top:15px;
}

.consultant-info{
flex:1;
}

.consultant-ids{
margin-top:6px;
font-size:12px;
opacity:.85;
}

.consultant-ids span{
display:block;
font-weight:500;
}

.consultant img{
width:50px;
height:50px;
border-radius:50%;
border:2px solid #d4af37;
padding:2px;
}

.trust-card{
box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.consultant-name::after{
content:"✔";
color:#d4af37;
margin-left:6px;
font-size:12px;
}

.consultant{
display:flex;
align-items:center;
gap:14px;
margin-top:18px;
}

.consultant-info{
flex:1;
}

.consultant-ids{
margin-top:8px;
font-size:12px;
line-height:1.4;
opacity:.9;
}

.consultant-ids p{
margin:4px 0;
}

.consultant-ids i{
color:#d4af37;
margin-right:6px;
}

.trust-card{
box-shadow:
0 15px 40px rgba(0,0,0,.45),
0 0 0 1px rgba(255,255,255,.05) inset;
}

.consultant-name{
font-weight:600;
letter-spacing:.3px;
}

-----------------------------

.hero-container{
max-width:1200px;
margin:auto;
padding:80px 20px;
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:60px;
}


.hero-content{
flex:1;
max-width:620px;
}

.trust-card{
width:380px;
flex-shrink:0;
}

.hero{
width:100%;
min-height:90vh;
}

.hero{
background:
radial-gradient(circle at 20% 30%, rgba(212,175,55,.08), transparent 40%),
radial-gradient(circle at 80% 70%, rgba(212,175,55,.05), transparent 40%);
}


-----------


.service-features{
margin:10px 0 16px;
padding:0;
list-style:none;
font-size:13px;
opacity:.9;
}

.service-features li{
margin:4px 0;
}

.service-features{
margin:10px 0 16px;
padding:0;
list-style:none;
font-size:13px;
opacity:.9;
}

.service-features li{
margin:6px 0;
display:flex;
align-items:center;
gap:8px;
}


.founder-call{
display:inline-block;
margin-top:15px;
padding:10px 18px;
background:#c9a227;
color:#fff;
border-radius:6px;
text-decoration:none;
font-size:14px;
}

#about .section-title{
margin-bottom:20px;
}


#about{
padding-top:120px;
padding-bottom:120px;
}

.founder-card{
box-shadow:0 20px 60px rgba(0,0,0,0.35);
border:1px solid rgba(255,255,255,0.05);
}

.founder-card:hover{
transform:translateY(-6px);
transition:0.3s;
}

.feature{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
padding:12px 18px;
border-radius:8px;
transition:0.3s;
}

.feature:hover{
background:rgba(255,255,255,0.06);
}

.about-stat{
padding:25px;
min-width:180px;
}

.stat-number{
font-size:28px;
font-weight:600;
}

animation-duration:25s;


@media (max-width:768px){

.founder-card{
width:100%;
max-width:320px;
margin:auto;
padding:30px 20px;
}

.founder-img img{
width:90px;
height:90px;
}

}

@media (max-width:768px){

.features{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-top:20px;
}

.feature{
font-size:14px;
padding:12px 14px;
}

}

@media (max-width:768px){

.stats{
display:grid;
grid-template-columns:1fr;
gap:15px;
}

.about-stat{
padding:18px;
}

.stat-number{
font-size:24px;
}

}

@media (max-width:768px){

.cta-buttons{
display:flex;
flex-direction:column;
gap:12px;
}

.cta-buttons a{
width:100%;
text-align:center;
}

}

@media (max-width:768px){

#about .content{
padding:0 15px;
}

}

@media (max-width:768px){

.contact-float{
bottom:80px;
right:15px;
}

}

@media (max-width:768px){

#about{
padding-top:80px;
padding-bottom:80px;
}

}

#about{
scroll-margin-top:120px;
}

.about-grid{
display:grid;
grid-template-columns:350px 1fr;
gap:60px;
align-items:center;
}

.founder-img img{
border:3px solid #c9a227;
box-shadow:0 0 20px rgba(201,162,39,0.5);
}

.features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:25px;
}

.feature{
padding:14px 18px;
}

.about-stat{
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.08);
box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

.contact-float{
bottom:90px;
}


.about-grid{
display:grid;
grid-template-columns:350px 1fr;
}

@media (max-width:768px){

.about-grid{
grid-template-columns:1fr;
gap:40px;
text-align:center;
}

}

@media (max-width:768px){

.founder-card{
width:100%;
max-width:320px;
margin:auto;
padding:30px 20px;
}

}

@media (max-width:768px){

.features{
grid-template-columns:1fr;
gap:12px;
}

}

@media (max-width:768px){

.stats{
display:grid;
grid-template-columns:1fr;
gap:15px;
}

.about-stat{
padding:18px;
}

}

@media (max-width:768px){

.contact-float{
bottom:120px;
right:15px;
}

}

@media (max-width:768px){

#about .content{
padding:0 15px;
}

}

@media (max-width:768px){

.about-grid{
display:flex;
flex-direction:column;
gap:30px;
}

.founder-card{
margin:0 auto;
max-width:320px;
}

}

@media (max-width:768px){

.hero-buttons{
display:flex;
flex-direction:column;
gap:12px;
}

.hero-buttons a{
width:100%;
text-align:center;
}

}

.process-item:hover{

transform:translateY(-6px);
transition:0.3s;

}

.google-rating{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
margin:30px 0;
}

.rating-left i{
font-size:38px;
color:#fff;
}

.rating-score{
font-size:36px;
font-weight:700;
color:#f6c94c;
}

.rating-stars{
color:#f6c94c;
font-size:18px;
letter-spacing:3px;
}

.rating-text{
font-size:14px;
opacity:.8;
}

.review-stars{
color:#f6c94c;
font-size:16px;
letter-spacing:2px;
margin-bottom:12px;
}

.google-rating{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
margin-top:15px;
margin-bottom:40px;
}

.google-rating i{
font-size:32px;
color:#fff;
}

.rating-number{
font-size:32px;
font-weight:700;
color:#f6c94c;
}

.rating-stars{
color:#f6c94c;
letter-spacing:3px;
font-size:16px;
}

.rating-count{
font-size:14px;
opacity:.8;
}


.about-grid{
display:grid;
grid-template-columns:320px 1fr;
gap:60px;
align-items:start;
margin-top:40px;
}

.founder-card{
background:#0f223d;
padding:30px;
border-radius:16px;
position:sticky;
top:120px;
box-shadow:0 20px 60px rgba(0,0,0,0.4);
}

.features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:30px 0;
}

.feature{
background:rgba(255,255,255,0.04);
padding:14px 16px;
border-radius:10px;
border:1px solid rgba(255,255,255,0.08);
}

@media (max-width:768px){

.about-grid{
display:flex;
flex-direction:column;
gap:40px;
align-items:center;
padding:0 15px;
}

}

.hero{
background:
linear-gradient(180deg,rgba(5,15,35,.9),rgba(5,15,35,1)),
url("../images/hero-bg.jpg");
background-size:cover;
background-position:center;
}

.hero::before{
content:"";
position:absolute;
top:-200px;
right:-200px;
width:500px;
height:500px;

background:radial-gradient(
circle,
rgba(212,175,55,0.12),
transparent 70%
);

filter:blur(40px);
}


.hero::after{
content:"";
position:absolute;
inset:0;

background-image:
radial-gradient(
rgba(255,255,255,0.03) 1px,
transparent 1px
);

background-size:40px 40px;
pointer-events:none;
}

.service-card-link{
text-decoration:none;
color:inherit;
display:block;
}

.upload-page{
padding:80px 20px;
background:#071428;
color:#fff;
}

.upload-container{
max-width:600px;
margin:auto;
background:#0f223d;
padding:40px;
border-radius:10px;
}

.upload-form{
display:flex;
flex-direction:column;
gap:15px;
}

.upload-form input,
.upload-form select{
padding:12px;
border-radius:6px;
border:none;
}

.submit-btn{
background:#d4af37;
border:none;
padding:14px;
font-weight:600;
cursor:pointer;
}

.consultant-phone{
color:#d4af37;
text-decoration:none;
font-weight:700;
font-size:18px;
display:block;
margin-top:3px;
letter-spacing:0.5px;
}

.consultant-phone:hover{
text-decoration:underline;
}

.consultant-phone:hover{
text-decoration:underline;
}

#siteNavMenu{
max-height:80vh;
overflow-y:auto;
}

.nav-links{
position:fixed;
top:70px;
height:calc(100vh - 70px);
overflow-y:auto;
}

.nav-links a{
display:block;
padding:18px 0;
font-size:18px;
}


.services-actions{
display:flex;
gap:10px;
margin-top:14px;
}

.services-actions a{
flex:1;
text-align:center;
padding:14px;
border-radius:8px;
font-weight:600;
font-size:15px;
}

.menu-toggle{
width:44px;
height:44px;
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
cursor:pointer;
}

.menu-toggle span{
height:3px;
background:white;
border-radius:3px;
}

.hero-buttons{
display:flex;
flex-direction:column;
gap:12px;
margin-top:20px;
}

.hero-buttons a{
padding:16px;
font-size:16px;
font-weight:600;
border-radius:8px;
text-align:center;
}

.doc-actions a{
flex:1;
padding:12px;
font-size:14px;
text-align:center;
border-radius:6px;
}

#scrollProgress{
position:fixed;
top:0;
left:0;
height:3px;
background:#0d6efd;
width:0%;
z-index:9999;
}

@media(max-width:768px){

section{
padding:60px 20px;
}

.service-card{
padding:20px;
}

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

}

.nav-drawer{
position:fixed;
top:0;
right:-260px;
width:260px;
height:100%;
background:#071428;
padding:30px 20px;
display:flex;
flex-direction:column;
gap:18px;
transition:0.3s;
z-index:9999;
}

.nav-drawer a{
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:500;
}

.nav-drawer.active{
right:0;
}

.menu-toggle.active span:nth-child(1){
transform:rotate(45deg) translateY(6px);
}

.menu-toggle.active span:nth-child(2){
opacity:0;
}

.menu-toggle.active span:nth-child(3){
transform:rotate(-45deg) translateY(-6px);
}


.doc-pagination{
display:flex;
justify-content:center;
gap:10px;
margin-top:40px;
}

.doc-pagination button{
background:#0f2742;
color:#fff;
border:none;
padding:10px 16px;
border-radius:8px;
cursor:pointer;
}

.doc-pagination button:hover{
background:#f5c542;
color:#000;
}
.doc-grid{
min-height:700px;
}

.doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}

.doc-grid{
overflow:visible;
height:auto;
}

.doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}

@media (max-width:768px){

.doc-grid{
grid-template-columns:1fr;
}

.doc-pagination{
justify-content:center;
flex-wrap:wrap;
gap:8px;
}

.doc-pagination button{
padding:8px 14px;
font-size:14px;
}

}



/* ================= FULL LIGHT MODE FORCE ================= */

body.light-theme{
background:#f5f7fb !important;
color:#0a1628 !important;
}

/* ALL SECTIONS BACKGROUND */

body.light-theme section,
body.light-theme .process-section,
body.light-theme #services,
body.light-theme #why,
body.light-theme #about,
body.light-theme #documents,
body.light-theme #faq-section,
body.light-theme #site-reviews,
body.light-theme .contact{
background:#f5f7fb !important;
}

/* PROCESS SECTION (YOUR PROBLEM AREA) */

body.light-theme .process-item{
background:#ffffff !important;
color:#0a1628 !important;
border:1px solid #e5e7eb !important;
}

/* ICONS */

body.light-theme .process-icon{
background:#e2e8f0 !important;
color:#0a1628 !important;
}

/* STEP NUMBER */

body.light-theme .step-no{
background:#c9a84c !important;
color:#000 !important;
}

/* TEXT */

body.light-theme .process-item h3{
color:#0a1628 !important;
}

body.light-theme .process-item p{
color:#475569 !important;
}

/* SERVICES CARDS */

body.light-theme .service-card{
background:#ffffff !important;
color:#0a1628 !important;
border:1px solid #e5e7eb !important;
}

/* GENERIC FIX FOR ALL CARDS */

body.light-theme div[class*="card"]{
background:#ffffff !important;
color:#0a1628 !important;
}

/* FORCE REMOVE DARK COLORS */

body.light-theme [style*="#071428"],
body.light-theme [style*="#0b213f"],
body.light-theme [style*="#081a30"]{
background:#ffffff !important;
}

/* TEXT GLOBAL */

body.light-theme p,
body.light-theme span,
body.light-theme li{
color:#475569 !important;
}

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4{
color:#0a1628 !important;
}

/* ================= BOTTOM STRIP LIGHT MODE ================= */

/* TRUSTED STRIP */

body.light-theme .trusted-strip{
background:#ffffff !important;
border-top:1px solid #e5e7eb !important;
}

body.light-theme .trusted-item{
color:#0a1628 !important;
}

/* MOVING TRACK */

body.light-theme .trusted-track{
background:#ffffff !important;
}

/* TICKER (LAST LINE) */

body.light-theme .ticker{
background:#ffffff !important;
color:#0a1628 !important;
border-top:1px solid #e5e7eb;
}

/* OFFLINE STRIP */

body.light-theme #offlineStrip{
background:#ffffff !important;
color:#0a1628 !important;
border-bottom:1px solid #e5e7eb;
}

body.light-theme #offlineText{
color:#0a1628 !important;
}

/* SCROLL PROGRESS BAR (optional fix) */

body.light-theme #scrollProgress{
background:#c9a84c !important;
}


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

@media (max-width:768px){

/* TRUST CARD FULL WIDTH */

.trust-card{
width:100% !important;
padding:20px !important;
border-radius:16px !important;
}

/* FIX TEXT ALIGN */

.trust-card h3{
font-size:20px !important;
text-align:center;
}

.trust-desc{
font-size:14px !important;
text-align:center;
}

/* POINTS GRID FIX */

.trust-points{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
text-align:left;
}

/* CONSULTANT SECTION STACK */

.consultant{
flex-direction:column !important;
align-items:center !important;
text-align:center !important;
}

/* IMAGE CENTER */

.consultant img{
width:80px !important;
height:80px !important;
margin-bottom:10px;
}

/* REMOVE SIDE OVERFLOW */

.hero-container{
flex-direction:column !important;
gap:20px !important;
}

/* FLOAT BUTTON FIX */

.contact-float{
right:10px !important;
bottom:80px !important;
}

/* PREVENT CUT TEXT */

.trust-card p,
.trust-card span{
word-wrap:break-word;
}

}


/* ===== FIX PAGINATION OVERLAP ===== */

.doc-pagination{
position:static !important;
margin-top:20px !important;
text-align:center;
z-index:1 !important;
}

/* BUTTON STYLE FIX */

.doc-pagination button{
margin:5px;
padding:8px 12px;
}

/* MOBILE FIX */

@media (max-width:768px){

.doc-pagination{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
margin-top:20px;
}

}

.doc-grid{
position:relative;
z-index:2;
}

@media (max-width:768px){
.contact-float{
bottom:100px !important;
}
}


/* ===== MOBILE IMAGE FIX ===== */

@media (max-width:768px){

/* IMAGE / POSTER FIX */

.service-card img,
.doc-card img,
.trust-card img,
.gallery-img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
border-radius:12px;
}

/* CARD FIX */

.service-card,
.doc-card,
.trust-card{
padding:12px !important;
overflow:hidden !important;
}

/* REMOVE EXTRA HEIGHT / CUT */

.service-card,
.doc-card{
height:auto !important;
}

/* PREVENT SIDE SCROLL */

body{
overflow-x:hidden;
}

/* FLOAT BUTTON FIX */

.contact-float{
right:10px !important;
bottom:120px !important;
z-index:10;
}

/* IMAGE CONTAINER FIX */

.image-container{
width:100%;
overflow:hidden;
}

}

/* ===== OUR SERVICES & OFFICE IMAGE FIX ===== */

@media (max-width:768px){

/* TARGET THAT CARD */

.service-card.office,
.service-card img[alt*="Office"],
.service-card[style*="background"]{

background-size:contain !important;
background-position:center !important;
background-repeat:no-repeat !important;
height:auto !important;
min-height:300px !important;

}

/* अगर image tag use है */

.service-card img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}

/* REMOVE CUTTING */

.service-card{
overflow:hidden !important;
}

}

.footer-bottom{
text-align:center;
padding:20px 10px;
font-size:14px;
color:#94a3b8;
}

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

.footer-bottom a:hover{
text-decoration:underline;
}

.footer-bottom .developer{
margin-top:5px;
}

.footer-bottom .legal{
margin-top:8px;
font-size:13px;
}



/* ================= MOBILE GALLERY FIX ================= */

@media (max-width: 768px){

  .gallery-grid{
    grid-template-columns: 1fr;   /* single column */
    gap: 18px;
  }

  .gallery-item{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
  }

  .gallery-item img{
    width: 100%;
    height: 200px;              /* fixed height */
    object-fit: cover;          /* no distortion */
    border-radius: 12px;
  }

  /* overlay clean */

  .gallery-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    
    padding: 12px;
    border-radius: 0 0 12px 12px;
  }

  .gallery-overlay h4{
    font-size: 16px;
    margin-bottom: 4px;
  }

  .gallery-overlay p{
    font-size: 13px;
    opacity: 0.9;
  }

}

/* ===== FIX: NAV RIGHT BUTTONS LIGHT MODE ===== */

body.light-theme .calc-btn,
body.light-theme .theme-toggle {
  background: #f1f5f9 !important;
  color: #0a1628 !important;
  border: 1px solid #e2e8f0 !important;
}

/* hover */

body.light-theme .calc-btn:hover,
body.light-theme .theme-toggle:hover {
  background: #e2e8f0 !important;
}

/* icon color */

body.light-theme .calc-btn i,
body.light-theme .theme-toggle i {
  color: #0a1628 !important;
}

.calc-btn,
.theme-toggle {
  border-radius: 10px;
  padding: 10px;
  transition: 0.25s;
}

.calc-btn:hover,
.theme-toggle:hover {
  transform: translateY(-2px);
}

/* ===== FORCE PAGINATION VISIBILITY ===== */

.doc-pagination{
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;

  position: relative !important;
  z-index: 10 !important;

  margin-top: 30px !important;
}

/* ===== FIX OVERLAP WITH FLOAT BUTTON ===== */

#documents{
  padding-bottom: 120px; /* create space below */
}

.doc-pagination{
  margin-top: 30px;
  margin-bottom: 60px; /* extra breathing space */
}

.contact-float{
  bottom: 90px !important; /* push up slightly */
}


@media(max-width:768px){

  .contact-float{
    bottom: 80px; /* move up */
    right: 15px;
  }

}

/* ===== PAGINATION FINAL FIX ===== */

.doc-pagination-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 60px;
}

.doc-pagination{
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  background: rgba(10,22,40,0.9);
  border-radius: 10px;
}

/* buttons */

.doc-pagination button{
  background: #0b213f;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}

/* active */

.doc-pagination button.active{
  background: #c9a84c;
  color: #000;
}

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

@media(max-width:768px){

  #documents{
    padding-bottom: 120px; /* avoid floating overlap */
  }

  .doc-pagination-wrapper{
    margin-bottom: 80px;
  }

}

/* PAGINATION FIX - MOBILE */
@media (max-width: 768px) {

  .doc-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;   /* important */
    gap: 8px;
    margin: 20px 0 80px;
    position: relative;
    z-index: 1; /* prevent overlap */
  }

  .doc-pagination button {
    min-width: 40px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    border-radius: 6px;
  }

  /* FIX overlapping CALL / WHATSAPP buttons */
  .doc-card-actions {
    display: flex;
    flex-direction: column; /* stack buttons */
    gap: 10px;
  }

  .doc-card-actions button {
    width: 100%; /* full width buttons */
  }

}

@media (max-width: 768px) {
  .doc-pagination-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  #documents {
    padding-bottom: 200px;
  }
}

.floating-buttons {
  z-index: 999;
}

.doc-pagination-wrapper {
  position: relative;
  z-index: 1000;
}

@media (max-width: 768px) {

  .doc-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }

}

.doc-pagination-wrapper {
  margin-top: 20px;   /* add space from buttons */
  margin-bottom: 20px;
}

.doc-card-actions {
  display: flex;
  gap: 10px;
  margin-bottom: 15px; /* push pagination down */
}

@media (max-width: 768px) {
  .doc-card-actions {
    flex-direction: column; /* stack buttons */
  }
}

.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 999;
}

/* PUSH CONTENT ABOVE THEM */
#documents {
  padding-bottom: 150px;  /* critical */
}

.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 999;
}

/* PUSH CONTENT ABOVE THEM */
#documents {
  padding-bottom: 150px;  /* critical */
}

.doc-pagination-wrapper {
  clear: both;
}

/* ===== DOCUMENT FIX ===== */

.doc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

/* PAGINATION */

.doc-pagination-wrapper{
  display:flex;
  justify-content:center;
  margin-top:25px;
  margin-bottom:20px;
}

.doc-pagination{
  display:flex;
  gap:10px;
}

.doc-pagination button{
  padding:10px 14px;
  border:none;
  background:#0b213f;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
}

.doc-pagination button.active{
  background:#c9a84c;
  color:#000;
}

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

@media (max-width:768px){

  .doc-pagination{
    flex-wrap:wrap;
    justify-content:center;
  }

}

.contact-float{
  position:fixed;
  right:15px;
  bottom:15px;
  z-index:1000; /* NOT 999999 */
}

/* Give space so content is not hidden */
#documents{
  padding-bottom:220px;
}

/* ===== DOCUMENT FIX ===== */

.doc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

/* REMOVE THIS IF EXISTS */
/* max-height + overflow = DELETE */

/* PAGINATION */

.doc-pagination-wrapper{
  display:flex;
  justify-content:center;
  margin-top:25px;
}

.doc-pagination{
  display:flex;
  gap:10px;
}

.doc-pagination button{
  padding:10px 14px;
  border:none;
  background:#0b213f;
  color:#fff;
  border-radius:6px;
}

.doc-pagination button.active{
  background:#c9a84c;
  color:#000;
}

/* MOBILE */

@media (max-width:768px){

  .doc-pagination{
    flex-wrap:wrap;
  }

}

/* FIX FLOAT OVERLAP */

#documents{
  padding-bottom:220px;
}

.contact-float{
  z-index:1000;
}

.doc-pagination-wrapper{
  display:flex;
  justify-content:center;
  margin-top:40px;   /* increase spacing */
  position:relative;
}

.doc-actions{
  display:flex;
  gap:10px;
  margin-top:20px;   /* add space ABOVE pagination */
  margin-bottom:10px;
}


.doc-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.doc-pagination-wrapper{
  clear: both;
}

#documents{
  padding-bottom:250px;
}

/* ================= FINAL DOCUMENT MOBILE FIX ================= */

.doc-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
max-height:none !important;
overflow:visible !important;
}

/* CARD FIX */

.doc-card{
display:flex;
flex-direction:column;
justify-content:space-between;
}

/* BUTTON AREA */

.doc-actions{
display:flex;
flex-direction:column;
gap:10px;
margin-top:15px;
}

.doc-actions a{
width:100%;
text-align:center;
}

/* PAGINATION */

.doc-pagination-wrapper{
display:flex;
justify-content:center;
margin-top:30px;
margin-bottom:20px;
clear:both;
}

.doc-pagination{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:center;
}

.doc-pagination button{
padding:10px 14px;
border:none;
background:#0b213f;
color:#fff;
border-radius:6px;
}

.doc-pagination button.active{
background:#c9a84c;
color:#000;
}

/* MOBILE STRICT FIX */

@media (max-width:768px){

.doc-actions{
flex-direction:column;
}

.doc-pagination{
flex-wrap:wrap;
}

}

/* FLOATING BUTTON SPACE FIX */

#documents{
padding-bottom:260px !important;
}

/* FIX FLOAT OVERLAP */

.contact-float{
z-index:1000 !important;
}


/* ================= DAY MODE BUTTON FIX ================= */

body.light-theme .doc-actions .call{
  background:#e5e7eb;      /* light grey */
  color:#0a1628;
  border:1px solid #d1d5db;
}

body.light-theme .doc-actions .call:hover{
  background:#d1d5db;
}

/* WhatsApp button (keep brand but softer) */

body.light-theme .doc-actions .whatsapp{
  background:#25D366;
  color:#fff;
}

body.light-theme .doc-actions .whatsapp:hover{
  background:#1ebe5d;
}

/* Pagination buttons */

body.light-theme .doc-pagination button{
  background:#e5e7eb;
  color:#0a1628;
  border:1px solid #d1d5db;
}

body.light-theme .doc-pagination button.active{
  background:#c9a84c;
  color:#000;
}

/* Hover effect */

body.light-theme .doc-pagination button:hover{
  background:#d1d5db;
}
/* ===== CLEAN PAGINATION (NO BOX LOOK) ===== */

.doc-pagination-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:40px;
  margin-bottom:40px;
}

/* REMOVE DARK BOX BACKGROUND */
.doc-pagination{
  display:flex;
  gap:10px;
  background:none;   /* important */
  padding:0;
}

/* BUTTON STYLE */

.doc-pagination button{
  width:42px;
  height:42px;
  border:none;
  border-radius:8px;
  font-size:14px;
  cursor:pointer;
  background:#0b213f;
  color:#fff;
  transition:0.2s;
}

/* ACTIVE */

.doc-pagination button.active{
  background:#c9a84c;
  color:#000;
}

/* HOVER */

.doc-pagination button:hover{
  transform:translateY(-2px);
}

body.light-theme .doc-pagination button{
  background:#e5e7eb;
  color:#0a1628;
  border:1px solid #d1d5db;
}

body.light-theme .doc-pagination button.active{
  background:#c9a84c;
  color:#000;
}

.documents-container{
max-width:1200px;
margin:auto;
text-align:center;
}