@import url('variables.css');
@import url('navbar.css');
@import url('hero.css');
@import url('trust.css');
@import url('about.css');
@import url('philosophy.css');
@import url('quote.css');
@import url('services.css');
@import url('cta-section.css');
@import url('why-choose.css');
@import url('stats.css');
@import url('process.css');
@import url('consultation.css');
@import url('faq.css');
@import url('final-cta.css');
@import url('contact.css');
@import url('footer.css');
@import url('responsive.css');
@import url('legal.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');
body{
font-family:'Inter',sans-serif;
color:var(--text-color);
background:var(--white);
overflow-x:hidden;
line-height:1.8;
}
html{
scroll-behavior:smooth;
}
section{
padding:100px 0;
}
img{
max-width:100%;
}
a{
text-decoration:none;
transition:var(--transition);
}
ul{
margin:0;
padding:0;
list-style:none;
}
h1,h2,h3,h4,h5,h6{
font-family:'Outfit',sans-serif;
color:var(--heading-color);
font-weight:700;
}
.section-title{
font-size:clamp(2rem,4vw,3rem);
line-height:1.2;
}
.section-subtitle{
max-width:650px;
margin:auto;
font-size:18px;
}
.bg-light-custom{
background:var(--light-bg);
}
.card-box{
background:#fff;
border-radius:20px;
padding:35px;
box-shadow:var(--shadow-sm);
transition:.4s;
}
.card-box:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-md);
}
.whatsapp-float{
position:fixed;
right:25px;
bottom:25px;
width:65px;
height:65px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:32px;
box-shadow:0 15px 35px rgba(0,0,0,.2);
z-index:999;
transition:.3s;
}
.whatsapp-float:hover{
transform:scale(1.08);
color:#fff;
}
#backToTop{
position:fixed;
right:25px;
bottom:105px;
width:55px;
height:55px;
border:none;
border-radius:50%;
background:var(--primary-color);
color:#fff;
font-size:20px;
cursor:pointer;
display:none;
z-index:999;
box-shadow:0 15px 30px rgba(0,0,0,.2);
display: none;
align-items: center;
justify-content: center;
}
#backToTop:hover{
background:var(--secondary-color);
}

/* This is demo webiste alert CSS remove before go live*/
.demo-alert{
position:fixed;
top:90px;
left:50%;
transform:translateX(-50%);
width:min(1000px,95%);
z-index:1050;
border:none;
border-radius:20px;
background:#ffffff;
box-shadow:0 20px 60px rgba(0,0,0,.12);
padding:25px;
}
.demo-alert-content{
display:flex;
align-items:center;
gap:25px;
}
.demo-alert-icon{
width:70px;
height:70px;
border-radius:18px;
background:linear-gradient(
135deg,
var(--primary-color),
var(--secondary-color)
);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:28px;
flex-shrink:0;
}
.demo-alert-text{
flex:1;
}
.demo-alert-text h5{
margin-bottom:8px;
}
.demo-alert-text p{
margin:0;
color:#6b7280;
}
.demo-alert-buttons{
flex-shrink:0;
}