:root{
  --bg:#0f172a;
  --card:#1e293b;
  --accent:#00f7ff;
  --text:#ffffff;
}

html {
scroll-behavior: smooth;
}

body{
  font-family:'Inter', sans-serif;
  background:var(--bg);
  color:var(--text);
}

body.light{
  --bg:#ffffff;
  --text:#000000;
  --card:#f5f5f5;
}

/* Navbar */
.custom-navbar{
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(12px);
  padding:15px 0;
}

.logo{
  font-size:28px;
  color:var(--text) !important;
}

.logo span{
  color:var(--accent);
}

.nav-link{
  color:var(--text) !important;
  margin-left:20px;
  font-weight:500;
}

.nav-link:hover{
  color:var(--accent) !important;
}

.hire-btn{
  background:var(--accent);
  color:#000;
  border-radius:30px;
  padding:8px 20px;
}

.theme-toggle{
  cursor:pointer;
  color:var(--text);
}

/* Footer */
.footer{
  background:#0a0f1e;
  padding:80px 0 30px;
}

.footer a{
  color:#ccc;
  text-decoration:none;
}

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

/* Floating WhatsApp */
.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  background:#25D366;
  color:#fff;
  padding:15px;
  border-radius:50%;
  font-size:22px;
  z-index:999;
}


.hero-section {
    height: 100vh;
    background: linear-gradient(135deg, #111, #1f1f1f);
    padding-top: 200px;
}

.hero-img {
    max-height: 750px;
}
.lead{
    color: #fff !important;
}

.project-card img{
    width: 354px !important;
    height: 194px !important;
}
#about h2,p,li{
    color: #000 !important;
}
.project-card:hover,
.package-card:hover {
    transform: translateY(-8px);
    transition: 0.3s ease;
}

.timeline {
    border-left: 3px solid #ffc107;
    padding-left: 20px;
}

.timeline-item {
    margin-bottom: 40px;
    position: relative;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -11px;
    top: 5px;
    width: 15px;
    height: 15px;
    background: #ffc107;
    border-radius: 50%;
}
.timeline-item p{
    color: #fff !important;
}

#technical p{
    color: #fff !important;
}
#testimonialCarousel p{
       color: #fff !important;
}
.hire-section p{
  color: #fff !important;
}
footer p{
    color: #fff !important;
}

@media(max-width:768px){
    .hero-section{
        height:auto;
        padding:100px 0;
    }
}

/* Hire Section */
.hire-section {
background: linear-gradient(135deg, #111, #222);
}

/* Footer */
.premium-footer {
background: #000;
color: white;
padding: 60px 0;
}

.premium-footer a {
color: #ffc107;
margin-right: 15px;
font-size: 18px;
}

/* WhatsApp Float */
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background: #25D366;
color: white;
font-size: 25px;
padding: 15px;
border-radius: 50%;
z-index: 999;
}

/* Dark Mode */
.dark-mode {
background: #121212;
color: white;
}

.page-hero {
height: 50vh;
background: linear-gradient(135deg,#111,#222);
}