/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Montserrat',sans-serif; background:#f5f9ff; color:#333;}

/* Header */
header{display:flex; justify-content:space-between; align-items:center; padding:15px 40px; background:#0a6ed1; position:fixed; width:100%; top:0; z-index:100;}
header .logo{color:white; font-weight:700; font-size:20px;}
header nav a{color:white; margin:0 12px; text-decoration:none; font-weight:600; transition:0.3s;}
header nav a:hover{color:#ffeb3b;}

/* Hero */
.hero{position:relative; height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; background:url('images/hero.webp') center/cover no-repeat;}
.hero-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:1;}
.hero-content{position:relative; z-index:2; color:white; animation:fadeIn 1.5s;}
.hero-content h1{font-size:48px; margin-bottom:15px;}
.hero-content p{font-size:20px; margin-bottom:25px;}
.btn{background:#25D366; padding:15px 35px; border-radius:50px; color:white; text-decoration:none; font-weight:700; transition:0.3s;}
.btn:hover{background:#1ebe55;}

/* Sections */
.section{padding:100px 20px; text-align:center;}
.section h2{color:#0a6ed1; margin-bottom:50px; font-size:32px;}

/* Service Cards */
.cards{display:flex; justify-content:center; flex-wrap:wrap; gap:25px;}
.card{width:300px; background:white; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.12); transition:0.3s;}
.card:hover{transform:translateY(-10px);}
.card img{width:100%; height:200px; object-fit:cover; border-radius:12px 12px 0 0;}
.card h3{margin:15px 0 10px;}
.card p{padding:0 15px 20px; color:#555; font-size:15px;}

/* Gallery */
.gallery{display:flex; flex-wrap:wrap; justify-content:center; gap:15px;}
.gallery img{width:300px; border-radius:10px; box-shadow:0 6px 15px rgba(0,0,0,0.1); transition:0.3s;}
.gallery img:hover{transform:scale(1.05);}

/* Reviews */
.reviews .review{background:white; padding:20px; margin:10px auto; max-width:600px; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.1); font-style:italic;}

/* Form */
form{display:flex; flex-direction:column; gap:12px; max-width:500px; margin:20px auto;}
input, textarea{padding:15px; border:1px solid #ccc; border-radius:8px;}
button{background:#0a6ed1; color:white; border:none; padding:15px; border-radius:8px; cursor:pointer; font-weight:600; transition:0.3s;}
button:hover{background:#0654a0;}

/* Footer */
footer{background:#0a6ed1; color:white; text-align:center; padding:25px;}

/* Floating WhatsApp */
.float-btn{position:fixed; bottom:25px; right:25px; background:#25D366; color:white; padding:18px 25px; border-radius:50px; text-decoration:none; font-weight:700; box-shadow:0 5px 15px rgba(0,0,0,0.2); transition:0.3s;}
.float-btn:hover{background:#1ebe55;}

/* Animations */
@keyframes fadeIn{from{opacity:0; transform:translateY(-20px);} to{opacity:1; transform:translateY(0);}}