:root {
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
}

.navbar-brand img {
    height: 50px;
}

.hero-section {
    background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url('https://www.apex.web.tr/api/placeholder/1920/600');
    background-size: cover;
    color: white;
    padding: 100px 0;
}

.service-card {
    transition: transform 0.3s, background-color 0.3s; /* background-color geçişi ekledik */
    height: 100%;
}

.service-card:hover {
    transform: translateY(-5px);
    background-color: #f0f0f0; /* Üzerine gelindiğinde arka plan rengi değişimi */
}

.service-icon {
    font-size: 2.5rem;
    color: var(--secondary-color);
}

.contact-info i {
    color: var(--secondary-color);
    margin-right: 10px;
}

footer {
    background-color: var(--primary-color);
    color: white;
}