:root {}

.navbar-brand span {
    font-weight: 600;
}

.hero {
    background: #05070a url("../img/hero-bg.jpg") center/cover no-repeat;
    color: #fff;
    padding: 120px 0 100px;
}

.hero-overlay {
    background: rgba(0, 0, 0, 0.65);
}

.hero h1 {
    font-weight: 700;
}

.section-title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .9rem;
    color: #999;
}

.service-card {
    transition: transform .2s ease, box-shadow .2s ease;
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.benefit .card {
    color: var(--bs-gray-400);
}



.badge-accent {
    background: #ff5722;
}

.text-accent {
    color: #ff5722;
}

.bg-dark-section {
    background: #0f1115;
    color: #fff;
}

.bg-dark-section .card {
    background: #171920;
    border: 0;
}

.contact-map {
    min-height: 260px;
    background: #ddd;
}

footer {
    background: #05070a;
    color: #9ea4b0;
    font-size: .9rem;
}