body{

font-family:Segoe UI,Arial,sans-serif;
margin:0;
background:#f4f6f9;
color:#333;

}


header{

background:#0b3d91;
color:white;
padding:20px;
text-align:center;

}

nav a{

color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;

}


.hero{

background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url("images/radiator-repair.jpeg");

background-size:cover;
background-position:center;

color:white;
text-align:center;
padding:100px 20px;

}


.hero h2{

font-size:40px;

}


.btn{

display:inline-block;
margin-top:20px;
background:#ff6600;
color:white;
padding:12px 25px;
border-radius:6px;
text-decoration:none;
font-weight:bold;

}


section{

padding:40px 20px;
max-width:1100px;
margin:auto;

}


.services-container{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}


.service{

background:white;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
padding:20px;
transition:transform .2s;

}


.service:hover{

transform:translateY(-6px);

}


.service img{

width:100%;
height:220px;
object-fit:cover;
border-radius:10px;
margin-bottom:10px;

}


form{

display:flex;
flex-direction:column;
gap:10px;
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 6px 15px rgba(0,0,0,0.1);

}


input,select,textarea{

padding:10px;
border:1px solid #ccc;
border-radius:6px;

}


button{

background:#0b3d91;
color:white;
border:none;
padding:12px;
border-radius:6px;
font-weight:bold;
cursor:pointer;

}


button:hover{

background:#072c6a;

}


.reviews{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;

}


.review{

background:white;
padding:20px;
border-radius:10px;
box-shadow:0 6px 15px rgba(0,0,0,0.08);

}


iframe{

width:100%;
height:300px;
border:0;
border-radius:10px;

}


footer{

background:#0b3d91;
color:white;
text-align:center;
padding:20px;

}


.whatsapp-float{

position:fixed;
bottom:25px;
right:25px;

background:#25D366;
color:white;

padding:15px 22px;

border-radius:30px;

text-decoration:none;
font-weight:bold;

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

}


.whatsapp-float:hover{

background:#1ebc59;

}


@media(max-width:768px){

.services-container{

grid-template-columns:1fr;

}

.reviews{

grid-template-columns:1fr;

}

.hero h2{

font-size:28px;

}

}