/* Simple Custom CSS - Bootstrap Ke Bad Bhi */

.hero-section {
    /* background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(''); */
    background: url('../images/slider.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 150px 0;
    color: white;
    
}

.service-card {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-10px);
}

.project-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

.footer-section {
    background: #1a1a2e;
    color: white;
    padding: 60px 0 20px;
}

.footer-bottom {
    background: #16213e;
    padding: 20px 0;
    margin-top: 40px;
}