* {
margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif;}
body {display:flex; flex-direction:column; min-height:100vh;}

header {
    background-color: #c6e2ff;
    color: white;
}

.navbar {
    display:flex; align-items:center; justify-content:space-between;
    padding: 15px 40px;
}

.navbar img {height:70px; width:auto;}
.contact a {margin-left:15px; color:white; font-size:1.5rem; transition:0.3s;}
.contact a:hover {transform:scale(1.2); color:#e0f7ff;}


.hero {text-align:center; padding:40px 20px;}
.hero h1 {font-size:2rem; margin-bottom:15px;}
.hero p {font-size:1rem; margin-bottom:20px;}
.btn {padding:12px 30px; background:#fff; color:#036b97; border-radius:25px; text-decoration:none; font-weight:bold; transition:0.3s;}
.btn:hover {transform:scale(1.05); background:#e0f7ff;}


main.content {flex:1; padding:40px 10%; background:#f5f5f5;}
section {margin-bottom:50px;}
h2 {margin-bottom:20px; color:#036b97;}


.service-list {display:flex; flex-wrap:wrap; gap:30px;}
.service-card {background:white; padding:25px; border-radius:12px; flex:1 1 250px; text-align:center; transition:0.3s;}
.service-card:hover {transform:translateY(-5px) scale(1.02); box-shadow:0 10px 25px rgba(0,0,0,0.2);}


footer {background:#c6e2ff; color:white; text-align:center; padding:20px;}