body{font-family:Arial}.hero{background:#333;padding:120px 0;color:#fff;text-align:center}.footer{background:#222;color:#fff;padding:20px;text-align:center}



.hero-services {
    background: url('/images/banner.jpg') center/cover no-repeat;
    padding: 120px 0;
    color: #fff;
    position: relative;
}

.hero-services::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65);
}

.hero-services .content {
    position: relative;
    z-index: 2;
}




.navbar-brand .text-gradient {
    background: linear-gradient(90deg, #FF7F50, #FFD700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-link {
    position: relative;
    transition: color 0.3s;
   
}

    .nav-link::after {
        content: '';
        position: absolute;
        width: 0%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #FFD700;
        transition: width 0.3s;
    
    }

    .nav-link:hover::after {
        width: 100%;
    }

    .nav-link:hover {
        color: #FFD700 !important;
    }


.service-box {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    transition: 0.3s;
}

    .service-box:hover {
        transform: translateY(-6px);
    }

.service-img {
    border-radius: 12px;
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.section-title {
    font-size: 38px;
    font-weight: 700;
}