/*
Theme Name: Sabak Kuwait
Author: Sabak Kuwait
Description: قالب سباك الكويت
Version: 1.0
*/

body{
font-family:Arial, Helvetica, sans-serif;
direction:rtl;
margin:0;
background:#f5f5f5;
}

.site-header{
background:#0f172a;
padding:15px 0;
}

.header-wrap{
display:flex;
align-items:center;
justify-content:space-between;
max-width:1200px;
margin:auto;
padding:0 20px;
}

.logo{
color:#fff;
font-size:28px;
font-weight:bold;
}

.main-nav ul{
display:flex;
gap:20px;
list-style:none;
margin:0;
padding:0;
}

.main-nav ul li a{
color:#fff;
font-weight:bold;
text-decoration:none;
}

.main-nav ul li a:hover{
color:#22d3ee;
}

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

.btn-call{
background:#22d3ee;
color:#000;
padding:10px 15px;
border-radius:8px;
font-weight:bold;
text-decoration:none;
}

.btn-wa{
background:#25D366;
color:#fff;
padding:10px 15px;
border-radius:8px;
font-weight:bold;
text-decoration:none;
}

.hero{
text-align:center;
padding:80px 20px;
background:#fff;
}

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

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

.card{
background:#fff;
padding:20px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.card h3{
margin-top:0;
}

.card a{
display:inline-block;
margin-top:10px;
color:#0ea5e9;
font-weight:bold;
text-decoration:none;
}

footer{
background:#0f172a;
color:#fff;
text-align:center;
padding:20px;
margin-top:40px;
}

@media(max-width:768px){
.cards{
grid-template-columns:1fr;
}
.header-wrap{
flex-direction:column;
gap:10px;
}
.main-nav ul{
flex-wrap:wrap;
justify-content:center;
}
}