body{margin:0;font-family:Arial,sans-serif;color:#333}header{background-color:#fff;color:#004080;padding:10px 20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar-container{display:flex;align-items:center}.navbar-container h1{margin-left:10px;font-size:24px;color:#004080}main{padding:20px}.hero-section{position:relative;width:100%;height:400px;text-align:center;background-color:#004080;color:#fff}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6}.hero-section h1,.hero-section p{position:relative;z-index:1}.hero-section h1{font-size:36px;margin-bottom:10px}.hero-section p{font-size:18px}.social-icons-hero{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:15px}.social-icons-hero a{color:#fff;font-size:24px;transition:color .3s ease}.social-icons-hero a:hover{color:#00e676}.contact-form{background-color:#f0f8ff;padding:40px;border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;margin:40px auto;border-radius:8px}.contact-title,.our-services{text-align:center;color:#004080;margin-bottom:20px;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#004080}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}button{padding:10px;background-color:#004080;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%}button:hover{background-color:#036}.service-cards{display:flex;justify-content:space-around;flex-wrap:wrap}.card{background-color:#e0f2ff;border:1px solid #ccc;padding:20px;width:30%;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:10px;text-align:center}.card img{width:100%;height:auto;border-radius:5px}.card h3{margin:10px 0}#about-us{background-color:#e6f7ff;padding:40px;text-align:center}#about-us h2{color:#004080;margin-bottom:20px}footer{text-align:center;background-color:#004080;color:#fff;padding:10px}#contact{margin:60px 0}.social-icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.social-icons a{color:#004080;font-size:24px;transition:color .3s ease}.social-icons a:hover{color:#00e676}@media (max-width:768px){.service-cards{flex-direction:column;align-items:center}.card{width:80%;margin:10px 0}.hero-section{height:300px}.hero-section h1{font-size:22px}.hero-section p{font-size:16px}.contact-form{padding:20px}.form-group input,.form-group textarea{font-size:14px}}@media (max-width:480px){.hero-section h1{font-size:18px}.hero-section p{font-size:14px}.contact-title{font-size:20px}}