.navbar{
    width:90%;
    max-width:1200px;
    height:85px;
    margin:0 auto; 

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;
    padding:0 30px;
    box-sizing:border-box;
}

header{
    width:100%;
    background:#fff;
}

.logo h1{
    font-size:28px;
    font-weight:300;
        color:#555;
    transition:.3s;
    cursor:pointer;
}
.logo h1:hover{
    color:#d3d3d3;
}

.menu{
    display:flex;
    list-style:none;
    gap:35px;
}

.menu a{
    text-decoration:none;
    color:#555;
    font-size:17px;
        color:#555;
    text-decoration:none;
    transition:.3s;
}
.menu a:hover{
    color:#ff7a00;
}

.turuncucizgi{
width: 85px;
    height: 2px;
    background-color: #fd7e14;
    margin-top: 0.3%; 
    margin-left: 20.1%; 
}

.kullanıcıtabanlıhizmetlerbaslik{
font-size :22px;
font-weight:510;
font-color:rgb(85, 79, 79);
margin-top:2.5%;
margin-left:20%;
}


#menu-toggle{
    display:none;
}

.hamburger{
    display:none;
    font-size:34px;
    cursor:pointer;
}


@media (max-width:900px){

    .hamburger{
        display:block;
    }

    .menu{
        position:absolute;
        top:85px;
        right:0;
        width:240px;
        background:white;

        flex-direction:column;
        align-items:flex-start;
        gap:0;

        display:none;
    }

    .menu li{
        width:100%;
    }

    .menu li a{
        display:block;
        width:100%;
        padding:18px 25px;
        border-bottom:1px solid #ddd;
    }


    #menu-toggle:checked ~ .menu{
        display:flex;
    }
}

.telefon{
    font-style: 4px;
}
.ustbar{
    background:rgb(8, 60, 88);
    height:50px;
    width:100%;
}

.ustbar .container{
    width:1140px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:50px;
}

.telefon{
    color:white;
    font-size:18px;
    font-weight:bold;
    margin-left: 25px;
}

.sosyal a{
    color:white;
    margin-left:18px;
    text-decoration:none;
    font-size:18px;
}

.sosyal a:hover{
    color:#d9d9d9;
}







*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Segoe UI,Tahoma,sans-serif;
    background:#fff;
    color:#444;

}

.services{

    width:90%;
    max-width:1400px;
    margin:auto;
    padding:60px 0;

}

.services h1{

    text-align:center;
    font-size:38px;
    margin-bottom:60px;
    color:#222;
    font-weight:600;

}

.service-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:45px 80px;

}

.service-item{

    display:flex;
    align-items:center;
    gap:35px;

}

.service-item i{

    font-size:58px;
    color:#ef4444;
    width:70px;
    text-align:center;
    transition:.35s;

}

.service-item span{

    font-size:22px;
    line-height:1.6;
    color:#555;
    transition:.3s;

}

.service-item:hover i{

    color:#0d6efd;
    transform:scale(1.15);

}

.service-item:hover span{

    color:#0d6efd;

}



@media(max-width:992px){

.service-grid{

    gap:35px;

}

.service-item span{

    font-size:19px;

}

.service-item i{

    font-size:50px;

}

}



@media(max-width:768px){

.services{

    padding:40px 20px;

}

.services h1{

    font-size:30px;

}

.service-grid{

    grid-template-columns:1fr;
    gap:30px;

}

.service-item{

    gap:25px;

}

.service-item i{

    font-size:45px;
    width:55px;

}

.service-item span{

    font-size:18px;

}

}



@media(max-width:480px){

.services h1{

    font-size:26px;

}

.service-item{

    align-items:flex-start;

}

.service-item span{

    font-size:16px;

}

}










.alt-bilgi{
    width:100%;
    background:#0e4761;
    color:white;
    text-align:center;
    padding:45px 20px;
}


.firma{
    font-size:22px;
    margin-bottom:30px;
}


.cizgi{
    width:70%;
    height:1px;
    background:rgba(255,255,255,.2);
    margin:0 auto 25px auto;
}


.copyright{
    font-size:14px;
}


@media (max-width:768px){

    .firma{
        font-size:18px;
    }

    .copyright{
        font-size:12px;
    }

    .cizgi{
        width:90%;
    }

}