/* =========================================================================
   ozo.css — besiktassatilikdaire.com.tr
   Mevcut RTS temasini GENISLETIR, degistirmez. Yalnizca brief ile gelen yeni
   bolumler (proje kunyesi, iki kolon ic sayfa, makale listesi, yan kutu) icin.
   Palet: lacivert #00357a · altin #c8a24b · notr #d9d9d9
   ========================================================================= */
:root{
  --ozo-navy:#00357a; --ozo-navy-d:#002a61; --ozo-navy-l:#eaf0f7;
  --ozo-gold:#c8a24b; --ozo-neutral:#d9d9d9; --ozo-ink:#1c2539; --ozo-body:#5d666f;
}

/* ---------- ic sayfa: iki kolon ---------- */
.ozo-prose > .ozo-lead{ margin-bottom:28px; }
.ozo-prose > .ozo-lead img{
  width:100%; height:auto; border-radius:10px; display:block;
}
.ozo-prose .ozo-lead-text{
  font-size:19px; line-height:1.75; color:var(--ozo-ink); font-weight:500;
  border-left:4px solid var(--ozo-gold); padding-left:18px; margin:0 0 26px;
}
.ozo-prose p.disc{ font-size:16.5px; line-height:1.85; color:var(--ozo-body); margin:0 0 18px; }
.ozo-prose h2.title{ font-size:30px; line-height:1.3; color:var(--ozo-ink); margin:0 0 16px; }
.ozo-prose a{ color:var(--ozo-navy); }
.ozo-prose a:hover{ color:var(--ozo-gold); }

/* ---------- makale listesi (icgoruler / deger uretimi) ---------- */
.ozo-article{ position:relative; padding:0 0 34px; margin-bottom:34px; border-bottom:1px solid var(--ozo-neutral); }
.ozo-article:last-child{ border-bottom:0; margin-bottom:0; }
.ozo-article-no{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:.14em;
  color:var(--ozo-gold); margin-bottom:10px;
}
.ozo-article h2.title{ font-size:26px; }

/* ---------- proje kunyesi ---------- */
.ozo-facts{
  background:var(--ozo-navy-l); border:1px solid var(--ozo-neutral);
  border-radius:10px; padding:26px 28px 10px; margin:0 0 32px;
}
.ozo-facts-title{
  font-size:13px !important; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ozo-gold); margin:0 0 18px !important;
}
.ozo-fact-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 30px; margin:0; }
.ozo-fact{ border-top:1px solid var(--ozo-neutral); padding:13px 0; }
.ozo-fact dt{ font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ozo-body); margin:0 0 4px; }
.ozo-fact dd{ font-size:15px; line-height:1.55; color:var(--ozo-navy); font-weight:600; margin:0; }
@media (max-width:767px){ .ozo-fact-grid{ grid-template-columns:1fr; } .ozo-facts{ padding:22px 20px 6px; } }

