<style>
.org-container{
max-width:1100px;
margin:0 auto;
text-align:center;
font-family:Arial, sans-serif;
}

/* Üstteki Genel Müdür kutusu */
.ceo{
display:inline-block;
background:#0b1f66;
color:white;
padding:15px 30px;
border-radius:12px;
font-weight:bold;
margin-bottom:40px;
}

/* 3 sütun ana alan */
.three-cols{
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}

/* Her bir sütun kutusu */
.col{
background:#f4f6ff;
border:2px solid #0b1f66;
border-radius:12px;
padding:15px;
width:300px;
}

/* Başlıklar */
.col h3{
background:#0b1f66;
color:white;
padding:8px;
border-radius:8px;
font-size:16px;
}

/* Liste */
.col p{
margin:6px 0;
font-size:14px;
font-weight:600;
}
</style>

<div class="org-container">

<div class="ceo">GENEL MÜDÜR</div>

<div class="three-cols">

<!-- 1. KUTU -->
<div class="col">
<h3>Teknikten Sorumlu GMY</h3>
<p>Reasürans ve Ticari Ürün Direktörü</p>
<p>Bireysel Ürün (Elementer/Hayat) Direktörü</p>
<p>Hasar Direktörü</p>
</div>

<!-- 2. KUTU -->
<div class="col">
<h3>Satıştan Sorumlu GMY</h3>
<p>Elementer Sigorta Satış Direktörü</p>
<p>Hayat / Sağlık / BES Satış Direktörü</p>
</div>

<!-- 3. KUTU -->
<div class="col">
<h3>Operasyon ve Destek GMY</h3>
<p>Muhasebe / Tahsilat</p>
<p>Bütçe / Raporlama</p>
<p>Hukuk İşleri</p>
<p>İnsan Kaynakları</p>
</div>

</div>
</div>