body{background:#0d0d0d;color:#eaeaea;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;}


.navbar{background:#111 !important;}
.navbar .nav-link,.navbar-brand{color:#eaeaea !important;}
.navbar .btn{border-color:#0d6efd;}


.hero{background:#111;padding:80px 0;}

.avatar{width:50%;;border-radius:12px;object-fit:cover;}

.project-card{background:#1a1a1a;border:1px solid #222;transition:transform 0.18s ease,box-shadow 0.18s ease;}

.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.6);}

.tech-badge{font-size:12px;padding:4px 8px;border-radius:8px;background:#222;color:#9cc0ff;}

section{background:#0d0d0d;}

#projects{background:#111;}
#footer{background:#111;}


input.form-control, textarea.form-control {
background:#000 !important;
color:#e7e7e7 !important;
border:1px solid #333;
}
input.form-control::placeholder, textarea.form-control::placeholder {
color:#7a7a7a !important;}


.card-title{color:#fff;}

.card-text,.text-muted{color:#bdbdbd !important;}




        
       
        .services-section {
            padding: 100px 0; 
            background-color: #111; 
        }
        .services-section .section-header {
            text-align: center;
            margin-bottom: 60px;
        }
        .services-section .section-header h2 {
            font-size: 1.2rem;
            font-weight: bold;
            color: #e2e6ea;
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
        }
        .services-section .section-header h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%; 
            transform: translateX(-50%); 
            width: 50px;
            height: 2px;
            background-color: #111; 
        }
        .services-section .section-header p {
            color: #adb5bd; 
            font-size: 0.95rem;
        }

       
        .service-card {
            background-color: #1d1e1f; 
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            height: 100%;
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
            align-items: center; 
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
        }
        .service-card:hover {
            transform: translateY(-5px); 
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        .service-card .icon-wrapper {
            font-size: 2.5rem; 
            color: #adb5bd; 
            margin-bottom: 20px;
        }
        .service-card h4 {
            font-size: 1.25rem;
            font-weight: bold;
            color: #e2e6ea;
            margin-bottom: 10px;
        }
        .service-card p {
            font-size: 0.9rem;
            color: #adb5bd;
            line-height: 1.6;
        }

        
        .intro-text h3 {
            font-size: 30px;
            /* font-weight: bold; */
            color: #e2e6ea;
            margin-bottom: 20px;
        }
        .intro-text p {
            font-size: 1rem;
            color: #adb5bd;
            line-height: 1.8;
        }

       
        @media (max-width: 767.98px) {
            .services-section .intro-text {
                margin-bottom: 40px;
            }
        }


footer{background:#111;border-top:1px solid #222;color:#aaa;padding:40px 0;}
footer a{color:#bdbdbd !important;}