/* ---------- yan kutu ---------- */
.ozo-aside{ position:sticky; top:110px; }
.ozo-aside-card{ background:#fff; border:1px solid var(--ozo-neutral); border-radius:10px; padding:26px 24px; }
.ozo-aside-card h5.title{ font-size:17px; color:var(--ozo-ink); margin:0 0 14px; }
.ozo-aside-cta{ background:var(--ozo-navy); border-color:var(--ozo-navy); }
.ozo-aside-cta h5.title, .ozo-aside-cta p{ color:#fff; }
.ozo-aside-cta p{ font-size:14.5px; line-height:1.7; margin:0 0 18px; opacity:.9; }
.ozo-aside-cta .rts-btn{ background:var(--ozo-gold); border-color:var(--ozo-gold); color:#12203a; }
.ozo-aside-cta .rts-btn:hover{ background:#fff; border-color:#fff; color:var(--ozo-navy); }
.ozo-aside-links{ list-style:none; padding:0; margin:0; }
.ozo-aside-links li{ border-bottom:1px solid var(--ozo-neutral); }
.ozo-aside-links li:last-child{ border-bottom:0; }
.ozo-aside-links a{ display:block; padding:11px 0; font-size:14.5px; color:var(--ozo-ink); text-decoration:none; }
.ozo-aside-links a:hover{ color:var(--ozo-navy); padding-left:5px; transition:.25s; }
@media (max-width:991px){ .ozo-aside{ position:static; } }

/* ---------- deger uretimi: sira numarasi ---------- */
.ozo-goal-no{
  display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px;
  border-radius:10px; background:var(--ozo-navy-l); color:var(--ozo-navy);
  font-size:16px; font-weight:700;
}
.single-business-solution-2 .info h5.title a{ color:var(--ozo-ink); text-decoration:none; }
.single-business-solution-2 .info h5.title a:hover{ color:var(--ozo-navy); }

/* ---------- hero: 3 satirli baslikta hayalet yazi cakismasin ---------- */
.banner-three .swiper-slide .banner-three-inner::after{ opacity:.28; }

/* ---------- menu: 8 madde tek satirda kalsin ---------- */
@media (min-width:1200px) and (max-width:1560px){
  .main-header .nav-area .parent-nav > li > a,
  nav.nav-main ul.mainmenu > li > a{ font-size:14px; padding-left:9px; padding-right:9px; }
}

/* ---------- 'Secili Isler' bolumu: temanin -17% ust bindirmesi bizim
   kompozisyonumuzda onceki kart seridini ortuyordu; akisa alindi. ---------- */
.rts-feature-area{ margin-top:0 !important; }
.rts-feature-area .bg-white-feature{ padding:0 60px; }
@media (max-width:991px){ .rts-feature-area .bg-white-feature{ padding:0 20px; } }
.rts-business-case-area{ padding-bottom:70px; }
.rts-business-case-area .ozo-more-row{ margin-top:40px; }

/* =========================================================================
   MOBIL DUZELTMELERI — bu sorunlar temada zaten vardi (orijinalde de logo ile
   "Portfoylerimiz" ust uste biniyor, hero basligi ekrandan tasiyordu).
   ========================================================================= */
@media (max-width:1199px){
  /* ust bar: logo / buton / dil ust uste binmesin */
  .header-three .main-header-three{ align-items:center; }
  .header-three .main-header-three > .col-lg-3{ flex:0 0 auto; width:auto; max-width:52%; }
  .header-three .main-header-three > .col-xl-3{ flex:1 1 auto; width:auto; }
  .header-three .main-header-three a.thumbnail-logo img{ padding:16px 8px; max-width:150px; height:auto; }
  .header-three .main-header-three .right{ margin-right:0; gap:6px; justify-content:flex-end; flex-wrap:nowrap; }
  .header-three .main-header-three .right .rts-btn{ padding:9px 12px; font-size:13px; white-space:nowrap; }
}
@media (max-width:575px){
  .header-three .main-header-three a.thumbnail-logo img{ max-width:120px; padding:12px 6px; }
  .header-three .main-header-three .right .rts-btn{ padding:8px 10px; font-size:12px; }
}

/* hero: baslik ekrandan tasmasin, butonlar duzgun sarilsin */
@media (max-width:1199px){
  .banner-three-inner .subtitle-banner{ font-size:12px; letter-spacing:.12em; display:block; }
  .banner-three-inner p.disc{ font-size:15.5px !important; }
  .banner-three-inner p.disc span{ font-size:15.5px !important; }
  .banner-three-inner .button-group{ display:flex; flex-wrap:wrap; gap:12px; }
  .banner-three-inner .button-group .rts-btn{ margin:0 !important; }
  .banner-three .swiper-button-next, .banner-three .swiper-button-prev{ display:none; }
}
@media (max-width:575px){
  .banner-three-inner .button-group .rts-btn{ flex:1 1 100%; text-align:center; }
}

/* ic sayfa basligi tasmasin */
@media (max-width:991px){
  .rts-breadcrumb-area .breadcrumb-1 .title{ font-size:clamp(24px,5.4vw,36px); line-height:1.2; overflow-wrap:anywhere; }
  .rts-breadcrumb-area .bread-tag{ flex-wrap:wrap; }
}

/* hizmet/kart izgaralari ve iki kolon mobilde rahat nefes alsin */
@media (max-width:991px){
  .ozo-prose p.disc{ font-size:16px; }
  .rts-feature-area .bg-white-feature{ padding:0 14px; }
  .cta-one-inner{ flex-wrap:wrap; gap:16px; justify-content:center; text-align:center; }
  .cta-one-inner .cta-left h3.title{ font-size:20px; line-height:1.4; }
}

/* ---------- hero basligi: tema 100px kullaniyor, cok buyuk kaciyordu ----------
   Tek akiskan olcek: 1920px'te 42px, 1440'ta 42px, 1024'te ~33px, 390'da 24px. */
.banner-three-inner .title{
  font-size:clamp(24px, 2.95vw, 42px) !important;
  line-height:1.18 !important;
  margin-bottom:14px;
  overflow-wrap:anywhere;
}
.banner-three-inner .subtitle-banner{ font-size:13px; letter-spacing:.16em; }
.banner-three-inner p.disc,
.banner-three-inner p.disc span{ font-size:16.5px !important; line-height:1.7 !important; }
@media (max-width:991px){
  .banner-three-inner .subtitle-banner{ font-size:11.5px; letter-spacing:.12em; }
  .banner-three-inner p.disc,
  .banner-three-inner p.disc span{ font-size:15px !important; }
}

/* =========================================================================
   HEADER — kardes sitedeki duzen (animasyonlu logo · ortalanmis menu ·
   masaustunde yan sidebar YOK). Tema gorseli aynen korunur.
   ========================================================================= */
.logo-anim{
  position:relative; display:inline-block !important; vertical-align:middle;
  height:58px; line-height:0;
}
.logo-anim .logo-img{ height:100%; width:auto; max-width:none; will-change:opacity,filter,transform; }
.logo-anim .logo-img.logo-first{ display:block; animation:ozoLogoA 7s ease-in-out infinite; }
.logo-anim .logo-img.logo-second{
  position:absolute; top:0; bottom:0; left:0; margin:auto 0;
  height:150%; width:auto; opacity:0; transform-origin:left center;
  animation:ozoLogoB 7s ease-in-out infinite;
}
@keyframes ozoLogoA{
  0%,42%{ opacity:1; filter:blur(0); transform:scale(1); }
  50%,92%{ opacity:0; filter:blur(12px); transform:scale(1.06); }
  100%{ opacity:1; filter:blur(0); transform:scale(1); }
}
@keyframes ozoLogoB{
  0%,42%{ opacity:0; filter:blur(12px); transform:scale(1.06); }
  50%,92%{ opacity:1; filter:blur(0); transform:scale(1); }
  100%{ opacity:0; filter:blur(12px); transform:scale(1.06); }
}
@media (prefers-reduced-motion:reduce){
  .logo-anim .logo-img.logo-first{ animation:none; opacity:1; filter:none; transform:none; }
  .logo-anim .logo-img.logo-second{ animation:none; opacity:0; }
}

/* logo kolonu */
.ozo-logo-col{ display:flex; align-items:center; }
.header-three .main-header-three .ozo-logo-col .logo-anim{ height:52px; }
.header-three .sticky-header .ozo-logo-col .logo-anim{ height:44px; }

/* menu: ortalanmis, ikonsuz, sik aralikli */
@media (min-width:1200px){
  .header-three .ozo-nav-col{ display:flex !important; justify-content:center; align-items:center; }
  .header-three nav.nav-main ul.mainmenu{ justify-content:center; flex-wrap:nowrap; margin:0; }
  .header-three nav.nav-main ul.mainmenu > li{ margin-right:0; white-space:nowrap; }
  .header-three nav.nav-main ul.mainmenu > li > a{ padding:0 9px; font-size:15px; }
  .header-three nav.nav-main ul.mainmenu > li > a .ozo-nav-ico{
    width:17px; height:17px; margin-right:5px; vertical-align:-3px; opacity:.85;
  }
  .header-three .ozo-right-col .right{ margin-right:0; justify-content:flex-end; flex-wrap:nowrap; gap:8px; }
  .header-three .ozo-right-col .right .rts-btn{ white-space:nowrap; }
}
@media (min-width:1200px) and (max-width:1499px){
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:44px; }
  .header-three nav.nav-main ul.mainmenu > li > a{ padding:0 6px; font-size:13.5px; }
  .header-three nav.nav-main ul.mainmenu > li > a .ozo-nav-ico{ width:15px; height:15px; margin-right:4px; }
  .header-three .ozo-right-col .right .rts-btn{ padding:10px 14px; font-size:13.5px; }
}
/* acilir menu okunun maddeye yapismasi */
.header-three nav.nav-main ul.mainmenu > li.has-droupdown > a::after{ margin-left:5px; }
/* mobil menude de ikon yok, satirlar sik */
.rts-sidebar-menu-desktop .mainmenu > li > a{ padding-left:0; }

/* masaustunde yan sidebar acici yok */
@media (min-width:1200px){
  #menu-btn, .rts-sidebar-menu-desktop{ display:none !important; }
}
/* acilir menuler sagda tasmasin */
.mainmenu li.has-droupdown .submenu{ min-width:250px; }
.mainmenu > li:nth-last-child(-n+2).has-droupdown .submenu{ left:auto; right:0; }

@media (max-width:1199px){
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:40px; }
  .header-three .main-header-three .ozo-logo-col{ max-width:56%; }
}
@media (max-width:575px){
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:34px; }
}

/* =========================================================================
   ANA SAYFA DUZEN CILASI — temanin 5 bolumluk kurgusuna 9 bolum eklendi,
   birkac yerde denge bozuluyordu.
   ========================================================================= */

/* 1) Hizmet kartlari: 7 kart -> son satir ortalanir, kart yuksekligi esitlenir */
.rts-service-area .background-service{ justify-content:center; }
.rts-service-area .service-one-inner{ height:100%; }
.rts-service-area .background-service > [class*="col-"]{ display:flex; }
/* hizmet kartinda metin KIRPILMAZ; satirdaki kartlar en uzuna gore esitlenir */
.rts-service-area .service-details .disc{ font-size:15px; line-height:1.75; }
.rts-service-area .service-one-inner{ display:flex; flex-direction:column; }

/* 2) Kart seritleri ekran kenarina yapismasin */
.rts-business-case-area .container-cusiness-case-h2{ padding-left:24px; padding-right:24px; }
@media (min-width:1400px){
  .rts-business-case-area .container-cusiness-case-h2{ padding-left:60px; padding-right:60px; }
}

/* 3) Secili Isler gorselleri: esit ve dolgun */
.rts-feature-area .feature-left-area{ margin-top:0; justify-content:center; align-items:center; }
.rts-feature-area .feature-left-area img{
  width:100% !important; max-width:520px; height:340px; object-fit:cover;
  border-radius:14px; margin:24px 0 !important;
}
@media (max-width:991px){ .rts-feature-area .feature-left-area img{ height:260px; } }

/* 4) Icgoru kartlari: gorsel yuksekligi ve kart yuksekligi esit */
.rts-latest-blog-three .row > [class*="col-"]{ display:flex; }
.rts-latest-blog-three .blog-three-wrapepr{ width:100%; display:flex; flex-direction:column; }
.rts-latest-blog-three .blog-three-wrapepr .main-thumbnail{ display:block; overflow:hidden; }
.rts-latest-blog-three .blog-three-wrapepr .main-thumbnail img{
  width:100%; height:230px; object-fit:cover; display:block;
}
.rts-latest-blog-three .blog-three-wrapepr .blog-body{ flex:1 1 auto; display:flex; flex-direction:column; }
.rts-latest-blog-three .blog-three-wrapepr .body{ flex:1 1 auto; display:flex; flex-direction:column; }
.rts-latest-blog-three .blog-three-wrapepr .body .disc{
  flex:1 1 auto; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.rts-latest-blog-three .blog-three-wrapepr .body h5.title{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em;
}

/* 5) SSS bolumu: temanin dev dekoratif lekeleri basligi bogmasin */
.rts-faq-area{ position:relative; z-index:1; background:#fff; }
.rts-faq-area::before, .rts-faq-area::after{ display:none !important; }
.rts-faq-area .accordion-item{ margin-bottom:12px; border:1px solid var(--ozo-neutral); border-radius:10px; overflow:hidden; }
.rts-faq-area .accordion-button{ font-size:16.5px; font-weight:600; color:var(--ozo-ink); padding:18px 22px; }
.rts-faq-area .accordion-button:not(.collapsed){ background:var(--ozo-navy-l); color:var(--ozo-navy); box-shadow:none; }
.rts-faq-area .accordion-body{ font-size:16px; line-height:1.8; color:var(--ozo-body); padding:4px 22px 20px; }

/* 6) Deger uretimi gorseli */
.rts-business-goal .business-goal-one img{
  width:100%; height:520px; object-fit:cover; border-radius:14px;
}
@media (max-width:991px){ .rts-business-goal .business-goal-one img{ height:280px; } }

/* 7) Dekoratif hayalet yazilar yeni bolumlerde soluk kalsin */
.rts-business-case-area .rts-title-area::before,
.rts-latest-blog-three .title-area::before{ opacity:.25; }

/* ---------- temanin dekoratif "hayalet kelime"si her bolume ozel ----------
   Tema bunu bolum basina sabitlemis (.business -> "Videolar" gibi); yeni
   bolumlerimizde yanlis kelime cikiyordu. */
.rts-title-area.ozo-g-hizmet::after{ content:"Our Services" !important; }
.rts-title-area.ozo-g-bolge::after { content:"Areas" !important; }
.rts-title-area.ozo-g-proje::after { content:"Projects" !important; }
.rts-title-area.ozo-g-isler::after { content:"Track Record" !important; }
.rts-title-area.ozo-g-sss::after   { content:"Questions" !important; }
.rts-business-goal .rts-title-area.business::after{ content:"Value" !important; }
.rts-title-area::after{ opacity:.30; }

/* "Tum ..." butonu kart seridine yapismasin */
.rts-business-case-area .ozo-more-row{ margin-top:52px; }

/* ---------- slayt sayaclari (1/7, 2/2) istenmiyor ---------- */
.swiper-pagination-fraction,
.banner-three .swiper-pagination,
.rts-business-case-area .swiper-pagination{ display:none !important; }

/* ---------- hero yuksekligi ~%20 arttirildi ---------- */
.banner-three-inner{ padding:290px 0 150px 0 !important; }
@media (max-width:1399px){ .banner-three-inner{ padding:246px 0 132px 0 !important; } }
@media (max-width:991px){  .banner-three-inner{ padding:180px 0 104px 0 !important; } }
@media (max-width:575px){  .banner-three-inner{ padding:142px 0 86px 0 !important; } }

/* ---------- menu seridi (logo + menu satiri) biraz daha yuksek ---------- */
@media (min-width:1200px){
  .header-three .main-header-three{ min-height:104px; align-items:center; }
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:60px; }
  .header-three .main-header-three a.thumbnail-logo img{ padding:34px 6px 34px 12px; }
  .header-three nav.nav-main ul.mainmenu > li > a{ line-height:104px; }
  .header-three .sticky-header .main-header-three{ min-height:86px; }
  .header-three .sticky-header .ozo-logo-col .logo-anim{ height:50px; }
  .header-three .sticky-header nav.nav-main ul.mainmenu > li > a{ line-height:86px; }
}
@media (min-width:1200px) and (max-width:1499px){
  .header-three .main-header-three{ min-height:94px; }
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:52px; }
  .header-three nav.nav-main ul.mainmenu > li > a{ line-height:94px; }
}
@media (max-width:1199px){
  .header-three .main-header-three{ min-height:86px; align-items:center; }
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:46px; }
}
@media (max-width:575px){
  .header-three .main-header-three{ min-height:74px; }
  .header-three .main-header-three .ozo-logo-col .logo-anim{ height:38px; }
}

