:root{
    --blue-light:#3e7fb3;
    --blue-main:#1f3f7a;
}

/* =====================================
   GLOBAL PAGE HEADER
===================================== */

.global-page-header {
   background:linear-gradient(135deg,var(--blue-light),var(--blue-main));
    padding: 120px 0 80px;
}

.global-page-header .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.global-page-header .header-line {
    width: 4px;
    height: 80px;
    background: #fff;
    margin-top: 5px;
}

.global-page-header .header-content h1 {
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 800;
    margin: 0;
    color: #fff;
    letter-spacing: 1px;
}

.global-page-header .header-content p {
    margin-top: 12px;
    font-size: 18px;
    color: #fff;
    max-width: 600px;
    line-height: 1.6;
}

/* ================= MOBILE ================= */

@media (max-width: 768px) {

    .global-page-header {
        padding: 80px 0 60px;
        text-align: left;
    }

    .global-page-header .container {
        flex-direction: column;
        gap: 20px;
    }

    .global-page-header .header-line {
        height: 50px;
    }

    .global-page-header .header-content h1 {
        font-size: 28px;
    }

    .global-page-header .header-content p {
        font-size: 15px;
    }
}
section.global-page-header{
    position: relative !important;
    background: linear-gradient(135deg,var(--blue-light),var(--blue-main)) !important;
    z-index:1;
}

section.global-page-header::after{
    content:none !important;
    background:none !important;
}

section.global-page-header::before{
    content:none !important;
    background:none !important;
}
.about-hero-new{
    background: linear-gradient(135deg,var(--blue-light),var(--blue-main));
    padding:160px 20px 120px;
    position:relative;
}

.about-hero-new .container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    gap:40px;
    align-items:flex-start;
}

.about-hero-new h1{
    font-size:52px;
    font-weight:800;
    color:#ffffff;
}

.about-hero-new p{
    color:rgba(255,255,255,.85);
    font-size:20px;
    line-height:1.8;
    margin-top:20px;
}
/* ===============================
   GLOBAL BANNER IMAGE STANDARD
================================= */

.global-page-header .hero-right {
    flex: 0 0 45%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.global-page-header .hero-right img {
    width: 520px;          /* SABİT GENİŞLİK */
    height: 320px;         /* SABİT YÜKSEKLİK */
    object-fit: cover;     /* Oranı bozmaz, kırpar */
    border-radius: 22px;
    box-shadow: 0 35px 80px rgba(0,0,0,.25);
    display: block;
}
.global-page-header.about-hero-split {
    padding: 55px 0;        /* 140px yerine */
}

.global-page-header .hero-row {
    gap: 25px;              /* 80px yerine */
}

/* Görseli biraz küçültelim */
.hero-right img {
    width: 520px;
    height: 300px;
}

/* Başlık biraz küçültülebilir */
.header-content h1 {
    font-size: 44px;
}

@media (max-width:768px){

    .global-page-header .container{
        padding-left:40px !important;
        padding-right:15px !important;
    }

    .hero-row{
        flex-direction:column;
        align-items:center;
    }

    .hero-left{
        max-width:100%;
        text-align:center;
    }

    .hero-right{
        width:100%;
        max-width:100%;
        justify-content:center;
        margin-top:30px;
    }

    .hero-right img{
        width:100%;
        max-width:100%;
        display:block;
        margin:0 auto;
    }

}