.navbar {
    height: 90px; /* sabit yükseklik */
}

.hero {
    background: 
        linear-gradient(
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.55)
        ),
        url("../img/hero.jpg") center center / cover no-repeat;

    padding: 140px 0;
    margin-top: 64px;  /* navbar yüksekliği kadar */
}


.service-box {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    height: 100%;
}

.service-box:hover {
    transform: translateY(-3px);
    transition: 0.2s;
}

.logo {
    height: 140px;     /* navbar için ideal */
    width: auto;
  /*   filter: brightness(0) invert(1);  */
}

.navbar {
    padding-top: 6px;
    padding-bottom: 6px;
}