body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
        }
        .hero {
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('cover.jpg') center/cover no-repeat;
            color: white;
            height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
        }
        .hero p {
            font-size: 1.2rem;
        }
        .about img {
            max-width: 100%;
            border-radius: 10px;
        }
        .services i {
            color: #007bff;
            transition: transform 0.3s ease-in-out;
        }
        .services i:hover {
            transform: scale(1.2);
        }
        footer {
            background: #ffffff;
            color: black;
        }