body{
            font-family: 'Poppins', sans-serif;
        }
        .hero{
            background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
                        url('../images/banner1.jpg') center/cover no-repeat;
            height: 90vh;
            color:#fff;
            display:flex;
            align-items:center;
        }
        .hero h1{
            font-size:3.2rem;
            font-weight:700;
        }
        .section-title{
            font-weight:700;
            margin-bottom:40px;
        }
        .card img{
            height:220px;
            object-fit:cover;
        }
        .icon-box{
            background:#f8f9fa;
            padding:30px;
            border-radius:12px;
            transition:.3s;
        }
        .icon-box:hover{
            transform:translateY(-6px);
            box-shadow:0 10px 30px rgba(0,0,0,.1);
        }
        footer{
            background:#111;
            color:#bbb;
        }
        footer a{
            color:#bbb;
            text-decoration:none;
        }