/* logo ile ilk menu maddesi arasinda nefes payi */
@media (min-width:1200px){
  .header-three .ozo-nav-col{ padding-left:18px; }
}

/* ---------- ust bar sosyal ikonlari (Instagram · LinkedIn · YouTube · Facebook · WhatsApp) ---------- */
.header-top-three a.ozo-social{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:22px; margin-left:0; color:var(--ozo-ink);
  transition:color .25s ease, transform .25s ease;
}
.header-top-three a.ozo-social:hover{ color:var(--ozo-navy); transform:translateY(-2px); }
.header-top-three a.ozo-social i{ font-size:16px; }
@media (max-width:1199px){ .header-top-three a.ozo-social{ width:24px; } }
@media (max-width:767px){ .header-top-three a.ozo-social{ width:22px; } .header-top-three a.ozo-social i{ font-size:15px; } }

/* =========================================================================
   YUKARI CIK BUTONU (.progress-wrap)
   · OZO baslaticisiyla ust uste biniyordu -> OZO'nun USTUNE alindi
   · ikonu "unicons" fontundan geliyordu ve yuklenmiyordu (bos kare) ->
     ikon CSS ile ciziliyor, fonta bagimli degil
   ========================================================================= */
.progress-wrap{ right:26px !important; bottom:104px !important; z-index:9990; }
.progress-wrap::before,
.progress-wrap::after{
  content:"" !important; font-family:inherit !important;
  border:none !important; box-shadow:none !important;
  position:absolute; left:50%; top:52%;
  width:11px; height:11px;
  border-left:2.5px solid var(--ozo-navy) !important;
  border-top:2.5px solid var(--ozo-navy) !important;
  transform:translate(-50%,-50%) rotate(45deg);
  opacity:1 !important; transition:opacity .25s ease;
}
.progress-wrap::after{ opacity:0 !important; }
.progress-wrap:hover::before{ opacity:1 !important; }
.progress-wrap:hover::after{ opacity:0 !important; }
.progress-wrap svg{ background:#fff; border-radius:50%; box-shadow:0 8px 22px rgba(0,26,58,.22); }
@media (max-width:991px){ .progress-wrap{ right:20px !important; bottom:96px !important; } }
@media (max-width:575px){ .progress-wrap{ right:16px !important; bottom:88px !important; width:40px; height:40px; } }

/* ---------- "AL - SAT - KİRALA" dekoratif yazisi menunun arkasina dusuyordu ---------- */
.banner-three-inner::after{
  top:34% !important;
  line-height:1.05 !important;
  opacity:.22;
  z-index:0;
}
@media (max-width:1399px){ .banner-three-inner::after{ top:32% !important; } }
@media (max-width:991px){  .banner-three-inner::after{ top:30% !important; } }
@media (max-width:575px){  .banner-three-inner::after{ top:28% !important; } }

/* ---------- ust bar: sosyal aglar 5'e cikinca sikisti, alt satira dusuyordu ---------- */
.header-top-three .header-top-right{
  display:flex; align-items:center; flex-wrap:nowrap; gap:10px; justify-content:flex-end;
}
.header-top-three .header-top-right .single-right{ white-space:nowrap; margin:0; }
.header-top-three .header-top-right .single-right a,
.header-top-three .header-top-right .single-right span,
.header-top-three .header-top-right .single-right p{ white-space:nowrap; }
.header-top-three .header-top-right > a{ white-space:nowrap; }
.header-top-three .top-left{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; }
@media (min-width:1200px) and (max-width:1560px){
  .header-top-three .header-top-right{ gap:10px; font-size:14px; }
  .header-top-three a.ozo-social{ width:23px; }
  .header-top-three a.ozo-social i{ font-size:15px; }
}
/* dar ekranda soldaki duyuru cikar, sag taraf rahatlar */
@media (max-width:1399px){ .header-top-three .top-left{ display:none !important; } }
@media (max-width:991px){
  .header-top-three .header-top-right{ flex-wrap:wrap; gap:8px 12px; justify-content:center; }
  .header-top-three .header-top-right .single-right.email{ display:none; }
}

/* =========================================================================
   HIZMETLERIMIZ — acik gri panel, ikon solda, ince ayrac izgarasi
   (musteri referans tasarimi). 2 satir: 4 kisa + 3 uzun.
   ========================================================================= */
.ozo-svc-panel{
  position:relative; overflow:hidden; border-radius:6px;
  background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%);
  padding:26px 34px;
}
.ozo-svc-panel::before,
.ozo-svc-panel::after{
  content:""; position:absolute; width:340px; height:340px; pointer-events:none;
  background:linear-gradient(135deg, rgba(0,53,122,.05), rgba(0,53,122,0));
  transform:rotate(45deg);
}
.ozo-svc-panel::before{ left:-150px; top:-190px; }
.ozo-svc-panel::after{ right:-150px; bottom:-190px; }
.ozo-svc-grid{ --ozo-line:#e4e7ec; position:relative; z-index:1; }
.ozo-svc-grid > [class*="col-"]{ display:flex; padding:0; }
.ozo-svc{
  display:flex; gap:16px; width:100%; padding:30px 26px;
  border-right:1px solid var(--ozo-line);
}
.ozo-svc-row1 > [class*="col-"]:last-child .ozo-svc,
.ozo-svc-row2 > [class*="col-"]:last-child .ozo-svc{ border-right:0; }
.ozo-svc-row1{ border-bottom:1px solid var(--ozo-line); }
.ozo-svc-ico{ flex:none; width:52px; height:52px; display:flex; align-items:flex-start; }
.ozo-svc-ico img{ width:52px; height:52px; object-fit:contain; }
.ozo-svc-body{ min-width:0; }
.ozo-svc-body h3.title{
  font-size:18.5px; font-weight:700; color:var(--ozo-ink); line-height:1.3; margin:2px 0 10px;
}
.ozo-svc-body p.disc{ font-size:15.5px; line-height:1.7; color:var(--ozo-body); margin:0 0 10px; }
.ozo-svc-body p.disc:last-child{ margin-bottom:0; }
.ozo-svc-list{ list-style:none; padding:0; margin:0; }
.ozo-svc-list li{
  position:relative; padding-left:16px; font-size:15.5px; line-height:1.75; color:var(--ozo-body);
}
.ozo-svc-list li::before{
  content:""; position:absolute; left:0; top:.78em; width:6px; height:6px;
  border-radius:50%; background:var(--ozo-gold);
}
@media (max-width:1199px){
  .ozo-svc-panel{ padding:20px 22px; }
  .ozo-svc-grid > [class*="col-"]:nth-child(2n) .ozo-svc{ border-right:0; }
  .ozo-svc-grid > [class*="col-"]:nth-child(2n+1) .ozo-svc{ border-right:1px solid var(--ozo-line); }
  .ozo-svc-row1 > [class*="col-"]:nth-child(-n+2) .ozo-svc{ border-bottom:1px solid var(--ozo-line); }
}
@media (max-width:767px){
  .ozo-svc-panel{ padding:12px 14px; }
  .ozo-svc{ border-right:0 !important; padding:24px 6px; border-bottom:1px solid var(--ozo-line); }
  .ozo-svc-row2 > [class*="col-"]:last-child .ozo-svc{ border-bottom:0; }
  .ozo-svc-row1{ border-bottom:0; }
}

/* ---------- ust bar: sosyal aglar 5'e cikinca sikisti, alt satira dusuyordu ---------- */
.header-top-three .header-top-right{
  display:flex; align-items:center; flex-wrap:nowrap; gap:14px; justify-content:flex-end;
}
.header-top-three .header-top-right .single-right{ white-space:nowrap; margin:0; }
.header-top-three .header-top-right .single-right a,
.header-top-three .header-top-right .single-right span,
.header-top-three .header-top-right .single-right p{ white-space:nowrap; }
.header-top-three .header-top-right > a{ white-space:nowrap; }
.header-top-three .top-left{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; }
@media (min-width:1200px) and (max-width:1560px){
  .header-top-three .header-top-right{ gap:10px; font-size:14px; }
  .header-top-three a.ozo-social{ width:23px; }
  .header-top-three a.ozo-social i{ font-size:15px; }
}
/* dar ekranda soldaki duyuru cikar, sag taraf rahatlar */
@media (max-width:1399px){ .header-top-three .top-left{ display:none !important; } }
@media (max-width:991px){
  .header-top-three .header-top-right{ flex-wrap:wrap; gap:8px 12px; justify-content:center; }
  .header-top-three .header-top-right .single-right.email{ display:none; }
}

/* =========================================================================
   HIZMETLERIMIZ — ikon solda, ince ayrac izgarasi (musteri referans tasarimi)
   ========================================================================= */
.ozo-svc-grid{ --ozo-line:#e7e9ee; }
.ozo-svc-grid > [class*="col-"]{ display:flex; padding:0; }
.ozo-svc{
  display:flex; gap:18px; width:100%; padding:34px 30px;
  border-right:1px solid var(--ozo-line); border-bottom:1px solid var(--ozo-line);
  background:#fff; transition:background .3s ease;
}
.ozo-svc:hover{ background:#fafbfc; }
.ozo-svc-grid > [class*="col-"]:nth-child(3n) .ozo-svc{ border-right:0; }
.ozo-svc-grid > [class*="col-"]:nth-last-child(-n+1) .ozo-svc{ border-bottom:0; }
.ozo-svc-ico{ flex:none; width:52px; height:52px; display:flex; align-items:flex-start; }
.ozo-svc-ico img{ width:52px; height:52px; object-fit:contain; }
.ozo-svc-body{ min-width:0; }
.ozo-svc-body h3.title{
  font-size:19px; font-weight:700; color:var(--ozo-ink); line-height:1.3; margin:2px 0 10px;
}
.ozo-svc-body p.disc{ font-size:15.5px; line-height:1.7; color:var(--ozo-body); margin:0 0 12px; }
.ozo-svc-list{ list-style:none; padding:0; margin:0 0 14px; }
.ozo-svc-list li{
  position:relative; padding-left:16px; font-size:15.5px; line-height:1.7; color:var(--ozo-body);
}
.ozo-svc-list li::before{
  content:""; position:absolute; left:0; top:.72em; width:6px; height:6px;
  border-radius:50%; background:var(--ozo-gold);
}
.ozo-svc-more{
  display:inline-flex; align-items:center; gap:12px; margin-top:6px;
  font-size:15px; font-weight:600; color:var(--ozo-ink); text-decoration:none;
}
.ozo-svc-arrow{
  width:38px; height:38px; border-radius:50%; background:#fff;
  box-shadow:0 6px 18px rgba(0,26,58,.12); position:relative; flex:none; transition:.3s;
}
.ozo-svc-arrow::before{
  content:""; position:absolute; left:50%; top:50%; width:9px; height:9px;
  border-top:2px solid var(--ozo-navy); border-right:2px solid var(--ozo-navy);
  transform:translate(-60%,-50%) rotate(45deg);
}
.ozo-svc-more:hover{ color:var(--ozo-navy); }
.ozo-svc-more:hover .ozo-svc-arrow{ background:var(--ozo-navy); box-shadow:0 8px 22px rgba(0,53,122,.3); }
.ozo-svc-more:hover .ozo-svc-arrow::before{ border-color:#fff; }
@media (max-width:1199px){
  .ozo-svc-grid > [class*="col-"]:nth-child(3n) .ozo-svc{ border-right:1px solid var(--ozo-line); }
  .ozo-svc-grid > [class*="col-"]:nth-child(2n) .ozo-svc{ border-right:0; }
}
@media (max-width:767px){
  .ozo-svc{ border-right:0 !important; padding:26px 4px; }
  .ozo-svc-grid > [class*="col-"]:last-child .ozo-svc{ border-bottom:0; }
}

/* =========================================================================
   HEADER SATIRI — sabit yuzdeli kolonlar yuzunden logo menunun ustune
   biniyordu. Satir esnek: logo kendi genisligini alir, menu ortada kalani
   kullanir, sag taraf kendi genisligini alir. Bindirme mumkun degil.
   ========================================================================= */
@media (min-width:1200px){
  .header-three .main-header-three{
    display:flex !important; flex-wrap:nowrap; align-items:center; gap:0;
  }
  .header-three .main-header-three > .col-lg-3,
  .header-three .main-header-three > .ozo-logo-col{
    flex:0 0 auto !important; width:auto !important; max-width:none !important;
    padding-right:28px;
  }
  .header-three .main-header-three > .col-lg-6,
  .header-three .main-header-three > .ozo-nav-col{
    flex:1 1 auto !important; width:auto !important; max-width:none !important;
    min-width:0; padding-left:0;
  }
  .header-three .main-header-three > .col-xl-3,
  .header-three .main-header-three > .ozo-right-col{
    flex:0 0 auto !important; width:auto !important; max-width:none !important;
    padding-left:18px;
  }
  .header-three .ozo-logo-col .logo-anim{ height:56px; }
  .header-three .ozo-logo-col .logo-anim .logo-img.logo-first{ display:block; }
}
@media (min-width:1200px) and (max-width:1499px){
  .header-three .ozo-logo-col .logo-anim{ height:48px; }
  .header-three .main-header-three > .ozo-logo-col{ padding-right:20px; }
}

/* sosyal ikonlar birbirine yakin dursun (aralarinda ayrica bosluk yok) */
.header-top-three a.ozo-social + a.ozo-social{ margin-left:-2px; }
.header-top-three a.ozo-social i{ font-size:15px; }

/* =========================================================================
   KART SERITLERI — tum kartlar esit yukseklikte (ilk kart kisa kaliyordu)
   ========================================================================= */
.rts-business-case-area .swiper{ height:auto !important; padding-bottom:4px; }
.rts-business-case-area .swiper-wrapper{ align-items:stretch; }
.rts-business-case-area .swiper-slide{ height:auto !important; display:flex; }
.rts-business-case-area .rts-business-case-s-2{ height:380px !important; width:100%; }
.rts-business-case-area .rts-business-case-s-2 .thumbnail,
.rts-business-case-area .rts-business-case-s-2 .thumbnail img{
  height:100% !important; width:100%; object-fit:cover; display:block;
}
.rts-business-case-area{ padding-bottom:80px; }
.rts-business-case-area .ozo-more-row{ margin-top:44px; }
@media (max-width:575px){ .rts-business-case-area .rts-business-case-s-2{ height:300px !important; } }

/* =========================================================================
   SECILI ISLER — acik panel + beyaz kartlar, gorsel yok
   ========================================================================= */
.ozo-case-panel{
  position:relative; overflow:hidden; border-radius:8px;
  background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%);
  padding:34px 30px;
}
.ozo-case-panel::before{
  content:""; position:absolute; left:-160px; top:-200px; width:360px; height:360px;
  background:linear-gradient(135deg, rgba(0,53,122,.05), rgba(0,53,122,0));
  transform:rotate(45deg); pointer-events:none;
}
.ozo-case-panel .row > [class*="col-"]{ display:flex; }
.ozo-case{
  background:#fff; border:1px solid #e9ecf1; border-radius:12px;
  padding:28px 26px; width:100%; display:flex; flex-direction:column;
  transition:box-shadow .3s ease, transform .3s ease;
}
.ozo-case:hover{ box-shadow:0 16px 40px rgba(0,26,58,.10); transform:translateY(-3px); }
.ozo-case-tag{
  display:inline-block; align-self:flex-start; font-size:11.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ozo-gold);
  border:1px solid rgba(200,162,75,.4); border-radius:999px; padding:5px 12px; margin-bottom:14px;
}
.ozo-case h3.title{ font-size:19px; font-weight:700; color:var(--ozo-ink); line-height:1.35; margin:0 0 12px; }
.ozo-case p.disc{ font-size:15.5px; line-height:1.75; color:var(--ozo-body); margin:0 0 12px; }
.ozo-case-note{ border-left:3px solid var(--ozo-navy); padding:2px 0 2px 14px; margin-top:14px; }
.ozo-case-label{
  display:block; font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ozo-navy); margin-bottom:5px;
}
.ozo-case-note p{ font-size:15px; line-height:1.7; color:var(--ozo-ink); margin:0; font-weight:500; }
@media (max-width:767px){ .ozo-case-panel{ padding:18px 14px; } }

/* =========================================================================
   NASIL DEGER URETIYORUZ — 5 kart bayragin cevresinde halka; her kart kendi
   sayfasina baglanir (tam metin orada). Kartlarda sag altta silik ikon.
   ========================================================================= */
.ozo-val-ring{ position:relative; min-height:790px; }
/* gorsel biraz asagida dursun — ust-orta kart bayragi ortuyordu */
.ozo-val-mid{
  position:absolute; left:50%; top:58%; transform:translate(-50%,-50%);
  width:min(340px,28%); display:flex; align-items:center; justify-content:center;
}
.ozo-val-mid img{ width:100%; height:auto; }
.ozo-val-card{
  position:absolute; width:29%; background:#fff; border-radius:14px;
  padding:24px 26px 22px; box-shadow:0 16px 44px rgba(0,26,58,.10);
  overflow:hidden; transition:box-shadow .3s ease, transform .3s ease;
}
.ozo-val-card:hover{ box-shadow:0 22px 56px rgba(0,26,58,.16); transform:translateY(-4px); }
.ozo-val-card h3.title{ font-size:18px; font-weight:700; color:var(--ozo-ink); margin:0 0 9px; line-height:1.3; }
.ozo-val-card h3.title a{ color:inherit; text-decoration:none; }
.ozo-val-card h3.title a:hover{ color:var(--ozo-navy); }
.ozo-val-card p.disc{ font-size:15px; line-height:1.7; color:var(--ozo-body); margin:0 0 12px; position:relative; z-index:1; }
.ozo-val-more{
  display:inline-flex; align-items:center; gap:8px; position:relative; z-index:1;
  font-size:13.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ozo-gold); text-decoration:none;
}
.ozo-val-more i{ transition:transform .3s ease; }
.ozo-val-card:hover .ozo-val-more{ color:var(--ozo-navy); }
.ozo-val-card:hover .ozo-val-more i{ transform:translateX(4px); }
.ozo-val-ghost{
  position:absolute; right:-6px; bottom:-10px; font-size:74px; line-height:1;
  color:var(--ozo-navy); opacity:.07; pointer-events:none; z-index:0;
}
/* halka konumlari: ust-orta, ust-sol, ust-sag, alt-sol, alt-sag */
.ozo-val-p1{ top:0;    left:50%; transform:translateX(-50%); width:32%; }
.ozo-val-p2{ top:26%;  left:0; }
.ozo-val-p3{ top:26%;  right:0; }
.ozo-val-p4{ bottom:0; left:5%; }
.ozo-val-p5{ bottom:0; right:5%; }
.ozo-val-p1:hover{ transform:translateX(-50%) translateY(-4px); }

