.sozlesme-hero-section{
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #0f172a 0%,
        #1e293b 50%,
        #334155 100%
    );

    padding:95px 0 75px;
}

.sozlesme-hero-container{
    max-width:1400px;
    margin:auto;
    padding:0 30px;

    display:grid;
    grid-template-columns:1fr 500px;
    gap:70px;
    align-items:center;
}

.sozlesme-badge{
    display:inline-flex;
    align-items:center;

    background:
    rgba(255,255,255,.08);

    border:
    1px solid rgba(255,255,255,.08);

    color:#fff;

    padding:8px 16px;

    border-radius:50px;

    font-size:13px;
    font-weight:600;

    margin-bottom:18px;
}

.sozlesme-title{
    font-size:56px;
    line-height:1.1;
    font-weight:800;

    color:#fff;

    margin-bottom:18px;
}

.sozlesme-subtitle{
    max-width:760px;

    color:
    rgba(255,255,255,.8);

    font-size:17px;
    line-height:1.9;

    margin-bottom:35px;
}

.sozlesme-features{
    display:grid;
    grid-template-columns:repeat(2,max-content);
    gap:18px 40px;
}

.sozlesme-feature{
    display:flex;
    align-items:center;
    gap:10px;

    color:#fff;

    font-size:15px;
    font-weight:600;
}

.sozlesme-feature i{
    width:32px;
    height:32px;

    border-radius:10px;

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

    background:
    linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    );

    color:#fff;
}

.sozlesme-hero-visual{
    position:relative;
}

.sozlesme-hero-visual img{
    width:100%;
    height:360px;

    object-fit:cover;

    border-radius:28px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.25);
}

/* Glow */

.sozlesme-hero-section::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(59,130,246,.15),
        transparent 70%
    );
}

.sozlesme-hero-section::after{
    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:-120px;
    bottom:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,.05),
        transparent 70%
    );
}

@media(max-width:991px){

    .sozlesme-hero-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .sozlesme-title{
        font-size:40px;
    }

    .sozlesme-features{
        grid-template-columns:1fr;
        justify-content:center;
    }

    .sozlesme-feature{
        justify-content:center;
    }

    .sozlesme-hero-visual{
        display:none;
    }

}

@media(max-width:576px){

    .sozlesme-hero-section{
        padding:70px 0 55px;
    }

    .sozlesme-title{
        font-size:32px;
    }

    .sozlesme-subtitle{
        font-size:14px;
    }

}


.sozlesme-content-section{
    padding:50px 0 70px;
}

.sozlesme-content-container{
    max-width:1400px;
    margin:auto;
    padding:0 30px;
}

.sozlesme-content-card{
    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:24px;

    padding:40px;

    box-shadow:
    0 3px 15px rgba(0,0,0,.04);
}

.sozlesme-content-card h2{
    font-size:34px;
    font-weight:800;

    color:#111827;

    margin-bottom:15px;
}

.sozlesme-intro{
    color:#6b7280;

    font-size:15px;

    line-height:1.9;

    margin-bottom:35px;
}

.sozlesme-item{
    padding:25px 0;

    border-top:1px solid #ececec;
}

.sozlesme-item:first-of-type{
    border-top:none;
    padding-top:0;
}

.sozlesme-item h3{
    font-size:22px;

    font-weight:700;

    color:#111827;

    margin-bottom:14px;
}

.sozlesme-item p{
    font-size:15px;

    line-height:1.9;

    color:#4b5563;

    margin:0;
}

.sozlesme-item ul{
    margin:0;
    padding-left:20px;
}

.sozlesme-item li{
    margin-bottom:10px;

    color:#4b5563;

    line-height:1.8;
}

.sozlesme-item li:last-child{
    margin-bottom:0;
}

@media(max-width:768px){

    .sozlesme-content-container{
        padding:0 15px;
    }

    .sozlesme-content-card{
        padding:25px;
    }

    .sozlesme-content-card h2{
        font-size:28px;
    }

    .sozlesme-item h3{
        font-size:19px;
    }

    .sozlesme-item p,
    .sozlesme-item li{
        font-size:14px;
    }

}