/*
Theme Name: Shadoweb Consulting Enterprise
Version: 5.1
*/

html { scroll-behavior:smooth; }

body{
margin:0;
font-family:Arial,sans-serif;
background:#f7f7f8;
color:#111827;
}

header{
position:sticky;
top:0;
z-index:999;
background:#050b16;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 50px;
}

.logo img{max-height:68px;}

nav a{
color:white;
text-decoration:none;
margin-left:28px;
font-weight:600;
}

nav a:hover{color:#9b5de5;}

.quote-btn{
padding:12px 22px;
border:1px solid #9b5de5;
border-radius:8px;
}

.hero{
display:grid;
grid-template-columns:1fr 1fr;
min-height:78vh;
}

.hero-left,.hero-right{
display:flex;
align-items:center;
padding:80px;
background-size:cover;
background-position:center;
position:relative;
}

.hero-left:before,.hero-right:before{
content:'';
position:absolute;
inset:0;
background:rgba(5,11,22,0.75);
}

.hero-content{
position:relative;
z-index:2;
color:white;
max-width:520px;
}

.hero h1{font-size:48px;}

.btn{
display:inline-block;
padding:15px 28px;
margin-right:12px;
margin-top:20px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.btn-primary{
background:linear-gradient(90deg,#6a11cb,#2575fc);
color:white;
}

.btn-secondary{
border:1px solid white;
color:white;
}

.hero-left{
background-image:url('https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=1600&auto=format&fit=crop');
}

.hero-right{
background-image:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600&auto=format&fit=crop');
}

.services{
padding:90px 60px;
}

.section-title{
text-align:center;
font-size:42px;
}

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

.service-card{
background:white;
padding:18px;
border-radius:18px;
box-shadow:0 2px 10px rgba(0,0,0,0.06);
}

.service-card img{
width:100%;
height:140px;
object-fit:cover;
border-radius:12px;
}

.learn{
display:inline-block;
margin-top:16px;
text-decoration:none;
color:#7c3aed;
font-weight:700;
}

.section{
padding:100px 60px;
}

footer{
background:#050b16;
color:white;
text-align:center;
padding:40px;
}

@media(max-width:900px){
.hero{grid-template-columns:1fr;}
header{flex-direction:column;}
nav{margin-top:15px;}
}