@media (max-width:1399px){ .ozo-val-ring{ min-height:840px; } .ozo-val-card{ width:31%; } .ozo-val-p1{ width:34%; } }
@media (max-width:1199px){
  .ozo-val-ring{ min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .ozo-val-mid{ position:static; transform:none; width:100%; grid-column:1 / -1; order:-1; }
  .ozo-val-mid img{ max-width:290px; margin:0 auto; }
  .ozo-val-card{ position:static; width:auto; transform:none !important; }
}
@media (max-width:767px){
  .ozo-val-ring{ grid-template-columns:1fr; }
  .ozo-val-mid img{ max-width:230px; }
}

.rts-title-area.ozo-g-deger::after{ content:"Value" !important; }

/* =========================================================================
   MENU HOVER — tema, satir yuksekligini artirinca metnin ustunden gecen
   bir cizgi birakiyordu. Tum dekorasyon kapatilir, temiz alt cizgi verilir.
   ========================================================================= */
.header-three nav.nav-main ul.mainmenu > li > a,
.header-three nav.nav-main ul.mainmenu > li > a:hover,
.header-three nav.nav-main ul.mainmenu > li > a:focus,
.header-three nav.nav-main ul.mainmenu > li.current > a{
  text-decoration:none !important; border-bottom:0 !important; box-shadow:none !important;
  background-image:none !important; position:relative;
}
.header-three nav.nav-main ul.mainmenu > li > a::after{
  content:none !important; display:none !important;
}
/* temiz alt cizgi: metnin ALTINDA, sabit konumda */
.header-three nav.nav-main ul.mainmenu > li > a > span.ozo-uline{ display:none; }
.header-three nav.nav-main ul.mainmenu > li{ position:relative; }
.header-three nav.nav-main ul.mainmenu > li::after{
  content:""; position:absolute; left:9px; right:9px; bottom:28px; height:2px;
  background:var(--ozo-gold); transform:scaleX(0); transform-origin:left center;
  transition:transform .28s ease; pointer-events:none;
}
.header-three nav.nav-main ul.mainmenu > li:hover::after,
.header-three nav.nav-main ul.mainmenu > li.current::after{ transform:scaleX(1); }
/* acilir menu oku metne yapismasin */
.mainmenu li.has-droupdown > a::before{ right:-14px !important; }

/* =========================================================================
   "TUM ..." BUTONLARI — tema animasyonu alt koseleri kesik gosteriyordu
   ========================================================================= */
.ozo-more-row .rts-btn,
.ozo-blog-btn{
  display:inline-flex !important; align-items:center; justify-content:center;
  background:var(--ozo-navy) !important; color:#fff !important;
  border:1px solid var(--ozo-navy) !important; border-radius:8px !important;
  padding:15px 34px !important; font-size:15px; font-weight:600; line-height:1.2;
  overflow:visible !important; box-shadow:0 10px 26px rgba(0,53,122,.20);
  transition:background .28s ease, color .28s ease, box-shadow .28s ease;
}
.ozo-more-row .rts-btn::after, .ozo-more-row .rts-btn::before,
.ozo-blog-btn::after, .ozo-blog-btn::before{ content:none !important; display:none !important; }
.ozo-more-row .rts-btn:hover, .ozo-blog-btn:hover{
  background:var(--ozo-gold) !important; border-color:var(--ozo-gold) !important;
  color:#12203a !important; box-shadow:0 12px 30px rgba(200,162,75,.32);
}
.ozo-blog-btn{ margin-top:18px; }

/* =========================================================================
   FOOTER — hizmet linklerine ikon, alt bant kardes site bicimi
   ========================================================================= */
.ozo-f-links{ list-style:none; padding:0; margin:0; }
.ozo-f-links li{ margin-bottom:11px; }
.ozo-f-links li a{
  display:flex; align-items:center; gap:10px; font-size:15px; line-height:1.5;
  color:inherit; text-decoration:none; transition:color .25s ease, transform .25s ease;
}
.ozo-f-links li a i{
  width:19px; flex:none; text-align:center; font-size:13.5px; color:var(--ozo-gold); opacity:.9;
}
.ozo-f-links li a:hover{ color:var(--ozo-navy); transform:translateX(3px); }
.ozo-f-links li a:hover i{ opacity:1; }

/* alt bant */
.ozo-copy .ozo-fb-inner{
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
}
.ozo-copy .ozo-fb-inner p{ margin:0; font-size:15px; }
.ozo-copy .ozo-fb-inner p a{ font-weight:700; color:var(--ozo-navy); text-decoration:none; }
.ozo-copy .ozo-fb-inner p a:hover{ color:var(--ozo-gold); }
.ozo-copy .ozo-fb-social{ display:flex; align-items:center; gap:8px; }
.ozo-copy .ozo-fb-social a{
  width:34px; height:34px; border-radius:50%; display:inline-flex; align-items:center;
  justify-content:center; border:1px solid rgba(0,53,122,.18); color:var(--ozo-navy);
  transition:all .25s ease; text-decoration:none;
}
.ozo-copy .ozo-fb-social a:hover{ background:var(--ozo-navy); border-color:var(--ozo-navy); color:#fff; }
@media (max-width:767px){
  .ozo-copy .ozo-fb-inner{ justify-content:center; text-align:center; }
  .ozo-copy .ozo-fb-inner p{ font-size:14px; }
}

/* =========================================================================
   IC SAYFA BASLIGI — breadcrumb hapi TEK SATIR (wrap iki satira dusuruyordu),
   icerigi kadar genis, saga hizali.
   ========================================================================= */
/* header mutlak konumlu ve ~160px yuksek; baslik altinda kalmasin */
.rts-breadcrumb-area{ padding-top:215px !important; padding-bottom:110px !important; }
.rts-breadcrumb-area .breadcrumb-1 .title{
  font-size:clamp(26px,3.1vw,44px) !important; line-height:1.2 !important;
  overflow-wrap:anywhere; margin:0;
}
.rts-breadcrumb-area .ozo-crumb-col{ display:flex; justify-content:flex-end; }
.rts-breadcrumb-area .bread-tag{
  display:inline-flex !important; flex-wrap:nowrap !important; white-space:nowrap;
  width:auto !important; max-width:100%; margin:0 !important;
  padding:11px 24px !important; align-items:center; gap:0;
  border-radius:999px; overflow:hidden;
}
.rts-breadcrumb-area .bread-tag a{
  font-size:13.5px; margin-right:5px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.rts-breadcrumb-area .bread-tag a.active{ font-weight:700; margin-left:5px; margin-right:0; }
.rts-breadcrumb-area .bread-tag span{ opacity:.45; margin:0 2px; }
@media (max-width:1399px){ .rts-breadcrumb-area .bread-tag a{ font-size:12.5px; } }
@media (max-width:1199px){
  .rts-breadcrumb-area{ padding-top:180px !important; padding-bottom:90px !important; }
}
@media (max-width:991px){
  .rts-breadcrumb-area{ padding-top:150px !important; padding-bottom:70px !important; }
  .rts-breadcrumb-area .ozo-crumb-col{ justify-content:flex-start; margin-top:16px; }
  .rts-breadcrumb-area .bread-tag{ padding:9px 18px !important; }
  .rts-breadcrumb-area .bread-tag a{ font-size:12px; }
}

/* ---------- ic sayfa: metin ve yan kutu banner'a yapismasin ---------- */
.rts-breadcrumb-area + .rts-section-gap{ padding-top:90px; }
.rts-breadcrumb-area + .rts-section-gap .ozo-aside{ top:130px; }
@media (max-width:1199px){ .rts-breadcrumb-area + .rts-section-gap{ padding-top:64px; } }
@media (max-width:767px){ .rts-breadcrumb-area + .rts-section-gap{ padding-top:46px; } }

/* ---------- icgoru kartlari: gorsel KART GENISLIGINDE ----------
   Tema 'max-width:max-content' kullaniyordu, gorsel dogal boyutunda kalip
   kartin icinde kucuk duruyordu. */
.rts-latest-blog-three .blog-three-wrapepr a.main-thumbnail{
  max-width:100% !important; width:100% !important; display:block !important;
  margin:0 !important; border-radius:10px; overflow:hidden;
}
.rts-latest-blog-three .blog-three-wrapepr a.main-thumbnail img{
  max-width:100% !important; width:100% !important; height:250px !important;
  object-fit:cover; display:block; margin:0 !important; border-radius:10px;
}
.rts-latest-blog-three .blog-three-wrapepr:hover a.main-thumbnail img{ transform:scale(1.04); }
@media (max-width:575px){
  .rts-latest-blog-three .blog-three-wrapepr a.main-thumbnail img{ height:210px !important; }
}

/* ---------- SSS: iki sutun ---------- */
.ozo-faq-row .accordion-item{ margin-bottom:14px; }
.ozo-faq-row .accordion-item:last-child{ margin-bottom:0; }
.ozo-faq-row .accordion-button{ font-size:16px; line-height:1.45; padding:17px 20px; }
.ozo-faq-row .accordion-body{ font-size:15.5px; line-height:1.75; padding:4px 20px 18px; }
@media (max-width:991px){ .ozo-faq-row .accordion-button{ font-size:15px; padding:15px 16px; } }