/* =========================================================
   SERIK SIGORTA - TEMIZLENMIS MASTER EK CSS
   08.09.2026

   Bu dosya, kullanicinin mevcut Ek CSS kaynagindan sadeleÅŸtirildi.
   Eski/mukerrer Hakkimizda, Forminator 14859, urun renk sistemi,
   iletisim ve menu deneme bloklarinin superseded surumleri cikartildi.
   ========================================================= */

/* =========================================================
 SERIK SIGORTA - MASTER CSS
 TEMIZ TEK PARCA SURUM
 ========================================================= */


/* =========================================================
 1. GENEL SITE AYARLARI
 ========================================================= */

* {
 box-sizing: border-box;
}

/* =========================================================
   SERIK SIGORTA - HEADER / MENU FINAL 2026
   Tek kaynak: eski header/menu denemelerinin yerine kullanilir.
   ========================================================= */

.header-wrap{
  padding:10px 0 !important;
  background:#FFFFFF !important;
  border-top:0 !important;
  border-bottom:1px solid #E3EBF1 !important;
  box-shadow:0 5px 20px rgba(11,53,78,.055) !important;
}

@media screen and (min-width: 769px){
  .header-wrap .inner-wrap{
    display:flex !important;
    align-items:center !important;
    width:min(1320px,calc(100% - 48px)) !important;
    max-width:1320px !important;
    min-height:82px !important;
    margin:0 auto !important;
    padding:0 !important;
    gap:0 !important;
  }

  .site-branding{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 220px !important;
    width:220px !important;
    min-width:220px !important;
    min-height:72px !important;
    margin:0 34px 0 0 !important;
    float:none !important;
  }

  .site-logo-link{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .site-logo{
    display:block !important;
    width:auto !important;
    max-width:220px !important;
    max-height:72px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  #header-text{display:none !important;}

  .main-navigation{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  .main-navigation .menu-primary-container{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }

  .main-navigation .menu-primary-container > ul,
  #masthead #site-navigation > div > ul{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .main-navigation .menu-primary-container > ul > li,
  #masthead #site-navigation > div > ul > li{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    background:transparent !important;
    overflow:visible !important;
  }

  #masthead .main-navigation .menu > li > a,
  #masthead #site-navigation .menu > li > a,
  .main-navigation .menu-primary-container > ul > li > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:52px !important;
    padding:16px 12px !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    color:#173946 !important;
    -webkit-text-fill-color:#173946 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-decoration:none !important;
  }

  #masthead .main-navigation .menu > li:hover > a,
  #masthead .main-navigation .menu > li.focus > a,
  #masthead .main-navigation .menu > li:focus-within > a,
  #masthead .main-navigation .menu > li.current-menu-item > a,
  #masthead .main-navigation .menu > li.current-menu-ancestor > a,
  #masthead .main-navigation .menu > li.current_page_item > a,
  #masthead .main-navigation .menu > li.current_page_ancestor > a,
  #masthead .main-navigation .menu > li > a:hover,
  #masthead .main-navigation .menu > li > a:focus,
  #masthead .main-navigation .menu > li > a:active{
    color:#0B61B4 !important;
    -webkit-text-fill-color:#0B61B4 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    outline:none !important;
  }

  #masthead .main-navigation .menu > li > a::before{
    content:none !important;
    display:none !important;
  }

  #masthead .main-navigation .menu > li > a::after{
    color:currentColor !important;
    border-color:currentColor !important;
  }

  #masthead .main-navigation .menu > li > a *{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    background:transparent !important;
  }

  /* Arama: Iletisim ile arasinda logo/Ana Sayfa bosluguna yakin denge */
  .header-search-icon{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    margin:0 22px 0 34px !important;
    padding:0 !important;
    transform:none !important;
    color:#0B61B4 !important;
  }

  .header-search-icon:before{
    color:#0B61B4 !important;
    font-size:21px !important;
  }

  /* Header icindeki telefon linki - premium gradient */
  .header-wrap .inner-wrap > a[href^="tel:"],
  #masthead .header-wrap a[href^="tel:"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 205px !important;
    min-width:205px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 24px !important;
    white-space:nowrap !important;
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    background:linear-gradient(135deg,#2F6FAE 0%,#0B61B4 48%,#08A8D9 100%) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:14px !important;
    box-shadow:0 10px 24px rgba(11,97,180,.20), inset 0 1px 0 rgba(255,255,255,.18) !important;
    font-size:14px !important;
    font-weight:750 !important;
    line-height:1 !important;
    text-decoration:none !important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
  }

  .header-wrap .inner-wrap > a[href^="tel:"]:hover,
  #masthead .header-wrap a[href^="tel:"]:hover{
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    transform:translateY(-1px) !important;
    filter:saturate(1.06) brightness(1.02) !important;
    box-shadow:0 13px 30px rgba(11,97,180,.25), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }

  /* Dropdown - tek beyaz sistem */
  #masthead .main-navigation ul ul{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:auto !important;
    min-width:240px !important;
    margin:0 !important;
    padding:8px 0 !important;
    overflow:visible !important;
    background:#FFFFFF !important;
    background-image:none !important;
    border:1px solid #D9E4EC !important;
    border-radius:12px !important;
    box-shadow:0 14px 34px rgba(11,53,78,.12) !important;
    z-index:99999 !important;
  }

  #masthead .main-navigation ul ul li{
    position:relative !important;
    background:#FFFFFF !important;
    overflow:visible !important;
  }

  #masthead .main-navigation ul ul li > a,
  #masthead .main-navigation ul ul li.current-menu-item > a,
  #masthead .main-navigation ul ul li.current_page_item > a,
  #masthead .main-navigation ul ul li.current-menu-ancestor > a,
  #masthead .main-navigation ul ul li.current_page_ancestor > a,
  #masthead .main-navigation ul ul li.focus > a,
  #masthead .main-navigation ul ul li:focus-within > a{
    display:block !important;
    padding:12px 17px !important;
    white-space:normal !important;
    color:#173946 !important;
    -webkit-text-fill-color:#173946 !important;
    background:#FFFFFF !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
  }

  #masthead .main-navigation ul ul li:hover > a,
  #masthead .main-navigation ul ul li > a:hover{
    color:#0B61B4 !important;
    -webkit-text-fill-color:#0B61B4 !important;
    background:#F4F8FC !important;
  }

  #masthead .main-navigation ul ul ul{
    top:0 !important;
    left:100% !important;
    right:auto !important;
    width:260px !important;
    min-width:240px !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    z-index:999999 !important;
  }

  #masthead .main-navigation ul ul li:hover > ul,
  #masthead .main-navigation ul ul li:focus-within > ul{
    top:0 !important;
    left:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* 1366px ve benzeri ekranlarda kirilmayi onle */
@media screen and (min-width: 1100px) and (max-width: 1399px){
  .header-wrap .inner-wrap{
    width:calc(100% - 28px) !important;
  }
  .site-branding{
    flex-basis:190px !important;
    width:190px !important;
    min-width:190px !important;
    margin-right:24px !important;
  }
  .site-logo{max-width:190px !important;}
  #masthead .main-navigation .menu > li > a,
  #masthead #site-navigation .menu > li > a,
  .main-navigation .menu-primary-container > ul > li > a{
    padding-left:9px !important;
    padding-right:9px !important;
    font-size:14px !important;
  }
  .header-search-icon{
    margin-left:24px !important;
    margin-right:16px !important;
  }
  .header-wrap .inner-wrap > a[href^="tel:"],
  #masthead .header-wrap a[href^="tel:"]{
    flex-basis:185px !important;
    min-width:185px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    font-size:13px !important;
  }
}

/* Tablet / mobil */
@media screen and (max-width: 1099px){
  .header-wrap{padding:8px 0 !important;}
  .site-logo{max-height:58px !important;}
  .site-branding{margin-right:0 !important;}
  .site-header .menu-toggle{color:#0B61B4 !important;}
  .main-navigation{margin-top:8px !important;}
  .main-navigation .menu-primary-container > ul{display:none;}
  .main-navigation.toggled .menu-primary-container > ul{display:block !important;}
  .main-navigation.toggled .menu-primary-container > ul > li > a{
    white-space:normal !important;
  }
}

/* =========================================================
   HEADER / MENU FINAL SONU
   ========================================================= */

body {
 background-color: #e3ecea;
}


/* =========================================================


/* =========================================================
 3. SLIDER SADECE ANA SAYFADA
 ========================================================= */

body:not(.home) .featured-slider,
body:not(.home) #featured-slider,
body:not(.home) .slider-wrapper,
body:not(.home) .slider {
 display: none !important;
}

body.home .featured-slider,
body.home #featured-slider,
body.home .slider-wrapper,
body.home .slider {
 display: block;
}


/* ESKI SLIDER METIN KONUMU */

.home .slider-meta {
 top: 50%;
 left: 30%;
}

.home .slider-meta p {
 font-size: 22px;
}


/* =========================================================
 4. ANA SAYFA
 SAYFA ID: 6
 ========================================================= */

.page-id-6 .entry-title,
.page-id-6 .featured-image {
 display: none !important;
}

.page-id-6 .hentry {
 background-color: #f7faf9;
}

.page-id-6 .content-wrapper {
 border-top: none !important;
}

.ss-home-area,
.ss-home-area * {
 box-sizing: border-box;
}

.ss-home-area {
 width: 100%;
 margin: 0 auto;

 font-family:
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 Roboto,
 Helvetica,
 Arial,
 sans-serif;
}


/* ANA HERO */

.ss-hero {
 position: relative;
 overflow: hidden;

 display: grid;
 grid-template-columns: 1.2fr 0.8fr;
 align-items: center;

 gap: 50px;

 min-height: 400px;
 padding: 55px;

 color: #ffffff;

 border-radius: 28px;

 background:
 radial-gradient(
 circle at 85% 20%,
 rgba(25, 185, 176, 0.65),
 transparent 38%
 ),
 radial-gradient(
 circle at 5% 100%,
 rgba(239, 98, 104, 0.55),
 transparent 30%
 ),
 #08252e;

 box-shadow: 0 20px 55px rgba(8, 37, 46, 0.18);
}

.ss-hero-content {
 position: relative;
 z-index: 2;
}

.ss-label {
 display: inline-block;

 padding: 9px 14px;

 color: #83e1dc;
 background: rgba(105, 214, 209, 0.10);

 border: 1px solid rgba(105, 214, 209, 0.35);
 border-radius: 30px;

 font-size: 11px;
 font-weight: 700;
 letter-spacing: 1.2px;
}

.ss-hero h1 {
 margin: 24px 0 18px;

 color: #ffffff;

 font-size: 52px;
 font-weight: 800;
 line-height: 1.05;

 letter-spacing: -2px;
}

.ss-hero h1 span {
 color: #69d6d1;
}

.ss-hero-content > p {
 max-width: 580px;
 margin: 0;

 color: rgba(255, 255, 255, 0.72);

 font-size: 16px;
 line-height: 1.75;
}


/* ANA SAYFA BUTONLAR */

.ss-buttons {
 display: flex;
 flex-wrap: wrap;

 gap: 12px;

 margin-top: 28px;
}

.ss-button {
 display: inline-flex;
 align-items: center;
 justify-content: center;

 min-height: 48px;

 padding: 12px 24px;

 color: #ffffff !important;

 border-radius: 30px;

 font-size: 14px;
 font-weight: 700;

 line-height: 1;

 text-decoration: none !important;

 transition: all 0.2s ease;
}

.ss-phone {
 background: #ef6268;
}

.ss-phone:hover {
 color: #ffffff !important;
 background: #dc4f55;

 transform: translateY(-2px);
}

.ss-whatsapp {
 background: #17b967;
}

.ss-whatsapp:hover {
 color: #ffffff !important;
 background: #109d56;

 transform: translateY(-2px);
}


/* GUVEN MADDELERI */

.ss-benefits {
 position: relative;
 z-index: 2;

 display: grid;

 gap: 13px;
}

.ss-benefit {
 display: flex;
 align-items: center;

 gap: 14px;

 padding: 16px;

 background: rgba(255, 255, 255, 0.08);

 border: 1px solid rgba(255, 255, 255, 0.14);
 border-radius: 16px;

 backdrop-filter: blur(8px);
}

.ss-benefit b {
 display: flex;
 align-items: center;
 justify-content: center;

 width: 38px;
 height: 38px;

 flex-shrink: 0;

 color: #08252e;
 background: #69d6d1;

 border-radius: 11px;

 font-size: 17px;
}

.ss-benefit span {
 color: #ffffff;

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


/* ANA SAYFA 3 KART */

.ss-action-cards {
 position: relative;
 z-index: 5;

 display: grid;
 grid-template-columns: repeat(3, 1fr);

 gap: 16px;

 margin: -14px 20px 0;
}

.ss-action-card {
 display: flex;
 flex-direction: column;

 min-height: 250px;

 padding: 25px;

 background: #ffffff;

 border: 1px solid #e5ebec;
 border-top: 3px solid #0e5c63;
 border-radius: 22px;

 box-shadow: 0 12px 35px rgba(15, 43, 50, 0.09);
}

.ss-icon {
 display: flex;
 align-items: center;
 justify-content: center;

 width: 48px;
 height: 48px;

 margin-bottom: 20px;

 border-radius: 15px;

 font-size: 21px;
 font-weight: 700;
}

.ss-icon.turquoise {
 color: #07999f;
 background: #e8f8f6;
}

.ss-icon.red {
 color: #ef6268;
 background: #fff0f0;
}

.ss-icon.blue {
 color: #5368b5;
 background: #eef2ff;
}

.ss-action-card small {
 color: #9aa6aa;

 font-size: 10px;
 font-weight: 700;

 letter-spacing: 1.5px;
}

.ss-action-card h2 {
 margin: 8px 0 10px;

 color: #102f36;

 font-size: 21px;
 font-weight: 700;

 line-height: 1.25;
}

.ss-action-card p {
 flex-grow: 1;

 margin: 0;

 color: #647377;

 font-size: 14px;
 line-height: 1.65;
}

.ss-action-card a {
 display: inline-block;

 margin-top: 18px;

 color: #078f95 !important;

 font-size: 14px;
 font-weight: 700;

 text-decoration: none !important;
}

.ss-action-card a:hover {
 color: #ef6268 !important;
}


@media screen and (max-width: 850px) {

 .ss-hero {
 grid-template-columns: 1fr;

 gap: 32px;

 padding: 38px 28px;

 border-radius: 20px;
 }

 .ss-hero h1 {
 font-size: 39px;
 letter-spacing: -1px;
 }

 .ss-action-cards {
 grid-template-columns: 1fr;

 margin: 16px 0 0;
 }

 .ss-action-card {
 min-height: auto;
 }
}


@media screen and (max-width: 480px) {

 .ss-hero {
 padding: 32px 20px;
 }

 .ss-label {
 font-size: 9px;
 line-height: 1.5;
 }

 .ss-hero h1 {
 font-size: 34px;
 letter-spacing: -1px;
 }

 .ss-hero-content > p {
 font-size: 15px;
 }

 .ss-button {
 width: 100%;
 }

 .ss-benefit {
 padding: 13px;
 }

 .ss-benefit span {
 font-size: 13px;
 }
}


/* =========================================================
 5. FOOTER
 ========================================================= */

#colophon {
 min-height: 70px;

 color: #d3e5e2;

 background-color: #08252e;

 border-top: 4px solid #10aeb5;
}

#colophon a {
 color: #69d6d1 !important;
}

#colophon .site-info {
 color: #d3e5e2;
}

a#scroll-up span {
 color: #08252e !important;
}




/* =========================================================
 7. PERSONEL GIRISI
 SAYFA ID: 14271
 ========================================================= */

body.page-id-14271 #content {
 background: #e7f0ef !important;
}

body.page-id-14271 .site-content,
body.page-id-14271 .content-area,
body.page-id-14271 article,
body.page-id-14271 .content-wrapper,
body.page-id-14271 .entry-content {
 background: transparent !important;
}

body.page-id-14271 .content-wrapper,
body.page-id-14271 .entry-content {
 margin: 0 !important;
 padding: 0 !important;
}

body.page-id-14271 .entry-header,
body.page-id-14271 .entry-title {
 display: none !important;
}

body.page-id-14271 .sh-login-shell {
 --ss-font:
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 Roboto,
 Helvetica,
 Arial,
 sans-serif;

 position: relative !important;

 isolation: isolate;

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

 width: 100% !important;

 min-height: 520px;

 margin: 0 !important;
 padding: 36px 24px !important;

 overflow: hidden;

 box-sizing: border-box;

 font-family: var(--ss-font) !important;

 background:
 radial-gradient(
 circle at 8% 15%,
 rgba(105, 214, 209, 0.16),
 transparent 27%
 ),
 radial-gradient(
 circle at 93% 88%,
 rgba(239, 98, 104, 0.1),
 transparent 25%
 ),
 linear-gradient(
 135deg,
 #e1edec 0%,
 #f1f6f5 52%,
 #e3eeee 100%
 ) !important;
}

body.page-id-14271 .sh-login-card {
 position: relative;

 width: 100% !important;
 max-width: 920px !important;

 margin: 0 auto !important;
 padding: 36px !important;

 overflow: hidden;

 box-sizing: border-box;

 color: #ffffff !important;

 border: 1px solid rgba(255, 255, 255, 0.13) !important;
 border-radius: 26px !important;

 background:
 radial-gradient(
 circle at 0% 100%,
 rgba(239, 98, 104, 0.2),
 transparent 30%
 ),
 radial-gradient(
 circle at 100% 0%,
 rgba(105, 214, 209, 0.25),
 transparent 38%
 ),
 linear-gradient(
 135deg,
 #08252e 0%,
 #063a43 58%,
 #0d5b60 100%
 ) !important;

 box-shadow: 0 24px 58px rgba(8, 37, 46, 0.21) !important;
}

body.page-id-14271 .sh-site-logo {
 display: none !important;
}


/* GIRIS FORMU */

body.page-id-14271 .sh-login-card:has(.sh-login-form) {
 display: grid !important;

 grid-template-columns:
 minmax(0, 1fr)
 minmax(0, 1fr);

 grid-template-areas:
 "kicker form"
 "title form"
 "lead form"
 ". form"
 "security form"
 "back form";

 grid-template-rows:
 auto
 auto
 auto
 minmax(18px, 1fr)
 auto
 auto;

 column-gap: 34px;

 align-items: start;
 align-content: center;

 min-height: 410px;
}

body.page-id-14271 .sh-login-kicker {
 grid-area: kicker;

 justify-self: start;

 display: inline-flex !important;
 align-items: center;

 width: fit-content;

 margin: 0 0 16px !important;
 padding: 7px 12px;

 color: #69d6d1 !important;

 border: 1px solid rgba(105, 214, 209, 0.44);
 border-radius: 999px;

 font-family: var(--ss-font) !important;

 font-size: 10px !important;
 font-weight: 700 !important;

 letter-spacing: 1.4px !important;
}

body.page-id-14271 .sh-login-kicker::after {
 content: " " PERSONEL PORTALI";
}

body.page-id-14271 .sh-login-card:has(.sh-login-form) > h1 {
 grid-area: title;

 margin: 0 !important;

 color: #ffffff !important;

 font-family: var(--ss-font) !important;

 font-size: 35px !important;
 font-weight: 700 !important;

 line-height: 1.12 !important;

 letter-spacing: -0.7px !important;
}

body.page-id-14271 .sh-login-lead {
 grid-area: lead;

 margin: 15px 0 0 !important;

 color: #bfd3d5 !important;

 font-family: var(--ss-font) !important;

 font-size: 15px !important;

 line-height: 1.6 !important;
}

body.page-id-14271 .sh-login-lead::after {
 content: "\AHasar dosyalarnz gÂ¸venli biÃimde yË†netin.";

 white-space: pre-line;

 color: #edf8f7;

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

body.page-id-14271 .sh-login-form {
 grid-area: form;

 display: flex !important;
 flex-direction: column;
 justify-content: center;

 width: 100% !important;
 min-height: 100%;

 margin: 0 !important;
 padding: 32px !important;

 box-sizing: border-box;

 color: #08252e !important;
 background: #ffffff !important;

 border: 1px solid rgba(8, 37, 46, 0.08) !important;
 border-radius: 20px !important;

 box-shadow: 0 18px 42px rgba(1, 20, 27, 0.22) !important;
}

body.page-id-14271 .sh-login-form::before {
 content: "Hesabnza giri yapn";

 display: block;

 margin: 0 0 22px;

 color: #08252e;

 font-family: var(--ss-font);

 font-size: 23px;
 font-weight: 700;
}

body.page-id-14271 .sh-login-form > label:not(.sh-remember) {
 display: block !important;

 margin: 0 0 16px !important;

 color: #294b53 !important;

 font-family: var(--ss-font) !important;

 font-size: 13px !important;
 font-weight: 600 !important;
}

body.page-id-14271 .sh-login-form input[type="text"],
body.page-id-14271 .sh-login-form input[type="email"],
body.page-id-14271 .sh-login-form input[type="password"] {
 display: block !important;

 width: 100% !important;
 height: 48px !important;

 margin: 7px 0 0 !important;
 padding: 0 14px !important;

 box-sizing: border-box;

 color: #08252e !important;
 background: #f5f9f9 !important;

 outline: none !important;

 border: 1px solid #cadbdc !important;
 border-radius: 11px !important;

 font-family: var(--ss-font) !important;

 font-size: 15px !important;

 transition:
 border-color 0.2s ease,
 box-shadow 0.2s ease;
}

body.page-id-14271 .sh-login-form input:focus {
 border-color: #18a9a6 !important;
 background: #ffffff !important;

 box-shadow:
 0 0 0 4px rgba(24, 169, 166, 0.13) !important;
}

body.page-id-14271 .sh-remember {
 display: flex !important;
 align-items: center;

 gap: 8px;

 margin: 0 0 17px !important;

 color: #58727a !important;

 font-family: var(--ss-font) !important;

 font-size: 13px !important;

 cursor: pointer;
}

body.page-id-14271 .sh-remember input[type="checkbox"] {
 width: 17px !important;
 height: 17px !important;

 margin: 0 !important;

 accent-color: #159c9a;
}

body.page-id-14271 .sh-front-btn {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;

 min-height: 50px;

 padding: 12px 20px !important;

 border-radius: 12px !important;

 font-family: var(--ss-font) !important;

 font-size: 14px !important;
 font-weight: 700 !important;

 text-decoration: none !important;

 cursor: pointer;

 transition: 0.2s ease;
}

body.page-id-14271 .sh-front-btn.primary {
 width: 100% !important;

 color: #ffffff !important;

 border: 0 !important;

 background:
 linear-gradient(
 135deg,
 #0b8e8c 0%,
 #10aaa5 100%
 ) !important;
}

body.page-id-14271 .sh-front-btn:hover {
 transform: translateY(-2px);
}

body.page-id-14271 .sh-login-security {
 grid-area: security;

 display: flex !important;
 align-items: center;

 min-height: 56px;

 margin: 0 !important;
 padding: 12px 14px !important;

 color: #dceced !important;

 border: 1px solid rgba(255, 255, 255, 0.12) !important;
 border-radius: 11px !important;

 background: rgba(255, 255, 255, 0.06) !important;

 font-family: var(--ss-font) !important;

 font-size: 11px !important;
}

body.page-id-14271 .sh-back-site {
 grid-area: back;

 display: inline-flex !important;

 width: fit-content;

 margin: 12px 0 0 !important;

 color: #69d6d1 !important;

 font-family: var(--ss-font) !important;

 font-size: 12px !important;

 text-decoration: none !important;
}


@media (max-width: 760px) {

 body.page-id-14271 .sh-login-shell {
 min-height: auto;

 padding: 24px 15px 30px !important;
 }

 body.page-id-14271 .sh-login-card:has(.sh-login-form) {
 grid-template-columns: 1fr;

 grid-template-areas:
 "kicker"
 "title"
 "lead"
 "form"
 "security"
 "back";

 grid-template-rows:
 auto auto auto auto auto auto;

 max-width: 570px !important;
 min-height: 0;

 padding: 28px !important;
 }

 body.page-id-14271 .sh-login-form {
 min-height: 0;

 margin: 0 0 20px !important;
 padding: 25px !important;
 }
}


@media (max-width: 520px) {

 body.page-id-14271 .sh-login-card {
 padding: 24px 17px !important;

 border-radius: 20px !important;
 }

 body.page-id-14271 .sh-login-card:has(.sh-login-form) > h1 {
 font-size: 30px !important;
 }

 body.page-id-14271 .sh-login-form {
 padding: 22px 17px !important;

 border-radius: 16px !important;
 }
}


/* =========================================================
 8. GENEL SARTLAR
 SAYFA ID: 815
 ========================================================= */

body.page-id-815 {
 --ss-dark: #08252e;
 --ss-teal: #16aaa5;
 --ss-teal-light: #69d6d1;
 --ss-red: #ef6268;
 --ss-bg: #e7f0ef;
 --ss-text: #173740;
 --ss-muted: #607b82;
 --ss-border: #d5e4e4;

 background: var(--ss-bg) !important;
}

body.page-id-815 #content {
 padding: 42px 20px 68px !important;

 background:
 radial-gradient(
 circle at 8% 10%,
 rgba(105, 214, 209, 0.14),
 transparent 26%
 ),
 radial-gradient(
 circle at 92% 88%,
 rgba(239, 98, 104, 0.08),
 transparent 25%
 ),
 var(--ss-bg) !important;
}

body.page-id-815 .content-wrapper,
body.page-id-815 .content-area,
body.page-id-815 #primary,
body.page-id-815 #main,
body.page-id-815 article#post-815 {
 width: 100% !important;
 max-width: 1080px !important;

 margin: 0 auto !important;
 padding: 0 !important;

 float: none !important;

 background: transparent !important;

 box-shadow: none !important;
}

body.page-id-815 .entry-header,
body.page-id-815 .entry-title {
 display: none !important;
}

body.page-id-815 .entry-content {
 width: 100% !important;

 margin: 0 !important;
 padding: 0 !important;

 color: var(--ss-text) !important;

 background: transparent !important;
}


/* GENEL SARTLAR HERO */

body.page-id-815 .entry-content > p:first-child {
 position: relative;

 min-height: 230px;

 margin: 0 0 34px !important;
 padding: 82px 48px 40px !important;

 overflow: hidden;

 color: #ffffff !important;

 border-radius: 25px;

 background:
 radial-gradient(
 circle at 0% 100%,
 rgba(239, 98, 104, 0.2),
 transparent 31%
 ),
 radial-gradient(
 circle at 100% 0%,
 rgba(105, 214, 209, 0.28),
 transparent 38%
 ),
 linear-gradient(
 135deg,
 #08252e 0%,
 #083d45 57%,
 #0d5e62 100%
 ) !important;

 box-shadow: 0 22px 52px rgba(8, 37, 46, 0.19);
}

body.page-id-815 .entry-content > p:first-child::before {
 content: "SERK SGORTA " BLG MERKEZ";

 position: absolute;

 top: 36px;
 left: 48px;

 padding: 6px 12px;

 color: var(--ss-teal-light);

 border: 1px solid rgba(105, 214, 209, 0.45);
 border-radius: 999px;

 font-size: 10px;
 font-weight: 700;

 letter-spacing: 1.25px;
}

body.page-id-815 .entry-content > p:first-child strong {
 display: block;

 font-size: 0 !important;
}

body.page-id-815 .entry-content > p:first-child strong::after {
 content: "Sigorta Genel artlar";

 display: block;

 color: #ffffff;

 font-size: 38px;
 font-weight: 700;

 line-height: 1.12;
}

body.page-id-815 .entry-content > p:first-child::after {
 content: "htiyacnz olan sigorta Â¸rÂ¸nÂ¸nÂ¸ seÃin; genel art belgesini inceleyin veya PDF olarak indirin.";

 display: block;

 max-width: 690px;

 margin-top: 16px;

 color: #d7e9e9;

 font-size: 15px;

 line-height: 1.65;
}

body.page-id-815 .entry-content > hr.wp-block-separator {
 display: none !important;
}


/* ACCORDION */

body.page-id-815 .wp-block-coblocks-accordion {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr));

 gap: 12px !important;

 width: 100%;

 margin: 0 !important;
 padding: 0 !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item {
 min-width: 0;

 margin: 0 !important;
 padding: 0 !important;

 border: 0 !important;

 background: transparent !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item > details {
 height: 100%;

 margin: 0 !important;

 overflow: hidden;

 border: 1px solid var(--ss-border) !important;
 border-radius: 15px !important;

 background: #ffffff !important;

 box-shadow: 0 8px 22px rgba(8, 37, 46, 0.055);
}

body.page-id-815 .wp-block-coblocks-accordion-item__title {
 position: relative;

 display: flex !important;
 align-items: center;

 min-height: 66px;

 margin: 0 !important;
 padding: 15px 50px 15px 18px !important;

 color: var(--ss-text) !important;

 border: 0 !important;

 background: transparent !important;

 font-size: 14px !important;
 font-weight: 600 !important;

 cursor: pointer;
}

body.page-id-815 .wp-block-coblocks-accordion-item__title::after {
 content: "+";

 position: absolute;

 top: 50% !important;
 right: 17px !important;

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

 width: 28px;
 height: 28px;

 color: #08252e;

 border-radius: 9px;

 background: rgba(105, 214, 209, 0.2);

 font-size: 19px;

 transform: translateY(-50%);
}

body.page-id-815
.wp-block-coblocks-accordion-item
> details[open]
> .wp-block-coblocks-accordion-item__title::after {
 content: "";

 color: #ffffff;

 background: var(--ss-teal);
}

body.page-id-815 .wp-block-coblocks-accordion-item__content {
 margin: 0 !important;
 padding: 15px 18px 18px !important;

 color: var(--ss-muted) !important;

 border-top: 1px solid var(--ss-border) !important;

 background: #f8fbfb !important;

 font-size: 13px !important;

 line-height: 1.55 !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item__content a {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;

 min-height: 38px;

 padding: 9px 14px !important;

 color: #ffffff !important;

 border-radius: 10px;

 background:
 linear-gradient(
 135deg,
 #0c8f8c,
 #16aaa5
 ) !important;

 font-size: 12px !important;
 font-weight: 700 !important;

 text-decoration: none !important;
}


@media (max-width: 800px) {

 body.page-id-815 #content {
 padding: 28px 15px 52px !important;
 }

 body.page-id-815 .wp-block-coblocks-accordion {
 grid-template-columns: 1fr;
 }

 body.page-id-815 .entry-content > p:first-child {
 padding: 78px 32px 34px !important;

 border-radius: 21px;
 }

 body.page-id-815 .entry-content > p:first-child::before {
 top: 32px;
 left: 32px;
 }
}


@media (max-width: 520px) {

 body.page-id-815 #content {
 padding-right: 12px !important;
 padding-left: 12px !important;
 }

 body.page-id-815 .entry-content > p:first-child {
 min-height: 0;

 padding: 73px 22px 29px !important;
 }

 body.page-id-815 .entry-content > p:first-child::before {
 top: 27px;
 left: 22px;

 font-size: 9px;
 }

 body.page-id-815 .entry-content > p:first-child strong::after {
 font-size: 29px;
 }
}




/* =========================================================
 SERK SGORTA - ORTAK Ä°RÄ°N HERO DÄ°ZELTMES
 KASKO + TRAFK + DER TÄ°M Ä°RÄ°NLER
 ========================================================= */

.entry-content .ss-product-hero {
 display: grid !important;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) !important;
 align-items: center !important;

 column-gap: 42px !important;
 row-gap: 28px !important;

 width: 100% !important;
 max-width: 100% !important;

 margin: 15px 0 42px !important;
 padding: 40px 44px 32px !important;

 box-sizing: border-box !important;
 overflow: hidden !important;

 border: 1px solid rgba(18, 59, 93, 0.10) !important;
 border-radius: 24px !important;

 background:
 radial-gradient(
 circle at 88% 15%,
 rgba(93, 187, 230, 0.20),
 transparent 40%
 ),
 linear-gradient(
 135deg,
 rgba(255,255,255,0.98),
 rgba(238,248,252,0.94)
 ) !important;

 box-shadow:
 0 15px 40px rgba(18, 59, 93, 0.09) !important;
}


.entry-content .ss-product-hero *,
.entry-content .ss-product-hero *::before,
.entry-content .ss-product-hero *::after {
 box-sizing: border-box !important;
}


/* =========================================================
 SOL Â«ERK
 ========================================================= */

.entry-content .ss-product-hero-content {
 min-width: 0 !important;
}


/* Kategori etiketi */

.entry-content .ss-product-label {
 display: inline-block !important;

 width: auto !important;

 padding: 8px 14px !important;

 color: #168CC8 !important;
 background: rgba(93,187,230,0.10) !important;

 border: 1px solid rgba(22,140,200,0.25) !important;
 border-radius: 30px !important;

 font-size: 11px !important;
 font-weight: 800 !important;
 line-height: 1.2 !important;
 letter-spacing: 1.1px !important;
}


/* =========================================================
 BALIK
 ========================================================= */

.entry-content .ss-product-hero h2 {
 margin: 20px 0 18px !important;
 padding: 0 !important;

 color: #123B5D !important;
 background: none !important;

 border: 0 !important;
 border-radius: 0 !important;

 font-size: 39px !important;
 font-weight: 800 !important;
 line-height: 1.10 !important;
 letter-spacing: -1px !important;
}

.entry-content .ss-product-hero h2::before {
 display: none !important;
}

.entry-content .ss-product-hero h2 span {
 display: block !important;

 color: #168CC8 !important;
}


/* =========================================================
 AÂ«IKLAMA
 ========================================================= */

.entry-content .ss-product-hero-content > p {
 max-width: 620px !important;

 margin: 0 !important;
 padding: 0 !important;

 color: #405563 !important;

 font-size: 16px !important;
 line-height: 1.72 !important;
}


/* =========================================================
 BUTONLAR
 ========================================================= */

.entry-content .ss-product-buttons {
 display: flex !important;
 flex-wrap: wrap !important;

 gap: 12px !important;

 margin-top: 25px !important;
}


.entry-content .ss-product-btn {
 display: inline-flex !important;

 align-items: center !important;
 justify-content: center !important;

 width: auto !important;
 min-height: 48px !important;

 padding: 12px 25px !important;

 border-radius: 30px !important;

 font-size: 14px !important;
 font-weight: 700 !important;
 line-height: 1.2 !important;

 text-decoration: none !important;

 transition:
 transform .2s ease,
 background-color .2s ease,
 color .2s ease !important;
}


/* Ana teklif butonu */

.entry-content .ss-product-btn-primary {
 color: #ffffff !important;

 background: #168CC8 !important;

 border: 1px solid #168CC8 !important;

 box-shadow:
 0 8px 20px rgba(22,140,200,.20) !important;
}

.entry-content .ss-product-btn-primary:hover {
 color: #ffffff !important;

 background: #123B5D !important;
 border-color: #123B5D !important;

 transform: translateY(-2px);
}


/* Bize ulan */

.entry-content .ss-product-btn-secondary {
 color: #168CC8 !important;

 background: rgba(255,255,255,.82) !important;

 border: 1px solid rgba(22,140,200,.45) !important;

 box-shadow: none !important;
}

.entry-content .ss-product-btn-secondary:hover {
 color: #123B5D !important;

 background: #F0F9FD !important;

 border-color: #168CC8 !important;

 transform: translateY(-2px);
}


/* =========================================================
 HERO GÃ·RSEL
 ========================================================= */

.entry-content .ss-product-hero-image {
 display: flex !important;

 align-items: center !important;
 justify-content: center !important;

 min-width: 0 !important;
}


.entry-content .ss-product-hero-image img {
 display: block !important;

 width: 100% !important;
 max-width: 620px !important;

 height: auto !important;

 margin: 0 !important;

 border-radius: 18px !important;

 box-shadow:
 0 14px 32px rgba(18,59,93,.14) !important;
}


/* =========================================================
 ALT 3 BLG KARTI
 ========================================================= */

.entry-content .ss-product-points {
 grid-column: 1 / -1 !important;

 display: grid !important;

 grid-template-columns:
 repeat(3, minmax(0, 1fr)) !important;

 gap: 16px !important;

 width: 100% !important;

 margin: 3px 0 0 !important;
 padding: 20px 0 0 !important;

 border-top:
 1px solid rgba(18,59,93,.09) !important;
}


.entry-content .ss-product-points > div {
 display: flex !important;

 flex-direction: column !important;

 align-items: center !important;
 justify-content: center !important;

 min-height: 88px !important;

 margin: 0 !important;
 padding: 14px 22px !important;

 text-align: center !important;

 background:
 rgba(255,255,255,.74) !important;

 border:
 1px solid rgba(18,59,93,.09) !important;

 border-radius: 14px !important;

 box-shadow:
 0 5px 18px rgba(18,59,93,.04) !important;
}


.entry-content .ss-product-points strong {
 display: block !important;

 margin: 0 0 5px !important;

 color: #123B5D !important;

 font-size: 14px !important;
 font-weight: 800 !important;
 line-height: 1.3 !important;
}


.entry-content .ss-product-points strong::before {
 content: "" !important;

 display: inline-block !important;

 width: 7px !important;
 height: 7px !important;

 margin-right: 8px !important;

 vertical-align: 1px !important;

 background: #5DBBE6 !important;

 border-radius: 50% !important;
}


.entry-content .ss-product-points span {
 display: block !important;

 max-width: 290px !important;

 color: #607582 !important;

 font-size: 12px !important;
 line-height: 1.4 !important;
}


/* =========================================================
 TABLET
 ========================================================= */

@media screen and (max-width: 900px) {

 .entry-content .ss-product-hero {
 grid-template-columns: 1fr !important;

 gap: 30px !important;

 padding: 34px 28px !important;
 }

 .entry-content .ss-product-hero h2 {
 font-size: 34px !important;
 }

 .entry-content .ss-product-hero-image img {
 max-width: 650px !important;
 }

 .entry-content .ss-product-points {
 grid-column: 1 !important;

 grid-template-columns:
 repeat(3, minmax(0,1fr)) !important;
 }

}


/* =========================================================
 MOBL
 ========================================================= */

@media screen and (max-width: 600px) {

 .entry-content .ss-product-hero {
 padding: 27px 19px !important;

 border-radius: 19px !important;
 }

 .entry-content .ss-product-hero h2 {
 font-size: 29px !important;

 letter-spacing: -.5px !important;
 }

 .entry-content .ss-product-hero-content > p {
 font-size: 14px !important;
 }

 .entry-content .ss-product-buttons {
 flex-direction: column !important;
 }

 .entry-content .ss-product-btn {
 width: 100% !important;
 }

 .entry-content .ss-product-points {
 grid-template-columns: 1fr !important;

 gap: 10px !important;

 padding-top: 20px !important;
 }

 .entry-content .ss-product-points > div {
 min-height: auto !important;

 padding: 16px 18px !important;
 }

 .entry-content .ss-product-points span {
 max-width: 100% !important;
 }

}


/* =========================================================
 SERK SGORTA
 TÄ°M Ä°RÄ°N SAYFALARI - ORTAK Â«ERK TASARIMI
 ========================================================= */


/* ---------------------------------------------------------
 NORMAL Â«ERK PARAGRAFLARI
 Hero ve iletiim formunu etkilemez
 --------------------------------------------------------- */

.entry-content > p {
 color: #405563 !important;
 font-size: 16px !important;
 line-height: 1.78 !important;
 margin-bottom: 18px !important;
}


/* ---------------------------------------------------------
 H2 - ANA BÃ·LÄ°M BALIKLARI
 AÃk mavi zemin + sol mavi Ãizgi
 --------------------------------------------------------- */

.entry-content > h2 {
 position: relative !important;

 margin: 44px 0 20px !important;
 padding: 16px 20px 16px 25px !important;

 color: #123B5D !important;

 font-size: 27px !important;
 font-weight: 800 !important;
 line-height: 1.25 !important;

 border: 1px solid rgba(18, 59, 93, .08) !important;
 border-radius: 14px !important;

 background:
 linear-gradient(
 90deg,
 rgba(93, 187, 230, .13) 0%,
 rgba(255, 255, 255, .92) 100%
 ) !important;

 box-shadow: none !important;
}


/* H2 SOL MAV VURGU Â«ZGS */

.entry-content > h2::before {
 content: "" !important;

 position: absolute !important;

 top: 13px !important;
 bottom: 13px !important;
 left: 0 !important;

 width: 5px !important;

 background: #168CC8 !important;

 border-radius: 5px !important;
}


/* ---------------------------------------------------------
 H3 - ALT BALIK / SSS SORULARI
 --------------------------------------------------------- */

.entry-content > h3 {
 margin: 26px 0 0 !important;
 padding: 15px 18px !important;

 color: #123B5D !important;

 font-size: 19px !important;
 font-weight: 700 !important;
 line-height: 1.35 !important;

 border: 1px solid rgba(18, 59, 93, .10) !important;
 border-radius: 12px 12px 0 0 !important;

 background: #F2F9FD !important;

 box-shadow: none !important;
}


/* H3 ALTINDAK AÂ«IKLAMA / SSS CEVABI */

.entry-content > h3 + p {
 margin: 0 0 16px !important;
 padding: 16px 18px 18px !important;

 color: #405563 !important;

 border-left: 1px solid rgba(18, 59, 93, .10) !important;
 border-right: 1px solid rgba(18, 59, 93, .10) !important;
 border-bottom: 1px solid rgba(18, 59, 93, .10) !important;

 border-radius: 0 0 12px 12px !important;

 background: #FFFFFF !important;
}


/* ---------------------------------------------------------
 MADDE LSTELER
 --------------------------------------------------------- */

.entry-content > ul {
 margin: 20px 0 26px !important;
 padding: 18px 22px !important;

 list-style: none !important;

 border: 1px solid rgba(18, 59, 93, .08) !important;
 border-radius: 14px !important;

 background: #F8FCFE !important;
}


/* LSTE SATIRLARI */

.entry-content > ul > li {
 position: relative !important;

 margin: 8px 0 !important;
 padding-left: 28px !important;

 color: #405563 !important;

 font-size: 16px !important;
 line-height: 1.60 !important;
}


/* MAV TK */

.entry-content > ul > li::before {
 content: "" !important;

 position: absolute !important;

 left: 0 !important;
 top: 0 !important;

 color: #168CC8 !important;

 font-weight: 800 !important;
}


/* ---------------------------------------------------------
 Â«ERK LNKLER
 --------------------------------------------------------- */

.entry-content > p a,
.entry-content > ul a {
 color: #168CC8 !important;
 font-weight: 600 !important;
 text-decoration: none !important;

 border-bottom: 1px solid rgba(22, 140, 200, .27);
}

.entry-content > p a:hover,
.entry-content > ul a:hover {
 color: #123B5D !important;
 border-bottom-color: #123B5D;
}


/* ---------------------------------------------------------
 MOBL UYUM
 --------------------------------------------------------- */

@media screen and (max-width: 600px) {

 .entry-content > h2 {
 margin-top: 34px !important;
 padding: 14px 17px 14px 22px !important;

 font-size: 23px !important;
 line-height: 1.30 !important;
 }

 .entry-content > h3 {
 padding: 14px 16px !important;

 font-size: 17px !important;
 }

 .entry-content > h3 + p {
 padding: 14px 16px 16px !important;
 }

 .entry-content > p {
 font-size: 15px !important;
 line-height: 1.72 !important;
 }

 .entry-content > ul {
 padding: 16px 17px !important;
 }

 .entry-content > ul > li {
 font-size: 15px !important;
 padding-left: 26px !important;
 }
}
/* =========================================================
 SERK SGORTA - OTOMATK Ä°RÄ°N FORMU DÄ°ZEN
 ========================================================= */

.ss-global-product-contact {
 display: grid !important;
 grid-template-columns: 32% 68% !important;

 width: 100% !important;
 max-width: 1180px !important;

 margin: 40px auto 55px !important;

 border: 1px solid rgba(22,140,200,.25) !important;
 border-radius: 22px !important;

 overflow: hidden !important;

 background: #ffffff !important;

 box-shadow:
 0 12px 35px
 rgba(18,59,93,.07) !important;
}


/* SOL LETM ALANI */
.ss-global-product-contact .ss-contact-info {
 padding: 42px 34px !important;

 background:
 linear-gradient(
 180deg,
 #EEF8FD 0%,
 #F8FCFE 100%
 ) !important;
}


/* SA FORM ALANI */
.ss-global-product-contact .ss-contact-form-area {
 position: relative !important;

 padding: 42px 44px 330px !important;

 background: #ffffff !important;

 min-height: 700px !important;
}


/* GENEL SGORTA GÃ·RSEL */
.ss-global-product-contact .ss-contact-form-area::after {
 content: "" !important;

 position: absolute !important;

 left: 0 !important;
 right: 0 !important;
 bottom: 0 !important;

 height: 330px !important;

 background-image:
 url("https://seriksigorta.com/wp-content/uploads/2026/09/bize-ulasin-arka-plan.png") !important;

 background-repeat: no-repeat !important;
 background-position: right bottom !important;
 background-size: cover !important;

 opacity: .72 !important;

 pointer-events: none !important;

 z-index: 1 !important;
}


/* FORM GÃ·RSELN Ä°STÄ°NDE KALSIN */
.ss-global-product-contact
.ss-contact-form-area > * {
 position: relative !important;
 z-index: 2 !important;
}


/* LETM BALII */
.ss-global-product-contact
.ss-contact-kicker {
 display: block !important;

 margin-bottom: 26px !important;

 color: #168CC8 !important;

 font-size: 12px !important;
 font-weight: 800 !important;
 letter-spacing: 1.3px !important;
}


/* BZE ULAIN */
.ss-global-product-contact
.ss-contact-info h2 {
 margin: 0 0 26px !important;
 padding: 0 !important;

 color: #123B5D !important;

 font-size: 42px !important;
 font-weight: 800 !important;
 line-height: 1.02 !important;

 background: none !important;
 border: 0 !important;
}

.ss-global-product-contact
.ss-contact-info h2::before {
 display: none !important;
}

.ss-global-product-contact
.ss-contact-info h2 span {
 color: #168CC8 !important;
}


/* AÂ«IKLAMA */
.ss-global-product-contact
.ss-contact-text {
 margin-bottom: 32px !important;

 color: #405563 !important;

 font-size: 16px !important;
 line-height: 1.65 !important;
}


/* LETM SATIRLARI */
.ss-global-product-contact
.ss-contact-item {
 display: flex !important;

 align-items: flex-start !important;

 gap: 16px !important;

 margin-bottom: 22px !important;
}


/* KON */
.ss-global-product-contact
.ss-contact-icon {
 display: flex !important;

 align-items: center !important;
 justify-content: center !important;

 flex: 0 0 50px !important;

 width: 50px !important;
 height: 50px !important;

 color: #ffffff !important;

 background: #168CC8 !important;

 border-radius: 50% !important;

 font-size: 18px !important;
}


/* LETM METNLER */
.ss-global-product-contact
.ss-contact-item strong {
 color: #123B5D !important;

 font-size: 15px !important;
}

.ss-global-product-contact
.ss-contact-item a {
 color: #168CC8 !important;

 text-decoration: none !important;
}


/* FORM GRID */
.ss-global-product-contact
.forminator-ui {
 width: 100% !important;
 max-width: none !important;
}


/* TABLET */
@media screen and (max-width: 900px) {

 .ss-global-product-contact {
 grid-template-columns: 1fr !important;
 }

 .ss-global-product-contact
 .ss-contact-form-area {
 padding-bottom: 280px !important;
 }

 .ss-global-product-contact
 .ss-contact-form-area::after {
 height: 280px !important;
 }
}


/* MOBL */
@media screen and (max-width: 600px) {

 .ss-global-product-contact {
 margin: 30px auto 40px !important;

 border-radius: 18px !important;
 }

 .ss-global-product-contact
 .ss-contact-info {
 padding: 30px 22px !important;
 }

 .ss-global-product-contact
 .ss-contact-info h2 {
 font-size: 34px !important;
 }

 .ss-global-product-contact
 .ss-contact-form-area {
 padding:
 28px 20px 220px !important;

 min-height: auto !important;
 }

 .ss-global-product-contact
 .ss-contact-form-area::after {
 height: 220px !important;

 background-size: cover !important;
 }
}


/* =========================================================
 SERK SGORTA
  BAVURU FORMU - NHA TASARIM
 FORM ID: 14859
 ========================================================= */


/* ---------------------------------------------------------
 ANA FORM KARTI
 --------------------------------------------------------- */

#forminator-module-14859 {
 box-sizing: border-box !important;

 width: 100% !important;
 max-width: 980px !important;

 margin: 35px auto 45px !important;
 padding: 38px 42px 42px !important;

 background:
 linear-gradient(
 180deg,
 #ffffff 0%,
 #f4fbff 100%
 ) !important;

 border: 1px solid #c8e3f2 !important;
 border-radius: 24px !important;

 box-shadow:
 0 14px 38px
 rgba(18, 59, 93, 0.07) !important;
}


/* ---------------------------------------------------------
 MASAÄ°STÄ° 2 x 2 YERLEM
 --------------------------------------------------------- */

@media screen and (min-width: 769px) {

 #forminator-module-14859 {
 display: grid !important;

 grid-template-columns:
 minmax(0, 1fr)
 minmax(0, 1fr) !important;

 column-gap: 34px !important;
 row-gap: 0 !important;

 align-items: start !important;
 }


 #forminator-module-14859 > .forminator-row {
 width: 100% !important;

 margin-left: 0 !important;
 margin-right: 0 !important;
 }


 /* AD SOYAD */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-name) {
 grid-column: 1 !important;
 }


 /* E-POSTA */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-email) {
 grid-column: 2 !important;
 }


 /* TELEFON */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-phone) {
 grid-column: 1 !important;
 }


 /* BAVURULAN POZSYON */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-select) {
 grid-column: 2 !important;
 }


 /* Ã·N YAZI */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-textarea) {
 grid-column: 1 / -1 !important;
 }


 /* CV */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-upload) {
 grid-column: 1 / -1 !important;
 }


 /* KVKK */
 #forminator-module-14859
 .forminator-row:has(.forminator-field-consent) {
 grid-column: 1 / -1 !important;
 }


 /* GÃ·NDER BUTONU */
 #forminator-module-14859
 .forminator-row-last {
 grid-column: 1 / -1 !important;
 }


 /* BAARI / HATA MESAJLARI */
 #forminator-module-14859
 .forminator-response-message {
 grid-column: 1 / -1 !important;
 }
}


/* ---------------------------------------------------------
 SATIR MESAFELER
 --------------------------------------------------------- */

#forminator-module-14859 .forminator-row {
 margin-bottom: 22px !important;
}


/* ---------------------------------------------------------
 ETKETLER
 --------------------------------------------------------- */

#forminator-module-14859 .forminator-label {
 display: block !important;

 margin-bottom: 9px !important;

 color: #123b5d !important;

 font-size: 16px !important;
 font-weight: 700 !important;
 line-height: 1.35 !important;
}


/* ZORUNLU * */
#forminator-module-14859
.forminator-required {
 color: #e52b2b !important;
}


/* ---------------------------------------------------------
 INPUT
 --------------------------------------------------------- */

#forminator-module-14859 .forminator-input {
 box-sizing: border-box !important;

 width: 100% !important;
 height: 58px !important;

 padding: 0 16px !important;

 color: #123b5d !important;
 background: #ffffff !important;

 border: 1px solid #c8e2f0 !important;
 border-radius: 13px !important;

 font-size: 16px !important;

 box-shadow: none !important;

 transition:
 border-color .2s ease,
 box-shadow .2s ease !important;
}


/* ---------------------------------------------------------
 PLACEHOLDER
 --------------------------------------------------------- */

#forminator-module-14859
input::placeholder,
#forminator-module-14859
textarea::placeholder {
 color: #8299a7 !important;
 opacity: 1 !important;
}


/* ---------------------------------------------------------
 TEXTAREA
 --------------------------------------------------------- */

#forminator-module-14859 .forminator-textarea {
 box-sizing: border-box !important;

 width: 100% !important;
 min-height: 180px !important;

 padding: 16px !important;

 color: #123b5d !important;
 background: #ffffff !important;

 border: 1px solid #c8e2f0 !important;
 border-radius: 13px !important;

 font-size: 16px !important;
 line-height: 1.5 !important;

 box-shadow: none !important;

 resize: vertical !important;
}


/* ---------------------------------------------------------
 FOCUS
 --------------------------------------------------------- */

#forminator-module-14859
.forminator-input:focus,

#forminator-module-14859
.forminator-textarea:focus,

#forminator-module-14859
select:focus {

 border-color: #168cc8 !important;

 box-shadow:
 0 0 0 3px
 rgba(22, 140, 200, 0.10) !important;

 outline: none !important;
}


/* =========================================================
 BAVURULAN POZSYON
 DI VE Â« Â«ERÂ«EVEY TEKLETR
 ========================================================= */

#forminator-module-14859
.forminator-field-select {

 box-sizing: border-box !important;

 width: 100% !important;
}


/* SELECT'N DI KAPLARI */
#forminator-module-14859
.forminator-field-select
.forminator-select,

#forminator-module-14859
.forminator-field-select
.select2-container,

#forminator-module-14859
.forminator-field-select
.select2-selection {

 box-sizing: border-box !important;

 width: 100% !important;

 background: transparent !important;

 border: 0 !important;
 box-shadow: none !important;
}


/* GERÂ«EK SELECT */
#forminator-module-14859
.forminator-field-select select {

 box-sizing: border-box !important;

 display: block !important;

 width: 100% !important;
 height: 58px !important;
 min-height: 58px !important;

 margin: 0 !important;
 padding: 0 48px 0 16px !important;

 color: #123b5d !important;
 background-color: #ffffff !important;

 border: 1px solid #c8e2f0 !important;
 border-radius: 13px !important;

 font-size: 16px !important;

 box-shadow: none !important;
}


/* SELECT2 KULLANILIYORSA */
#forminator-module-14859
.select2-container
.select2-selection--single {

 height: 58px !important;

 background: #ffffff !important;

 border: 1px solid #c8e2f0 !important;
 border-radius: 13px !important;

 box-shadow: none !important;
}


#forminator-module-14859
.select2-selection__rendered {

 height: 58px !important;
 line-height: 58px !important;

 padding-left: 16px !important;

 color: #123b5d !important;

 font-size: 16px !important;
}


#forminator-module-14859
.select2-selection__arrow {

 height: 58px !important;
}


/* ---------------------------------------------------------
 KARAKTER SAYACI
 --------------------------------------------------------- */

#forminator-module-14859
.forminator-description,
#forminator-module-14859
.forminator-textarea--counter {

 color: #607887 !important;

 font-size: 13px !important;
}


/* =========================================================
 CV / DOSYA YÄ°KLEME
 ========================================================= */

#forminator-module-14859
.forminator-field-upload {

 padding: 18px 20px !important;

 background: #eef8fd !important;

 border: 1px dashed #a9d4e9 !important;
 border-radius: 14px !important;
}


#forminator-module-14859
.forminator-button-upload {

 min-height: 48px !important;

 padding: 0 22px !important;

 color: #ffffff !important;
 background: #168cc8 !important;

 border: 0 !important;
 border-radius: 11px !important;

 font-size: 15px !important;
 font-weight: 700 !important;

 box-shadow: none !important;

 transition:
 background .2s ease,
 transform .2s ease !important;
}


#forminator-module-14859
.forminator-button-upload:hover {

 background: #0f78ad !important;

 transform: translateY(-1px) !important;
}


/* =========================================================
 KVKK
 ========================================================= */

#forminator-module-14859
.forminator-field-consent {

 padding: 17px 20px !important;

 background: #eef8fd !important;

 border: 1px solid #d1e9f5 !important;
 border-radius: 14px !important;
}


#forminator-module-14859
.forminator-field-consent label {

 color: #354f5f !important;

 font-size: 15px !important;
 line-height: 1.55 !important;
}


#forminator-module-14859
.forminator-field-consent a {

 color: #168cc8 !important;

 font-weight: 700 !important;
 text-decoration: none !important;
}


#forminator-module-14859
.forminator-field-consent a:hover {

 text-decoration: underline !important;
}


/* CHECKBOX */
#forminator-module-14859
.forminator-checkbox-box {

 border: 1px solid #a8cbdc !important;

 border-radius: 5px !important;

 background: #ffffff !important;
}


/* =========================================================
 BAVURUMU GÃ·NDER
 ========================================================= */

#forminator-module-14859
.forminator-button-submit {

 min-width: 230px !important;
 min-height: 56px !important;

 padding: 0 30px !important;

 color: #ffffff !important;

 background:
 linear-gradient(
 135deg,
 #168cc8 0%,
 #0876c9 100%
 ) !important;

 border: 0 !important;
 border-radius: 13px !important;

 font-size: 16px !important;
 font-weight: 800 !important;

 box-shadow:
 0 9px 22px
 rgba(22, 140, 200, 0.20) !important;

 cursor: pointer !important;

 transition:
 transform .2s ease,
 box-shadow .2s ease !important;
}


#forminator-module-14859
.forminator-button-submit:hover {

 transform: translateY(-2px) !important;

 box-shadow:
 0 13px 28px
 rgba(22, 140, 200, 0.27) !important;
}


/* =========================================================
 BAARI MESAJI
 ========================================================= */

#forminator-module-14859
.forminator-response-message.forminator-success {

 padding: 16px 18px !important;

 background: #edf9f3 !important;

 border: 1px solid #bde5ce !important;
 border-radius: 12px !important;
}


/* =========================================================
 MOBL
 ========================================================= */

@media screen and (max-width: 768px) {

 #forminator-module-14859 {

 display: block !important;

 margin: 25px auto 35px !important;

 padding: 25px 20px 28px !important;

 border-radius: 18px !important;
 }


 #forminator-module-14859
 > .forminator-row {

 width: 100% !important;

 margin-right: 0 !important;
 margin-left: 0 !important;
 }


 #forminator-module-14859
 .forminator-input,

 #forminator-module-14859
 .forminator-field-select select {

 height: 54px !important;
 min-height: 54px !important;
 }


 #forminator-module-14859
 .forminator-textarea {

 min-height: 155px !important;
 }


 #forminator-module-14859
 .forminator-button-submit {

 width: 100% !important;
 min-width: 0 !important;
 }
}
/* =========================================================
 SERK SGORTA - KARYER FORM BALII
 ========================================================= */

.ss-career-heading {
 max-width: 980px;
 margin: 35px auto -12px;
 padding: 0 8px;
}

.ss-career-kicker {
 display: inline-block;
 margin-bottom: 10px;
 padding: 6px 12px;

 background: #eaf6fc;
 border: 1px solid #cbe7f5;
 border-radius: 999px;

 color: #168cc8;

 font-size: 12px;
 font-weight: 800;
 letter-spacing: 1.2px;
 line-height: 1;
}

.ss-career-heading h2 {
 margin: 0 0 9px !important;

 color: #123b5d !important;

 font-size: 30px !important;
 font-weight: 800 !important;
 line-height: 1.2 !important;
}

.ss-career-heading p {
 max-width: 720px;

 margin: 0 !important;

 color: #607887 !important;

 font-size: 16px !important;
 line-height: 1.6 !important;
}

@media (max-width: 768px) {

 .ss-career-heading {
 margin: 25px auto -5px;
 padding: 0 4px;
 }

 .ss-career-heading h2 {
 font-size: 24px !important;
 }

 .ss-career-heading p {
 font-size: 15px !important;
 }
}
/* =========================================
 LKELERMZ - ANA BALIK
 Sayfa ID: 381
 ========================================= */

.page-id-381 .entry-content > h1:first-child {
 position: relative;
 margin-top: 0;
 margin-bottom: 30px;
 padding-bottom: 18px;

 font-size: 42px;
 line-height: 1.15;
 font-weight: 700;
 letter-spacing: -0.6px;

 color: #123d5f;
}

/* Baln altndaki ksa mavi Ãizgi */
.page-id-381 .entry-content > h1:first-child::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;

 width: 58px;
 height: 4px;

 background: #13a9df;
 border-radius: 10px;
}

/* Mobil gË†rÂ¸nÂ¸m */
@media (max-width: 768px) {
 .page-id-381 .entry-content > h1:first-child {
 font-size: 34px;
 margin-bottom: 24px;
 padding-bottom: 15px;
 }

 .page-id-381 .entry-content > h1:first-child::after {
 width: 48px;
 height: 4px;
 }
}


.ss-partners-page {
 --ss-blue: #0d4b74;
 --ss-blue-2: #0c6fa3;
 --ss-cyan: #16aee0;
 --ss-light: #f4fbff;
 --ss-text: #29485e;
 --ss-muted: #688095;
 --ss-border: #dceaf2;
 --ss-white: #ffffff;
 width: 100%;
 overflow: hidden;
}

.ss-partners-page * {
 box-sizing: border-box;
}

.ss-partners-container {
 width: min(1180px, calc(100% - 40px));
 margin: 0 auto;
}


/* =========================================================
 HERO
 ========================================================= */

.ss-partners-hero {
 position: relative;
 min-height: 520px;
 display: flex;
 align-items: center;
 background:
 linear-gradient(90deg, rgba(8, 54, 86, 0.94) 0%, rgba(8, 54, 86, 0.78) 42%, rgba(8, 54, 86, 0.25) 100%),
 linear-gradient(135deg, #0d4b74 0%, #0c6fa3 100%);
 color: #fff;
}

.ss-partners-hero-overlay {
 position: absolute;
 inset: 0;
 pointer-events: none;
}

.ss-partners-hero-content {
 position: relative;
 z-index: 2;
 max-width: 650px;
 padding: 85px 0;
}

.ss-partners-kicker,
.ss-section-kicker {
 display: inline-block;
 font-size: 13px;
 line-height: 1.4;
 font-weight: 800;
 letter-spacing: 1.8px;
 color: var(--ss-cyan);
 text-transform: uppercase;
 margin-bottom: 16px;
}

.ss-partners-hero .ss-partners-kicker {
 color: #bdeeff;
}

.ss-partners-hero h1 {
 margin: 0 0 22px;
 font-size: clamp(44px, 6vw, 68px);
 line-height: 1.05;
 font-weight: 800;
 letter-spacing: -1.6px;
 color: #fff;
}

.ss-partners-hero h1::after {
 content: "";
 display: block;
 width: 72px;
 height: 5px;
 margin-top: 22px;
 background: var(--ss-cyan);
 border-radius: 999px;
}

.ss-partners-hero p {
 max-width: 610px;
 margin: 0;
 font-size: 20px;
 line-height: 1.75;
 color: rgba(255,255,255,.95);
}

.ss-partners-hero-actions {
 display: flex;
 gap: 14px;
 flex-wrap: wrap;
 margin-top: 34px;
}


/* =========================================================
 BUTONLAR
 ========================================================= */

.ss-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 50px;
 padding: 0 24px;
 border-radius: 10px;
 font-size: 15px;
 font-weight: 700;
 text-decoration: none !important;
 transition: all .25s ease;
}

.ss-btn-primary {
 background: var(--ss-cyan);
 color: #fff !important;
 border: 1px solid var(--ss-cyan);
}

.ss-btn-primary:hover {
 transform: translateY(-2px);
 filter: brightness(.95);
}

.ss-btn-outline {
 border: 1px solid rgba(255,255,255,.55);
 color: #fff !important;
 background: rgba(255,255,255,.08);
}

.ss-btn-outline:hover {
 background: rgba(255,255,255,.16);
 transform: translateY(-2px);
}


/* =========================================================
 GR BÃ·LÄ°MÄ°
 ========================================================= */

.ss-partners-intro {
 padding: 90px 0;
 background: #fff;
}

.ss-partners-two-col {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 70px;
 align-items: center;
}

.ss-partners-intro-text h2,
.ss-section-heading h2,
.ss-partners-service h2,
.ss-partners-cta h2 {
 margin: 0;
 color: var(--ss-blue);
 font-weight: 800;
 letter-spacing: -.6px;
}

.ss-partners-intro-text h2 {
 font-size: clamp(34px, 4.5vw, 50px);
 line-height: 1.15;
 margin-bottom: 26px;
}

.ss-partners-intro-text h2 span {
 display: block;
 color: var(--ss-cyan);
}

.ss-partners-intro-text p {
 margin: 0 0 20px;
 font-size: 18px;
 line-height: 1.85;
 color: var(--ss-text);
}

.ss-partners-photo-card {
 position: relative;
 min-height: 420px;
 border-radius: 22px;
 overflow: hidden;
 background:
 linear-gradient(145deg, rgba(22,174,224,.22), rgba(13,75,116,.55)),
 linear-gradient(135deg, #cceef8, #0d4b74);
 box-shadow: 0 22px 60px rgba(14, 78, 117, 0.16);
}

.ss-partners-photo-card::before {
 content: "";
 position: absolute;
 inset: 0;
 background:
 radial-gradient(circle at 20% 20%, rgba(255,255,255,.35), transparent 28%),
 radial-gradient(circle at 80% 80%, rgba(255,255,255,.15), transparent 35%);
}

.ss-partners-mini-card {
 position: absolute;
 right: 24px;
 bottom: 24px;
 width: min(310px, calc(100% - 48px));
 display: flex;
 gap: 14px;
 align-items: center;
 padding: 20px;
 background: rgba(255,255,255,.96);
 border: 1px solid rgba(255,255,255,.55);
 border-radius: 16px;
 box-shadow: 0 15px 35px rgba(20, 63, 91, 0.18);
}

.ss-mini-icon {
 flex: 0 0 auto;
 width: 46px;
 height: 46px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
 background: #e9f8fe;
 color: var(--ss-cyan);
 font-size: 26px;
 font-weight: 800;
}

.ss-partners-mini-card p {
 margin: 0;
 color: var(--ss-blue);
 font-size: 14px;
 line-height: 1.55;
 font-weight: 700;
}


/* =========================================================
 ORTAKLIK KARTLARI
 ========================================================= */

.ss-partners-benefits {
 padding: 85px 0;
 background:
 linear-gradient(180deg, #f8fcfe 0%, #eff8fc 100%);
}

.ss-section-heading {
 max-width: 820px;
 margin: 0 auto 45px;
 text-align: center;
}

.ss-section-heading h2 {
 font-size: clamp(32px, 4vw, 44px);
 line-height: 1.2;
 margin-bottom: 16px;
}

.ss-section-heading p {
 margin: 0 auto;
 max-width: 760px;
 color: var(--ss-muted);
 font-size: 17px;
 line-height: 1.7;
}

.ss-benefit-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 22px;
}

.ss-benefit-card {
 background: #fff;
 border: 1px solid var(--ss-border);
 border-radius: 18px;
 padding: 34px 28px;
 text-align: center;
 box-shadow: 0 10px 30px rgba(15, 84, 123, 0.06);
 transition: all .25s ease;
}

.ss-benefit-card:hover {
 transform: translateY(-6px);
 box-shadow: 0 20px 45px rgba(15, 84, 123, 0.12);
}

.ss-benefit-icon {
 width: 62px;
 height: 62px;
 margin: 0 auto 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 17px;
 background: #eaf8fe;
 color: var(--ss-cyan);
 font-size: 28px;
 font-weight: 800;
}

.ss-benefit-card h3 {
 margin: 0 0 14px;
 color: var(--ss-blue);
 font-size: 22px;
 font-weight: 800;
}

.ss-benefit-card p {
 margin: 0;
 color: var(--ss-muted);
 font-size: 15px;
 line-height: 1.7;
}


/* =========================================================
 SGORTA RKETLER
 ========================================================= */

.ss-partners-companies {
 padding: 90px 0;
 background: #fff;
}

.ss-company-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 22px;
}

.ss-company-card {
 display: flex;
 min-height: 210px;
 flex-direction: column;
 justify-content: space-between;
 padding: 28px;
 text-decoration: none !important;
 background: #fff;
 border: 1px solid var(--ss-border);
 border-radius: 18px;
 transition: all .25s ease;
 box-shadow: 0 9px 26px rgba(19, 76, 110, 0.05);
}

.ss-company-card:hover {
 border-color: rgba(22, 174, 224, .55);
 transform: translateY(-5px);
 box-shadow: 0 18px 42px rgba(19, 76, 110, 0.12);
}

.ss-company-logo {
 min-height: 86px;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 15px;
 margin-bottom: 22px;
 border-radius: 13px;
 background: #f7fbfd;
 border: 1px solid #edf5f8;
}

.ss-company-logo span {
 color: var(--ss-blue);
 font-size: 22px;
 line-height: 1;
 font-weight: 900;
 letter-spacing: .4px;
 text-align: center;
}

.ss-company-card h3 {
 margin: 0 0 9px;
 color: var(--ss-blue);
 font-size: 19px;
 font-weight: 800;
}

.ss-company-link {
 color: var(--ss-cyan);
 font-size: 13px;
 font-weight: 800;
}

.ss-company-note {
 margin: 32px auto 0;
 max-width: 900px;
 text-align: center;
 color: #7a8d9b;
 font-size: 13px;
 line-height: 1.7;
}


/* =========================================================
 HZMET / KARILATIRMA
 ========================================================= */

.ss-partners-service {
 padding: 80px 0;
 background:
 linear-gradient(135deg, #0b4e79 0%, #0e78ad 100%);
 color: #fff;
}

.ss-partners-service-inner {
 display: grid;
 grid-template-columns: 1.15fr .85fr;
 gap: 60px;
 align-items: center;
}

.ss-partners-service .ss-section-kicker {
 color: #aee8fb;
}

.ss-partners-service h2 {
 color: #fff;
 font-size: clamp(30px, 4vw, 44px);
 line-height: 1.2;
 margin-bottom: 20px;
}

.ss-partners-service p {
 margin: 0;
 max-width: 650px;
 color: rgba(255,255,255,.9);
 font-size: 17px;
 line-height: 1.8;
}

.ss-service-list {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 13px;
}

.ss-service-list span {
 display: block;
 padding: 13px 15px;
 background: rgba(255,255,255,.10);
 border: 1px solid rgba(255,255,255,.15);
 border-radius: 10px;
 color: #fff;
 font-size: 14px;
 font-weight: 700;
}


/* =========================================================
 CTA
 ========================================================= */

.ss-partners-cta {
 padding: 70px 0 85px;
 background: #f7fbfd;
}

.ss-partners-cta-box {
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 28px;
 align-items: center;
 padding: 38px 42px;
 border-radius: 22px;
 background:
 linear-gradient(135deg, #0d4b74 0%, #1295c9 100%);
 color: #fff;
 box-shadow: 0 22px 60px rgba(15, 84, 123, 0.18);
}

.ss-cta-icon {
 width: 72px;
 height: 72px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 background: rgba(255,255,255,.12);
 border: 1px solid rgba(255,255,255,.18);
 border-radius: 20px;
 font-size: 32px;
}

.ss-partners-cta .ss-section-kicker {
 color: #c3efff;
 margin-bottom: 9px;
}

.ss-partners-cta h2 {
 color: #fff;
 font-size: clamp(26px, 3vw, 36px);
 line-height: 1.2;
 margin-bottom: 10px;
}

.ss-partners-cta p {
 margin: 0;
 color: rgba(255,255,255,.9);
 font-size: 15px;
 line-height: 1.6;
}

.ss-cta-actions {
 display: flex;
 flex-direction: column;
 gap: 10px;
 min-width: 180px;
}

.ss-btn-white {
 background: #fff;
 color: var(--ss-blue) !important;
}

.ss-btn-transparent {
 background: rgba(255,255,255,.10);
 border: 1px solid rgba(255,255,255,.25);
 color: #fff !important;
}

.ss-btn-white:hover,
.ss-btn-transparent:hover {
 transform: translateY(-2px);
}


/* =========================================================
 RADIATE TEMA UYUMLULUU
 ========================================================= */

body .ss-partners-page h1,
body .ss-partners-page h2,
body .ss-partners-page h3 {
 font-family: inherit;
}

body .ss-partners-page a {
 text-decoration: none;
}

body .ss-partners-page p:last-child {
 margin-bottom: 0;
}


/* =========================================================
 TABLET
 ========================================================= */

@media (max-width: 1024px) {

 .ss-partners-two-col,
 .ss-partners-service-inner {
 grid-template-columns: 1fr;
 gap: 45px;
 }

 .ss-benefit-grid,
 .ss-company-grid {
 grid-template-columns: repeat(2, 1fr);
 }

 .ss-partners-photo-card {
 min-height: 360px;
 }

 .ss-partners-cta-box {
 grid-template-columns: auto 1fr;
 }

 .ss-cta-actions {
 grid-column: 1 / -1;
 flex-direction: row;
 }
}


/* =========================================================
 MOBL
 ========================================================= */

@media (max-width: 767px) {

 .ss-partners-container {
 width: min(100% - 28px, 1180px);
 }

 .ss-partners-hero {
 min-height: auto;
 }

 .ss-partners-hero-content {
 padding: 65px 0;
 }

 .ss-partners-hero h1 {
 font-size: 43px;
 }

 .ss-partners-hero p {
 font-size: 17px;
 line-height: 1.7;
 }

 .ss-partners-hero-actions {
 flex-direction: column;
 }

 .ss-btn {
 width: 100%;
 }

 .ss-partners-intro,
 .ss-partners-benefits,
 .ss-partners-companies {
 padding: 62px 0;
 }

 .ss-partners-intro-text h2,
 .ss-section-heading h2 {
 font-size: 32px;
 }

 .ss-partners-intro-text p {
 font-size: 16px;
 line-height: 1.75;
 }

 .ss-partners-photo-card {
 min-height: 300px;
 }

 .ss-partners-mini-card {
 right: 14px;
 bottom: 14px;
 width: calc(100% - 28px);
 }

 .ss-benefit-grid,
 .ss-company-grid {
 grid-template-columns: 1fr;
 }

 .ss-benefit-card {
 padding: 30px 24px;
 }

 .ss-company-card {
 min-height: 180px;
 }

 .ss-service-list {
 grid-template-columns: 1fr;
 }

 .ss-partners-service {
 padding: 62px 0;
 }

 .ss-partners-cta {
 padding: 50px 0 65px;
 }

 .ss-partners-cta-box {
 grid-template-columns: 1fr;
 text-align: left;
 padding: 30px 24px;
 }

 .ss-cta-icon {
 width: 60px;
 height: 60px;
 }

 .ss-cta-actions {
 flex-direction: column;
 width: 100%;
 }
}
/* =========================================================
  ORTAKLARIMIZ - GERÂ«EK GÃ·RSELLER
 ========================================================= */

/* HERO - El skma gË†rseli */
.ss-partners-hero {
 background:
 linear-gradient(
 90deg,
 rgba(5, 43, 72, 0.88) 0%,
 rgba(5, 43, 72, 0.70) 38%,
 rgba(5, 43, 72, 0.25) 68%,
 rgba(5, 43, 72, 0.05) 100%
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/is-portaklarimiz.png')
 center center / cover no-repeat;

 min-height: 520px;
}

/* ORTA SA - Ekip Ãalmas gË†rseli */
.ss-partners-photo-card {
 background:
 linear-gradient(
 180deg,
 rgba(8, 54, 86, 0.02) 0%,
 rgba(8, 54, 86, 0.10) 100%
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/ekip-calismasi.png')
 center center / cover no-repeat;

 min-height: 420px;
 background-position: center center;
}


/* MOBL AYARLARI */
@media (max-width: 767px) {

 .ss-partners-hero {
 min-height: 500px;

 background:
 linear-gradient(
 90deg,
 rgba(5, 43, 72, 0.93) 0%,
 rgba(5, 43, 72, 0.78) 60%,
 rgba(5, 43, 72, 0.45) 100%
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/is-portaklarimiz.png')
 62% center / cover no-repeat;
 }

 .ss-partners-photo-card {
 min-height: 310px;

 background:
 linear-gradient(
 180deg,
 rgba(8, 54, 86, 0.02),
 rgba(8, 54, 86, 0.10)
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/ekip-calismasi.png')
 center center / cover no-repeat;
 }
}
/* =========================================================
  ORTAKLARIMIZ SAYFASI - SAYFA ID 1003
 ========================================================= */

/* Radiate temasnn otomatik sayfa baln gizle */
.page-id-1003 .entry-header {
 display: none !important;
}

/* Sayfa Â¸st-alt gereksiz boluklarn azalt */
.page-id-1003 .site-content {
 padding-top: 0 !important;
}

.page-id-1003 .content-area {
 margin-top: 0 !important;
}

.page-id-1003 .entry-content {
 margin-top: 0 !important;
}

/* Sayfa iÃeriinin hero ile daha bÂ¸tÂ¸n gË†rÂ¸nmesi iÃin */
.page-id-1003 .hentry {
 margin-bottom: 0 !important;
}

/* Hero yÂ¸kseklii */
.page-id-1003 .ss-partners-hero {
 min-height: 520px;
}

/* Hero yazsn Ë†nde ve okunakl tut */
.page-id-1003 .ss-partners-hero-content {
 position: relative;
 z-index: 5;
}

/* Orta bË†lÂ¸m gË†rsel kart */
.page-id-1003 .ss-partners-photo-card {
 min-height: 420px;
}

/* Mobil */
@media (max-width: 767px) {

 .page-id-1003 .ss-partners-hero {
 min-height: 500px;
 }

 .page-id-1003 .ss-partners-photo-card {
 min-height: 310px;
 }
}
/* =========================================================
  ORTAKLARIMIZ - YAZISIZ HERO GÃ·RSEL
 Sayfa ID: 1003
 ========================================================= */

.page-id-1003 .ss-partners-hero {
 background:
 linear-gradient(
 90deg,
 rgba(5, 43, 72, 0.94) 0%,
 rgba(5, 43, 72, 0.82) 32%,
 rgba(5, 43, 72, 0.48) 58%,
 rgba(5, 43, 72, 0.12) 100%
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/is-ortaklarimiz-yazisiz.png')
 center center / cover no-repeat !important;

 min-height: 520px;
}

/* Hero metinlerini fotorafn Â¸zerinde Ë†nde tut */
.page-id-1003 .ss-partners-hero-content {
 position: relative;
 z-index: 5;
}

/* Mobil gË†rÂ¸nÂ¸m */
@media (max-width: 767px) {

 .page-id-1003 .ss-partners-hero {
 min-height: 500px;

 background:
 linear-gradient(
 90deg,
 rgba(5, 43, 72, 0.95) 0%,
 rgba(5, 43, 72, 0.86) 55%,
 rgba(5, 43, 72, 0.52) 100%
 ),
 url('https://seriksigorta.com/wp-content/uploads/2026/09/is-ortaklarimiz-yazisiz.png')
 60% center / cover no-repeat !important;
 }
}
/* =========================================
  ORTAKLARIMIZ - RADIATE Ä°ST BALII KALDIR
 Sayfa ID: 1003
 ========================================= */

.page-id-1003 article > header.entry-header {
 display: none !important;
}

.page-id-1003 .entry-title {
 display: none !important;
}

/* Hero iÃerisindeki gerÃek H1 mutlaka gË†rÂ¸nsÂ¸n */
.page-id-1003 .ss-partners-hero h1 {
 display: block !important;
}
/*  Ortaklarmz - Tema kaynakl Â¸st bal kesin gizle */
.page-id-1003 .entry-title,
.page-id-1003 header.entry-header,
.page-id-1003 .page-header,
.page-id-1003 .entry-header h1 {
 display: none !important;
}

/* Hero iÃindeki gerÃek H1 gË†rÂ¸nmeye devam etsin */
.page-id-1003 .ss-partners-hero h1 {
 display: block !important;
}
/* =========================================================
  ORTAKLARIMIZ - GERÂ«EK RKET LOGOLARI
 ========================================================= */

.page-id-1003 .ss-company-logo {
 min-height: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 18px;
 background: #ffffff;
 border: 1px solid #edf4f8;
 border-radius: 13px;
}

.page-id-1003 .ss-company-logo img {
 display: block;
 width: auto;
 height: auto;
 max-width: 175px;
 max-height: 72px;
 object-fit: contain;
 margin: 0 auto;
}

.page-id-1003 .ss-company-card:hover .ss-company-logo img {
 transform: scale(1.04);
}

.page-id-1003 .ss-company-logo img {
 transition: transform .25s ease;
}

/* Baz yatay logolar iÃin biraz daha geni kullanm */
.page-id-1003 .ss-company-logo.logo-wide img {
 max-width: 195px;
}

/* Mobil */
@media (max-width: 767px) {
 .page-id-1003 .ss-company-logo img {
 max-width: 165px;
 max-height: 68px;
 }
}
/* =========================================================
  ORTAKLARIMIZ - RKET KARTLARI SON DÄ°ZENLEME
 ========================================================= */

/* Grid */
.page-id-1003 .ss-company-grid {
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 18px;
}

/* Kartlar daha kompakt yap */
.page-id-1003 .ss-company-card {
 min-height: 190px;
 padding: 18px;
 border-radius: 16px;
}

/* Logo kutusu */
.page-id-1003 .ss-company-logo {
 height: 92px;
 min-height: 92px;
 margin-bottom: 14px;
 padding: 10px 14px;
 border-radius: 12px;
}

/* GerÃek logolar biraz bÂ¸yÂ¸t */
.page-id-1003 .ss-company-logo img {
 max-width: 185px;
 max-height: 68px;
 width: auto;
 height: auto;
 object-fit: contain;
}

/* Yazyla duran geÃici logolar */
.page-id-1003 .ss-company-text-logo span {
 font-size: 20px;
 line-height: 1.05;
 font-weight: 800;
 letter-spacing: 0;
}

/* irket isimleri */
.page-id-1003 .ss-company-card h3 {
 margin: 0 0 8px;
 color: #193f59;
 font-size: 17px;
 line-height: 1.3;
 font-weight: 700;
}

/* Web sitesi balants hep kartn altnda */
.page-id-1003 .ss-company-link {
 margin-top: auto;
 font-size: 12px;
 line-height: 1.3;
 font-weight: 700;
}

/* Hover */
.page-id-1003 .ss-company-card {
 transition:
 transform .22s ease,
 box-shadow .22s ease,
 border-color .22s ease;
}

.page-id-1003 .ss-company-card:hover {
 transform: translateY(-4px);
 border-color: rgba(22,174,224,.45);
 box-shadow: 0 14px 32px rgba(13,75,116,.11);
}

/* Son sradaki 2 kart masaÂ¸stÂ¸nde ortaya al */
@media (min-width: 1025px) {

 .page-id-1003 .ss-company-grid > .ss-company-card:nth-last-child(2) {
 grid-column: 2;
 }

 .page-id-1003 .ss-company-grid > .ss-company-card:last-child {
 grid-column: 3;
 }
}

/* Tablet */
@media (max-width: 1024px) {

 .page-id-1003 .ss-company-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .page-id-1003 .ss-company-card {
 min-height: 185px;
 }
}

/* Mobil */
@media (max-width: 767px) {

 .page-id-1003 .ss-company-grid {
 grid-template-columns: 1fr;
 gap: 15px;
 }

 .page-id-1003 .ss-company-card {
 min-height: 175px;
 padding: 17px;
 }

 .page-id-1003 .ss-company-logo {
 height: 88px;
 min-height: 88px;
 }

 .page-id-1003 .ss-company-logo img {
 max-width: 180px;
 max-height: 65px;
 }
}
/* =========================================
  ORTAKLARIMIZ - LOGO BOYUT DENGES
 ========================================= */

/* AXA */
.page-id-1003 .ss-company-card:nth-child(5) .ss-company-logo img {
 max-width: 210px;
 max-height: 78px;
 transform: scale(1.12);
}

/* Corpus */
.page-id-1003 .ss-company-card:nth-child(6) .ss-company-logo img {
 max-width: 205px;
 max-height: 78px;
 transform: scale(1.08);
}

/* EMAA */
.page-id-1003 .ss-company-card:nth-child(8) .ss-company-logo img {
 max-width: 195px;
 max-height: 76px;
 transform: scale(1.10);
}

/* TÂ¸rk Nippon */
.page-id-1003 .ss-company-card:nth-child(16) .ss-company-logo img {
 max-width: 210px;
 max-height: 78px;
 transform: scale(1.18);
}

/* TÂ¸rkiye Sigorta */
.page-id-1003 .ss-company-card:nth-child(17) .ss-company-logo img {
 max-width: 220px;
 max-height: 80px;
 transform: scale(1.22);
}
<section class="ss-partners-top-intro">
 <div class="ss-partners-container">

 <span class="ss-section-kicker"> ORTAKLARIMIZ</span>

 <h1>GÂ¸ÃlÂ¸  Birlikleri, Doru Sigorta Â«Ë†zÂ¸mleri</h1>

 <p>
 Serik Sigorta olarak bireysel ve kurumsal mÂ¸terilerimizin farkl sigorta
 ihtiyaÃlarna ÃË†zÂ¸m sunabilmek iÃin sektË†rÂ¸n gÂ¸ÃlÂ¸ ve gÂ¸venilir sigorta
 irketleriyle Ãalyoruz.
 </p>

 <p>
 Her riskin ve her mÂ¸terinin ihtiyacnn farkl olduunun bilinciyle;
 sigorta irketlerinin <strong>teminat kapsamlarn, limitlerini, muafiyetlerini,
 Ë†zel artlarn ve fiyat seÃeneklerini</strong> birlikte deerlendiriyor,
 ihtiyaca uygun alternatiflerin oluturulmasn hedefliyoruz.
 </p>

 <p>
 Aada birlikte Ãaltmz sigorta irketlerinden bazlarn
 inceleyebilirsiniz.
 </p>

 </div>
</section>/* =========================================
  ORTAKLARIMIZ - Ä°ST GR ALANI
 ========================================= */

.page-id-1003 .ss-partners-top-intro {
 padding: 72px 0 52px;
 background:
 linear-gradient(
 135deg,
 #f7fcff 0%,
 #eef8fc 100%
 );
 border-bottom: 1px solid #e4f0f5;
}

.page-id-1003 .ss-partners-top-intro .ss-partners-container {
 max-width: 900px;
 text-align: center;
}

.page-id-1003 .ss-partners-top-intro .ss-section-kicker {
 display: inline-block;
 margin-bottom: 14px;
 color: #16aee0;
 font-size: 13px;
 line-height: 1.3;
 font-weight: 800;
 letter-spacing: 1.8px;
 text-transform: uppercase;
}

.page-id-1003 .ss-partners-top-intro h1 {
 position: relative;
 margin: 0 0 28px;
 padding-bottom: 22px;
 color: #0d4b74;
 font-size: clamp(36px, 4.5vw, 52px);
 line-height: 1.12;
 font-weight: 800;
 letter-spacing: -0.8px;
}

.page-id-1003 .ss-partners-top-intro h1::after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 width: 62px;
 height: 4px;
 transform: translateX(-50%);
 background: #16aee0;
 border-radius: 20px;
}

.page-id-1003 .ss-partners-top-intro p {
 max-width: 820px;
 margin: 0 auto 17px;
 color: #35556b;
 font-size: 17px;
 line-height: 1.8;
}

.page-id-1003 .ss-partners-top-intro p:last-child {
 margin-bottom: 0;
}

.page-id-1003 .ss-partners-top-intro strong {
 color: #173f5a;
 font-weight: 700;
}

@media (max-width: 767px) {

 .page-id-1003 .ss-partners-top-intro {
 padding: 52px 0 38px;
 }

 .page-id-1003 .ss-partners-top-intro h1 {
 font-size: 34px;
 padding-bottom: 18px;
 margin-bottom: 23px;
 }

 .page-id-1003 .ss-partners-top-intro p {
 font-size: 16px;
 line-height: 1.72;
 }
}
/* =========================================================
 SERK SGORTA - HASAR REHBER
========================================================= */

.ss-claim-guide{
 margin:30px 0 45px;
 color:#425c6d;
}

.ss-claim-guide *{
 box-sizing:border-box;
}


/* Ä°ST BLG */

.ss-claim-intro{
 margin-bottom:24px;
 padding:26px 28px;
 background:linear-gradient(135deg,#f3f9ff 0%,#fff 100%);
 border:1px solid #dcebf5;
 border-radius:16px;
 box-shadow:0 7px 22px rgba(18,55,85,.05);
}

.ss-claim-kicker{
 display:block;
 margin-bottom:8px;
 color:#1689d8;
 font-size:12px;
 font-weight:800;
 letter-spacing:1.3px;
}

.ss-claim-intro h2{
 margin:0 0 15px;
 color:#123f60;
 font-size:29px;
 line-height:1.25;
}

.ss-claim-intro p{
 margin:0 0 13px;
 color:#465f70;
 font-size:16px;
 line-height:1.75;
}

.ss-claim-intro p:last-child{
 margin-bottom:0;
}


/* LK YAPILACAKLAR */

.ss-claim-alert{
 display:flex;
 align-items:flex-start;
 gap:18px;
 margin-bottom:28px;
 padding:21px 23px;
 background:linear-gradient(135deg,#eef8ff 0%,#f8fcff 100%);
 border:1px solid #d5e9f5;
 border-radius:14px;
 box-shadow:0 5px 18px rgba(18,55,85,.04);
}

.ss-claim-alert-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 width:48px;
 height:48px;
 flex:0 0 48px;
 border-radius:13px;
 background:linear-gradient(135deg,#1689d8,#16b5b0);
 color:#fff;
 font-size:24px;
 font-weight:800;
}

.ss-claim-alert strong{
 display:block;
 margin-bottom:5px;
 color:#123f60;
 font-size:17px;
}

.ss-claim-alert p{
 margin:0;
 color:#526979;
 line-height:1.65;
}


/* ACCORDION */

.ss-claim-category{
 display:block;
 margin:0 0 14px;
 overflow:hidden;
 background:#fff;
 border:1px solid #d9e9f3;
 border-radius:14px;
 box-shadow:0 5px 18px rgba(18,55,85,.05);
}

.ss-claim-category summary{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 cursor:pointer;
 list-style:none;
 padding:20px 60px 20px 24px;
 margin:0;
 background:linear-gradient(100deg,#eef8ff 0%,#f8fcff 55%,#fff 100%);
 color:#123f60;
 font-size:19px;
 line-height:1.35;
 font-weight:700;
}

.ss-claim-category summary::-webkit-details-marker{
 display:none;
}

.ss-claim-category summary::marker{
 display:none;
 content:"";
}

.ss-claim-category summary::before{
 content:"";
 position:absolute;
 left:0;
 top:14px;
 bottom:14px;
 width:5px;
 border-radius:0 5px 5px 0;
 background:linear-gradient(180deg,#1689d8,#20afd0);
}

.ss-claim-category summary::after{
 content:"+";
 position:absolute;
 right:22px;
 top:50%;
 transform:translateY(-50%);
 color:#1689d8;
 font-size:28px;
 line-height:1;
 font-weight:400;
}

.ss-claim-category[open] summary::after{
 content:"";
}

.ss-claim-category[open] summary{
 border-bottom:1px solid #e3edf4;
}

.ss-claim-category summary small{
 margin-left:auto;
 color:#7b919f;
 font-size:12px;
 font-weight:600;
}


/* Â«ERK */

.ss-claim-content{
 padding:23px 26px 26px;
 background:#fff;
 color:#465f70;
 font-size:15px;
 line-height:1.7;
}

.ss-claim-content h3{
 margin:4px 0 15px;
 color:#123f60;
 font-size:19px;
}

.ss-claim-content h4{
 margin:0 0 10px;
 color:#174969;
 font-size:16px;
}

.ss-claim-content ul{
 margin:7px 0 13px;
 padding-left:23px;
}

.ss-claim-content li{
 margin-bottom:8px;
}

.ss-claim-content li::marker{
 color:#1699c8;
}


/* ALT BÃ·LÄ°M KUTULARI */

.ss-claim-subbox{
 margin:14px 0;
 padding:17px 19px;
 background:linear-gradient(145deg,#f7fbff,#fff);
 border:1px solid #e0ebf3;
 border-radius:11px;
}

.ss-claim-note{
 margin:18px 0 0 !important;
 padding:12px 14px;
 background:#f5faff;
 border-left:3px solid #1aa1d0;
 border-radius:6px;
 color:#607686;
 font-size:13px;
}


/* NUMARALI HASAR ADIMLARI */

.ss-claim-steps{
 margin:0;
 padding:0;
 counter-reset:ssClaimStep;
 list-style:none;
}

.ss-claim-steps li{
 position:relative;
 counter-increment:ssClaimStep;
 margin:0 0 12px;
 padding:13px 15px 13px 52px;
 background:#f8fbfe;
 border:1px solid #e2edf4;
 border-radius:10px;
}

.ss-claim-steps li::before{
 content:counter(ssClaimStep);
 position:absolute;
 left:13px;
 top:50%;
 transform:translateY(-50%);
 display:flex;
 align-items:center;
 justify-content:center;
 width:28px;
 height:28px;
 border-radius:9px;
 background:linear-gradient(135deg,#1689d8,#16b5b0);
 color:#fff;
 font-size:13px;
 font-weight:800;
}


/* ALT DESTEK */

.ss-claim-support{
 display:flex;
 align-items:flex-start;
 gap:19px;
 margin-top:30px;
 padding:23px 25px;
 background:linear-gradient(135deg,#f2f9ff,#fff);
 border:1px solid #d9eaf6;
 border-radius:15px;
 box-shadow:0 6px 20px rgba(18,55,85,.04);
}

.ss-claim-support-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 width:52px;
 height:52px;
 flex:0 0 52px;
 border-radius:14px;
 background:linear-gradient(135deg,#1689d8,#16b5b0);
 color:#fff;
 font-size:22px;
}

.ss-claim-support strong{
 display:block;
 margin-bottom:5px;
 color:#123f60;
 font-size:18px;
}

.ss-claim-support p{
 margin:0 0 11px;
 color:#526979;
}

.ss-claim-support-links{
 display:flex;
 gap:17px;
 flex-wrap:wrap;
}

.ss-claim-support-links a{
 color:#1689d8;
 text-decoration:none;
 font-size:14px;
 font-weight:700;
}

.ss-claim-support-links a:hover{
 text-decoration:underline;
}


/* MOBL */

@media(max-width:768px){

 .ss-claim-intro{
 padding:22px 19px;
 }

 .ss-claim-intro h2{
 font-size:24px;
 }

 .ss-claim-intro p{
 font-size:15px;
 }

 .ss-claim-alert{
 padding:18px;
 }

 .ss-claim-category summary{
 padding:17px 49px 17px 18px;
 font-size:16px;
 }

 .ss-claim-category summary small{
 display:none;
 }

 .ss-claim-content{
 padding:18px;
 font-size:14px;
 }

 .ss-claim-support{
 padding:19px;
 flex-direction:column;
 }

}




/* =========================================================
   SERIK SIGORTA
   BIZE ULASIN - FINAL YATAY KOMPAKT FORM
   Forminator #14707
   ========================================================= */

@media (min-width: 901px){

    /* -----------------------------------------------------
       ANA ILETISIM KARTI
       ----------------------------------------------------- */

    .ss-global-product-contact{
        display:grid !important;
        grid-template-columns: 32% 68% !important;

        width:100% !important;
        max-width:1080px !important;

        min-height:0 !important;
        height:auto !important;

        margin:28px auto 34px !important;

        overflow:hidden !important;

        border:1px solid #d7e8f4 !important;
        border-radius:18px !important;

        background:#fff !important;

        box-shadow:
            0 10px 30px rgba(18,59,93,.055) !important;
    }


    /* -----------------------------------------------------
       SOL BIZE ULASIN PANELI
       ----------------------------------------------------- */

    .ss-global-product-contact .ss-contact-info{
        min-height:0 !important;
        height:auto !important;

        padding:27px 27px 25px !important;

        background:
            linear-gradient(
                145deg,
                #edf7ff 0%,
                #f8fcff 100%
            ) !important;
    }

    .ss-global-product-contact .ss-contact-kicker{
        margin:0 0 7px !important;

        font-size:9px !important;
        letter-spacing:1.3px !important;
    }

    .ss-global-product-contact .ss-contact-info h2{
        margin:0 0 15px !important;

        font-size:31px !important;
        line-height:1 !important;
    }

    .ss-global-product-contact .ss-contact-text{
        max-width:230px !important;

        margin:0 0 17px !important;

        font-size:12px !important;
        line-height:1.45 !important;
    }

    .ss-global-product-contact .ss-contact-item{
        gap:9px !important;

        margin:0 0 9px !important;
    }

    .ss-global-product-contact .ss-contact-icon{
        width:32px !important;
        height:32px !important;

        flex:0 0 32px !important;

        font-size:11px !important;
    }

    .ss-global-product-contact .ss-contact-item strong{
        margin:0 0 1px !important;

        font-size:10.5px !important;
        line-height:1.15 !important;
    }

    .ss-global-product-contact .ss-contact-item a,
    .ss-global-product-contact .ss-contact-item span{
        font-size:10.5px !important;
        line-height:1.3 !important;
    }


    /* -----------------------------------------------------
       SAG FORM PANELI
       ----------------------------------------------------- */

    .ss-global-product-contact .ss-contact-form-area{
        position:relative !important;

        min-height:0 !important;
        height:auto !important;

        padding:27px 30px 25px !important;

        overflow:hidden !important;

        background:
            linear-gradient(
                110deg,
                #ffffff 0%,
                #ffffff 72%,
                #f4faff 100%
            ) !important;
    }


    /* -----------------------------------------------------
       FORMINATOR FORMU GRID'E CEVIR
       ----------------------------------------------------- */

    .ss-global-product-contact #forminator-module-14707{
        position:relative !important;
        z-index:2 !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr)
            minmax(0,1fr) !important;

        column-gap:13px !important;
        row-gap:12px !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
    }


    /* Forminator satirlarinin eski marginlerini kapat */
    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* Satir icindeki kolon tam genislik */
    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row
    > .forminator-col{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        flex:none !important;
    }


    /* -----------------------------------------------------
       AD SOYAD
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row:has(
        [id^="forminator-field-name-1_"]
    ){
        grid-column:1 !important;
        grid-row:1 !important;
    }


    /* -----------------------------------------------------
       E-POSTA
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row:has(
        [id^="forminator-field-email-1_"]
    ){
        grid-column:2 !important;
        grid-row:1 !important;
    }


    /* -----------------------------------------------------
       TELEFON
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row:has(
        [id^="forminator-field-phone-1_"]
    ){
        grid-column:3 !important;
        grid-row:1 !important;
    }


    /* -----------------------------------------------------
       MESAJ
       Sol iki kolonu kullansin
       Sag taraf gorsele kalsin
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row:has(
        textarea
    ){
        grid-column:1 / span 2 !important;
        grid-row:2 !important;
    }


    /* -----------------------------------------------------
       GONDER BUTONU
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row:has(
        .forminator-button-submit
    ){
        grid-column:1 / span 2 !important;
        grid-row:3 !important;

        align-self:start !important;
    }


    /* -----------------------------------------------------
       LABEL
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    .forminator-label{
        display:block !important;

        margin:0 0 5px !important;

        color:#15394e !important;

        font-size:11px !important;
        line-height:1.2 !important;
        font-weight:700 !important;
    }


    /* -----------------------------------------------------
       INPUTLAR
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    input.forminator-input{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:42px !important;
        min-height:42px !important;

        margin:0 !important;
        padding:0 11px !important;

        border:1px solid #cfe1ec !important;
        border-radius:9px !important;

        background:rgba(255,255,255,.94) !important;

        font-size:12px !important;

        box-shadow:none !important;
    }


    /* -----------------------------------------------------
       MESAJ KUTUSU
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    textarea.forminator-textarea{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:92px !important;
        min-height:92px !important;

        margin:0 !important;
        padding:10px 11px !important;

        border:1px solid #cfe1ec !important;
        border-radius:9px !important;

        background:rgba(255,255,255,.94) !important;

        font-size:12px !important;
        line-height:1.4 !important;

        box-shadow:none !important;
    }


    /* Karakter sayaci */
    .ss-global-product-contact
    #forminator-module-14707
    .forminator-description{
        width:100% !important;

        margin:3px 0 0 !important;

        text-align:right !important;

        font-size:9px !important;
    }


    /* -----------------------------------------------------
       GONDER
       ----------------------------------------------------- */

    .ss-global-product-contact
    #forminator-module-14707
    .forminator-button-submit{
        min-width:135px !important;
        min-height:40px !important;

        margin:0 !important;
        padding:9px 21px !important;

        border:0 !important;
        border-radius:9px !important;

        background:
            linear-gradient(
                135deg,
                #168bd6 0%,
                #0874e8 100%
            ) !important;

        color:#fff !important;

        font-size:11px !important;
        font-weight:700 !important;

        box-shadow:
            0 7px 17px rgba(20,118,210,.16) !important;
    }


    /* -----------------------------------------------------
       KURUMSAL ILLUSTRASYON
       ARTIK ALT BANT DEGIL, SAGDA WATERMARK
       ----------------------------------------------------- */

    .ss-global-product-contact
    .ss-contact-form-area::after{
        content:"" !important;

        position:absolute !important;

        right:8px !important;
        bottom:12px !important;
        top:auto !important;
        left:auto !important;

        width:31% !important;
        height:185px !important;

        background-repeat:no-repeat !important;
        background-position:right bottom !important;
        background-size:contain !important;

        opacity:.20 !important;

        pointer-events:none !important;

        z-index:0 !important;
    }


    /* Eski dekorasyon ihtimalini kapat */
    .ss-contact-card
    > .wp-block-column:last-child::after{
        display:none !important;
    }
}


/* =========================================================
   TABLET / MOBIL
   ========================================================= */

@media (max-width:900px){

    .ss-global-product-contact{
        grid-template-columns:1fr !important;
    }

    .ss-global-product-contact .ss-contact-info{
        padding:24px 20px !important;
    }

    .ss-global-product-contact .ss-contact-text{
        max-width:100% !important;
    }

    .ss-global-product-contact .ss-contact-form-area{
        padding:24px 20px !important;
    }

    .ss-global-product-contact
    #forminator-module-14707{
        display:block !important;
    }

    .ss-global-product-contact
    #forminator-module-14707
    > .forminator-row{
        display:block !important;

        width:100% !important;

        margin-bottom:12px !important;
    }

    .ss-global-product-contact
    #forminator-module-14707
    textarea.forminator-textarea{
        width:100% !important;
        max-width:100% !important;
    }

    .ss-global-product-contact
    .ss-contact-form-area::after{
        display:none !important;
    }

    .ss-global-product-contact
    #forminator-module-14707
    .forminator-button-submit{
        width:100% !important;
    }
}
/* ==================================================
   BÄ°ZE ULAÅIN â€“ ALT BOÅLUK DÃœZELTME
   ================================================== */

/* Ana iletiÅŸim kartÄ±nÄ± iÃ§eriÄŸe gÃ¶re kÄ±salt */
.ss-global-product-contact,
.ss-contact-card {
    min-height: 0 !important;
    height: auto !important;
}

/* Sol iletiÅŸim alanÄ± */
.ss-global-product-contact .ss-contact-info,
.ss-contact-card .ss-contact-info {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 32px !important;
}

/* SaÄŸ form alanÄ± */
.ss-global-product-contact .ss-contact-form,
.ss-contact-card .ss-contact-form {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 32px !important;
}

/* Forminator'Ä±n gereksiz alt boÅŸluklarÄ±nÄ± temizle */
.ss-global-product-contact #forminator-module-14707,
.ss-contact-card #forminator-module-14707 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* KartÄ±n genel alt boÅŸluÄŸu */
.ss-global-product-contact {
    padding-bottom: 0 !important;
    margin-bottom: 35px !important;
}
/* =========================================================
   BIZE ULAÅIN - KOMPAKT YATAY (NÄ°HAÄ° / EN ALTA EKLE)
   Ã–nceki tÃ¼m iletiÅŸim dÃ¼zeltmelerini geÃ§ersiz kÄ±lar
   ========================================================= */

/* --- ANA KART --- */
.ss-contact-card,
.ss-global-product-contact {
    display: grid !important;
    grid-template-columns: 34% 66% !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 1040px !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 26px auto 34px !important;
    overflow: hidden !important;

    border: 1px solid #d7e8f4 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(17, 55, 84, .07) !important;
}

/* --- SOL PANEL: iÃ§erik dikeyde ORTALI --- */
.ss-contact-card > .wp-block-column:first-child,
.ss-global-product-contact .ss-contact-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 26px 24px !important;
    background: linear-gradient(145deg, #eef7ff 0%, #f7fbff 100%) !important;
}

/* --- SAÄ PANEL: form dikeyde ORTALI, alt boÅŸluk yok --- */
.ss-contact-card > .wp-block-column:last-child,
.ss-global-product-contact .ss-contact-form-area {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 26px 30px !important;
    background: #fff !important;
}

/* --- BoÅŸluk yaratan eski dekoratif katmanlarÄ± kapat --- */
.ss-contact-card > .wp-block-column:last-child::after,
.ss-contact-card > .wp-block-column:last-child::before,
.ss-global-product-contact .ss-contact-form-area::after {
    display: none !important;
}

/* --- SOL PANEL Ä°Ã‡ERÄ°K: sÄ±kÄ± --- */
.ss-contact-card .ss-contact-info h2,
.ss-global-product-contact .ss-contact-info h2 {
    margin: 0 0 12px !important;
    font-size: 30px !important;
    line-height: 1.02 !important;
}
.ss-global-product-contact .ss-contact-text {
    max-width: 230px !important;
    margin: 0 0 16px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
.ss-contact-card .ss-contact-item,
.ss-global-product-contact .ss-contact-item {
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
}
.ss-contact-card .ss-contact-item:last-child,
.ss-global-product-contact .ss-contact-item:last-child {
    margin-bottom: 0 !important;
}
.ss-contact-card .ss-contact-icon,
.ss-global-product-contact .ss-contact-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
}

/* --- FORM: kompakt --- */
.ss-contact-card #forminator-module-14707,
.ss-global-product-contact #forminator-module-14707 {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
}
.ss-contact-card #forminator-module-14707 .forminator-row,
.ss-global-product-contact #forminator-module-14707 .forminator-row {
    margin-bottom: 12px !important;
}
.ss-contact-card #forminator-module-14707 .forminator-label,
.ss-global-product-contact #forminator-module-14707 .forminator-label {
    margin-bottom: 4px !important;
    font-size: 12px !important;
}

/* Ä°lk satÄ±r: 3 alan eÅŸit ve YAN YANA (saÄŸa yaslanma biter) */
@media screen and (min-width: 701px) {
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col {
        flex: 1 1 0 !important;
        width: 33.333% !important;
        max-width: 33.333% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Input yÃ¼ksekliÄŸi */
.ss-contact-card #forminator-module-14707 input.forminator-input,
.ss-global-product-contact #forminator-module-14707 input.forminator-input {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 14px !important;
}

/* Mesaj: TAM GENÄ°ÅLÄ°K (yarÄ±m kalmasÄ±n) */
.ss-contact-card #forminator-module-14707 textarea.forminator-textarea,
.ss-global-product-contact #forminator-module-14707 textarea.forminator-textarea {
    width: 100% !important;
    max-width: 100% !important;
    height: 84px !important;
    min-height: 84px !important;
    font-size: 14px !important;
}
.ss-contact-card #forminator-module-14707 .forminator-description,
.ss-global-product-contact #forminator-module-14707 .forminator-description {
    width: 100% !important;
    text-align: right !important;
}

/* GÃ¶nder satÄ±rÄ±: alt boÅŸluk sÄ±fÄ±r */
.ss-contact-card #forminator-module-14707 .forminator-row-last,
.ss-global-product-contact #forminator-module-14707 .forminator-row-last {
    margin-bottom: 0 !important;
}

/* --- MOBÄ°L: alt alta --- */
@media screen and (max-width: 900px) {
    .ss-contact-card,
    .ss-global-product-contact {
        grid-template-columns: 1fr !important;
    }
    .ss-contact-card > .wp-block-column:first-child,
    .ss-contact-card > .wp-block-column:last-child,
    .ss-global-product-contact .ss-contact-info,
    .ss-global-product-contact .ss-contact-form-area {
        padding: 22px 18px !important;
    }
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type {
        display: block !important;
    }
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
}


	/* =========================================================
   BIZE ULAÅIN - FLEX YÃ–NTEMÄ° (:has gerektirmez)
   Son :has() bloÄŸunun YERÄ°NE
   ========================================================= */

@media screen and (min-width: 701px) {

    /* Formu normal dikey akÄ±ÅŸa al */
    .ss-contact-card #forminator-module-14707,
    .ss-global-product-contact #forminator-module-14707 {
        display: block !important;
        width: 100% !important;
    }

    /* Ä°LK SATIR: 3 alanÄ± yan yana diz */
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 0 12px !important;
    }

    /* Ä°lk satÄ±rdaki sÃ¼tunlar eÅŸit geniÅŸlik */
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type > .forminator-col {
        flex: 1 1 0 !important;
        width: 33.333% !important;
        max-width: 33.333% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ä°lk satÄ±rdaki inputlar tam geniÅŸlik */
    .ss-contact-card #forminator-module-14707 > .forminator-row:first-of-type input.forminator-input,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:first-of-type input.forminator-input {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* DÄ°ÄER SATIRLAR (Mesaj + GÃ¶nder): tam geniÅŸlik, alt alta */
    .ss-contact-card #forminator-module-14707 > .forminator-row:not(:first-of-type),
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:not(:first-of-type) {
        display: block !important;
        width: 100% !important;
        margin: 0 0 12px !important;
    }

    .ss-contact-card #forminator-module-14707 > .forminator-row:not(:first-of-type) .forminator-col,
    .ss-global-product-contact #forminator-module-14707 > .forminator-row:not(:first-of-type) .forminator-col {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ss-contact-card #forminator-module-14707 textarea.forminator-textarea,
    .ss-global-product-contact #forminator-module-14707 textarea.forminator-textarea {
        width: 100% !important;
        max-width: 100% !important;
        height: 84px !important;
        min-height: 84px !important;
    }

    .ss-contact-card #forminator-module-14707 .forminator-row-last,
    .ss-global-product-contact #forminator-module-14707 .forminator-row-last {
        margin-bottom: 0 !important;
    }
}
	/* =========================================================
   BIZE ULAÅIN - BOÅLUK KAPATMA (ALT ALTA DÃœZEN KORUNUR)
   >>> DosyanÄ±n EN ALTINA ekle <
   ========================================================= */

@media screen and (min-width: 701px) {

    /* Sol ve saÄŸ panel aynÄ± yÃ¼kseklikte baÅŸlasÄ±n, boÅŸluk Ã¼ste toplansÄ±n */
    .ss-contact-card > .wp-block-column:first-child,
    .ss-contact-card > .wp-block-column:last-child,
    .ss-global-product-contact .ss-contact-info,
    .ss-global-product-contact .ss-contact-form-area {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-height: 0 !important;
        height: auto !important;
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    /* Form satÄ±rlarÄ± arasÄ± boÅŸluÄŸu sÄ±kÄ±laÅŸtÄ±r */
    .ss-contact-card #forminator-module-14707 .forminator-row,
    .ss-global-product-contact #forminator-module-14707 .forminator-row {
        margin-bottom: 14px !important;
    }

    /* GÃ¶nder satÄ±rÄ±nÄ±n altÄ±ndaki boÅŸluÄŸu kapat */
    .ss-contact-card #forminator-module-14707 .forminator-row-last,
    .ss-global-product-contact #forminator-module-14707 .forminator-row-last {
        margin-bottom: 0 !important;
    }

    /* Mesaj kutusunu makul yÃ¼kseklikte tut */
    .ss-contact-card #forminator-module-14707 textarea.forminator-textarea,
    .ss-global-product-contact #forminator-module-14707 textarea.forminator-textarea {
        height: 96px !important;
        min-height: 96px !important;
    }
}
	/* =========================================================
   SERÄ°K SÄ°GORTA - MODERN FOOTER 2026
   ========================================================= */

/* Footer ana alan */
#colophon {
    background:
        radial-gradient(circle at 15% 0%, rgba(18,167,194,.13), transparent 32%),
        linear-gradient(135deg, #062f40 0%, #07384c 55%, #052c3b 100%) !important;
    border-top: 4px solid #12a7c2 !important;
    color: #fff !important;
}

/* 3 sÃ¼tun alanÄ± */
#colophon .footer-widgets-wrapper,
#colophon .footer-widgets-area,
#colophon .tg-footer-main-widget {
    max-width: 1180px !important;
    width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    padding: 52px 0 42px !important;
}

/* Her footer sÃ¼tunu */
#colophon .footer-widgets-area .widget,
#colophon .footer-widgets-wrapper .widget,
#colophon .tg-footer-main-widget .widget {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 25px !important;
}

/* SÃ¼tun baÅŸlÄ±klarÄ± */
#colophon .widget-title {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
    margin: 0 0 22px !important;
    padding: 0 0 13px !important;
    position: relative !important;
    border: 0 !important;
}

/* BaÅŸlÄ±k altÄ±ndaki turkuaz Ã§izgi */
#colophon .widget-title::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 42px !important;
    height: 3px !important;
    border-radius: 10px !important;
    background: #12a7c2 !important;
}

/* MenÃ¼ listeleri */
#colophon ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#colophon li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Linkler */
#colophon li a {
    display: inline-block !important;
    position: relative !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    padding: 6px 0 6px 17px !important;
    transition: all .22s ease !important;
}

/* Link Ã¶nÃ¼ndeki kÃ¼Ã§Ã¼k nokta */
#colophon li a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #12a7c2 !important;
    transform: translateY(-50%) !important;
    transition: all .22s ease !important;
}

/* Hover */
#colophon li a:hover {
    color: #ffffff !important;
    transform: translateX(4px) !important;
}

#colophon li a:hover::before {
    background: #ffffff !important;
}

/* ---------------------------------------------------------
   Ä°LK SÃœTUNA SERÄ°K SÄ°GORTA LOGOSU
   --------------------------------------------------------- */

#colophon .footer-widgets-area > div:first-child::before,
#colophon .footer-widgets-wrapper > div:first-child::before,
#colophon .tg-footer-main-widget > div:first-child::before {
    content: "" !important;
    display: block !important;
    width: 185px !important;
    height: 70px !important;
    margin: 0 0 25px !important;

    background-image:
        url("https://seriksigorta.com/wp-content/uploads/2026/09/serik-logo-2026.png") !important;

    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;

    /* Beyaz footer Ã¼zerinde kullanÄ±lmak Ã¼zere hazÄ±rlanmÄ±ÅŸ logolarda
       koyu zeminde gÃ¶rÃ¼nÃ¼rlÃ¼ÄŸÃ¼ artÄ±rÄ±r */
    background-color: rgba(255,255,255,.96) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   FOOTER ALT BANT
   --------------------------------------------------------- */

#colophon .site-info {
    background: rgba(0,0,0,.18) !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 13px !important;
    padding: 19px 20px !important;
    text-align: center !important;
}

#colophon .site-info a {
    color: #8bdce8 !important;
    text-decoration: none !important;
}

#colophon .site-info a:hover {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   RADIATE ESKÄ° BEYAZ KUTULARI KALDIR
   --------------------------------------------------------- */

#colophon .widget_nav_menu,
#colophon .widget,
#colophon .wp-block-group,
#colophon .wp-block-navigation,
#colophon .wp-block-legacy-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Footer iÃ§erisindeki gereksiz ayÄ±rÄ±cÄ±lar */
#colophon hr {
    border-color: rgba(255,255,255,.10) !important;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 900px) {

    #colophon .footer-widgets-wrapper,
    #colophon .footer-widgets-area,
    #colophon .tg-footer-main-widget {
        width: calc(100% - 32px) !important;
        padding: 40px 0 30px !important;
    }

    #colophon .widget-title {
        font-size: 16px !important;
    }
}

/* ---------------------------------------------------------
   MOBÄ°L
   --------------------------------------------------------- */

@media (max-width: 600px) {

    #colophon .footer-widgets-wrapper,
    #colophon .footer-widgets-area,
    #colophon .tg-footer-main-widget {
        width: calc(100% - 36px) !important;
        padding: 35px 0 25px !important;
    }

    #colophon .footer-widgets-area > div,
    #colophon .footer-widgets-wrapper > div,
    #colophon .tg-footer-main-widget > div {
        width: 100% !important;
        float: none !important;
        margin: 0 0 32px !important;
    }

    #colophon li a {
        font-size: 14px !important;
        padding: 6px 0 6px 16px !important;
    }

    #colophon .footer-widgets-area > div:first-child::before,
    #colophon .footer-widgets-wrapper > div:first-child::before,
    #colophon .tg-footer-main-widget > div:first-child::before {
        width: 165px !important;
        height: 62px !important;
        margin-bottom: 22px !important;
    }
}
	/* FOOTER Ã‡Ä°FT LOGO DÃœZELTME */

#colophon .footer-widgets-area > div:first-child::before,
#colophon .footer-widgets-wrapper > div:first-child::before,
#colophon .tg-footer-main-widget > div:first-child::before{
  display:none !important;
}
	/* =========================================================
   SERÄ°K SÄ°GORTA FOOTER - SON DOKUNUÅ
   ========================================================= */

/* Footer'Ä±n gereksiz yÃ¼ksekliÄŸini azalt */
#colophon .footer-widgets-wrapper,
#colophon .footer-widgets-area,
#colophon .tg-footer-main-widget {
    padding-top: 42px !important;
    padding-bottom: 24px !important;
}

/* Footer widgetlarÄ±nÄ±n alt boÅŸluklarÄ±nÄ± azalt */
#colophon .widget {
    margin-bottom: 12px !important;
}

/* MenÃ¼lerin altÄ±ndaki gereksiz boÅŸluÄŸu azalt */
#colophon .widget_nav_menu,
#colophon .wp-block-legacy-widget {
    margin-bottom: 0 !important;
}

/* Footer iÃ§indeki yatay Ã§izgiyi daha zarif yap */
#colophon hr {
    margin: 28px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
}

/* Footer alt bilgi alanÄ± */
#colophon .site-info {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 16px 25px !important;

    background: rgba(2,31,43,.40) !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;

    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Alt bilgi yazÄ±larÄ± */
#colophon .site-info,
#colophon .site-info a {
    color: rgba(255,255,255,.75) !important;
}

#colophon .site-info a:hover {
    color: #52d0e2 !important;
}

/* MenÃ¼ yazÄ±larÄ±nÄ± biraz daha modern yap */
#colophon li a {
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* BaÅŸlÄ±klarÄ± biraz daha kompakt */
#colophon .widget-title {
    margin-bottom: 15px !important;
}

/* MasaÃ¼stÃ¼nde Ã¼Ã§ sÃ¼tunun dikey hizasÄ±nÄ± eÅŸitle */
@media (min-width: 901px) {

    #colophon .footer-widgets-area,
    #colophon .footer-widgets-wrapper,
    #colophon .tg-footer-main-widget {
        align-items: flex-start !important;
    }

}

/* MOBÄ°L */
@media (max-width: 600px) {

    #colophon .footer-widgets-wrapper,
    #colophon .footer-widgets-area,
    #colophon .tg-footer-main-widget {
        padding-top: 30px !important;
        padding-bottom: 15px !important;
    }

    #colophon .site-info {
        min-height: auto !important;
        padding: 16px 25px !important;
        font-size: 12px !important;
        text-align: center !important;
    }
}
	/* SERÄ°K SÄ°GORTA - FOOTER KURUMSAL ALT BANT */

#colophon .ss-footer-bottom {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 25px !important;

    margin-top: 28px !important;
    padding-top: 20px !important;

    border-top: 1px solid rgba(255,255,255,.20) !important;

    color: rgba(255,255,255,.65) !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

#colophon .ss-footer-contact {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

#colophon .ss-footer-bottom a {
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
}

#colophon .ss-footer-bottom a:hover {
    color: #35c4dc !important;
}

@media (max-width: 700px) {
    #colophon .ss-footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    #colophon .ss-footer-contact {
        white-space: normal !important;
        flex-wrap: wrap !important;
    }
}
	/* =========================================================
   SERÄ°K SÄ°GORTA - FOOTER ALT BANT TAM GENÄ°ÅLÄ°K DÃœZELTMESÄ°
   ========================================================= */

@media (min-width: 901px) {

    /* 3. footer sÃ¼tunundaki Ã¶zel alt bant */
    #colophon .ss-footer-bottom {
        position: absolute !important;

        left: 50% !important;
        bottom: 22px !important;
        transform: translateX(-50%) !important;

        width: min(1120px, calc(100vw - 160px)) !important;
        max-width: 1120px !important;

        margin: 0 !important;
        padding: 18px 0 0 !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 30px !important;

        border-top: 1px solid rgba(255,255,255,.20) !important;

        font-size: 12.5px !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }

    /* Alt banda yer aÃ§ */
    #colophon {
        position: relative !important;
        padding-bottom: 70px !important;
    }

    #colophon .ss-footer-bottom > span:first-child {
        display: block !important;
        width: auto !important;
        max-width: none !important;
    }

    #colophon .ss-footer-contact {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        white-space: nowrap !important;
    }
}


/* TABLET / MOBÄ°L */

@media (max-width: 900px) {

    #colophon .ss-footer-bottom {
        position: static !important;
        transform: none !important;

        width: 100% !important;
        max-width: none !important;

        margin-top: 25px !important;
        padding-top: 18px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        white-space: normal !important;
    }

    #colophon .ss-footer-contact {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        white-space: normal !important;
    }
}


	/* =========================================================
   SERIK SIGORTA - GLOBAL DESIGN SYSTEM 2026
   Ana sayfa renk sistemi -> tum ic sayfalar
   Guvenli gecis surumu: mevcut Ek CSS'nin EN ALTINA ekleyin.
   ========================================================= */

:root{
  --ss-brand-blue:#0B61B4;
  --ss-brand-blue-hover:#09569F;
  --ss-brand-navy:#0B354E;
  --ss-brand-text:#294A59;
  --ss-brand-muted:#687D88;
  --ss-brand-ice:#F4F8FC;
  --ss-brand-ice-2:#EEF5FB;
  --ss-brand-ice-3:#F8FAFD;
  --ss-brand-line:#D9E4EC;
  --ss-brand-line-strong:#C9D9E5;
  --ss-brand-white:#FFFFFF;
  --ss-brand-shadow:0 8px 24px rgba(11,53,78,.055);
}

/* =========================================================
   1. SITE GENELI
   ========================================================= */
body{
  background:#F3F7FA !important;
  color:var(--ss-brand-text);
}

body:not(.home) #content,
body:not(.home) .site-content{
  background:#F3F7FA !important;
}

body:not(.home) .entry-content{
  color:var(--ss-brand-text) !important;
}

body:not(.home) .entry-content p,
body:not(.home) .entry-content li{
  color:var(--ss-brand-text) !important;
}

/* =========================================================

/* =========================================================
   3. ORTAK IC SAYFA TIPOGRAFISI
   CTA / HERO ozel basliklari haric
   ========================================================= */
body:not(.home) .entry-content h1{
  color:var(--ss-brand-navy) !important;
}

body:not(.home) .entry-content > h2,
body:not(.home) .entry-content .wp-block-html > h2,
body:not(.home) .ss-product-body h2{
  position:relative !important;
  margin:34px 0 18px !important;
  padding:14px 18px 14px 22px !important;
  color:var(--ss-brand-navy) !important;
  background:linear-gradient(90deg,var(--ss-brand-ice-2) 0%,var(--ss-brand-ice) 58%,#FFFFFF 100%) !important;
  border:1px solid var(--ss-brand-line) !important;
  border-left:4px solid var(--ss-brand-blue) !important;
  border-radius:0 12px 12px 0 !important;
  box-shadow:0 4px 14px rgba(11,97,180,.03) !important;
}

body:not(.home) .entry-content > h2::before,
body:not(.home) .entry-content .wp-block-html > h2::before,
body:not(.home) .ss-product-body h2::before{
  display:none !important;
}

body:not(.home) .entry-content > h3,
body:not(.home) .entry-content .wp-block-html > h3,
body:not(.home) .ss-product-body h3{
  color:var(--ss-brand-navy) !important;
  background:var(--ss-brand-ice-3) !important;
  border-color:var(--ss-brand-line) !important;
}

body:not(.home) .entry-content > h3 + p,
body:not(.home) .entry-content .wp-block-html > h3 + p,
body:not(.home) .ss-product-body h3 + p{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line) !important;
  color:var(--ss-brand-text) !important;
}

/* =========================================================
   4. ORTAK URUN HERO
   Eski ss-product-hero kullanan sayfalar
   ========================================================= */
.entry-content .ss-product-hero{
  border-color:var(--ss-brand-line) !important;
  background:linear-gradient(115deg,#FFFFFF 0%,var(--ss-brand-ice-3) 45%,var(--ss-brand-ice-2) 100%) !important;
  box-shadow:0 14px 34px rgba(11,53,78,.06) !important;
}

.entry-content .ss-product-label{
  color:var(--ss-brand-blue) !important;
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line-strong) !important;
}

.entry-content .ss-product-hero h2{
  color:var(--ss-brand-navy) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.entry-content .ss-product-hero h2 span{
  color:var(--ss-brand-blue) !important;
}

.entry-content .ss-product-hero-content > p{
  color:var(--ss-brand-text) !important;
}

.entry-content .ss-product-btn-primary{
  background:var(--ss-brand-blue) !important;
  border-color:var(--ss-brand-blue) !important;
  color:#FFFFFF !important;
}

.entry-content .ss-product-btn-primary:hover{
  background:var(--ss-brand-blue-hover) !important;
  border-color:var(--ss-brand-blue-hover) !important;
}

.entry-content .ss-product-btn-secondary{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line-strong) !important;
  color:var(--ss-brand-navy) !important;
}

.entry-content .ss-product-points > div{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line) !important;
}

.entry-content .ss-product-points strong{
  color:var(--ss-brand-navy) !important;
}

.entry-content .ss-product-points strong::before{
  background:var(--ss-brand-blue) !important;
}

/* =========================================================
   5. WORDPRESS KART / GRUP / KOLON
   ========================================================= */
body:not(.home) .entry-content .wp-block-group.has-background:not(.warning):not(.alert-warning),
body:not(.home) .entry-content .wp-block-column.has-background{
  background:linear-gradient(135deg,#FFFFFF 0%,var(--ss-brand-ice-3) 100%) !important;
  border-color:var(--ss-brand-line) !important;
  box-shadow:0 5px 18px rgba(11,53,78,.035) !important;
}

body:not(.home) .entry-content .has-cyan-bluish-gray-background-color,
body:not(.home) .entry-content .has-pale-cyan-blue-background-color,
body:not(.home) .entry-content .has-light-green-cyan-background-color{
  background:var(--ss-brand-ice) !important;
}

/* =========================================================
   6. LISTELER / LINKLER
   ========================================================= */
body:not(.home) .entry-content > ul,
body:not(.home) .entry-content .wp-block-html > ul,
body:not(.home) .ss-product-body ul{
  background:var(--ss-brand-ice-3) !important;
  border-color:var(--ss-brand-line) !important;
}

body:not(.home) .entry-content a:not(.ss-kasko26-btn):not(.ss-final__offer):not(.ss-final__phone){
  color:var(--ss-brand-blue) !important;
}

body:not(.home) .entry-content a:not(.ss-kasko26-btn):not(.ss-final__offer):not(.ss-final__phone):hover{
  color:var(--ss-brand-blue-hover) !important;
}

/* =========================================================
   7. SSS / DETAILS
   ========================================================= */
body:not(.home) .entry-content details{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line) !important;
  box-shadow:0 3px 12px rgba(11,53,78,.03) !important;
}

body:not(.home) .entry-content details[open]{
  background:linear-gradient(135deg,var(--ss-brand-ice-3),#FFFFFF) !important;
  border-color:var(--ss-brand-line-strong) !important;
}

body:not(.home) .entry-content details summary{
  color:var(--ss-brand-navy) !important;
}

body:not(.home) .entry-content details[open] summary{
  color:var(--ss-brand-blue) !important;
}

/* =========================================================
   8. FORM ALANLARI
   ========================================================= */
body:not(.home) .entry-content input[type="text"],
body:not(.home) .entry-content input[type="email"],
body:not(.home) .entry-content input[type="tel"],
body:not(.home) .entry-content input[type="number"],
body:not(.home) .entry-content input[type="date"],
body:not(.home) .entry-content input[type="password"],
body:not(.home) .entry-content select,
body:not(.home) .entry-content textarea{
  background:#FFFFFF !important;
  color:var(--ss-brand-navy) !important;
  border-color:var(--ss-brand-line) !important;
}

body:not(.home) .entry-content input:focus,
body:not(.home) .entry-content select:focus,
body:not(.home) .entry-content textarea:focus{
  border-color:var(--ss-brand-blue) !important;
  box-shadow:0 0 0 3px rgba(11,97,180,.08) !important;
  outline:none !important;
}

/* =========================================================
   9. GENEL BIZE ULASIN
   ========================================================= */
.ss-global-product-contact{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line) !important;
  box-shadow:0 12px 35px rgba(11,53,78,.055) !important;
}

.ss-global-product-contact .ss-contact-info{
  background:linear-gradient(180deg,var(--ss-brand-ice-2) 0%,var(--ss-brand-ice-3) 100%) !important;
}

.ss-global-product-contact .ss-contact-kicker,
.ss-global-product-contact .ss-contact-info h2 span,
.ss-global-product-contact .ss-contact-item a{
  color:var(--ss-brand-blue) !important;
}

.ss-global-product-contact .ss-contact-info h2,
.ss-global-product-contact .ss-contact-item strong{
  color:var(--ss-brand-navy) !important;
}

.ss-global-product-contact .ss-contact-icon{
  background:var(--ss-brand-blue) !important;
  color:#FFFFFF !important;
}

/* =========================================================
   10. KASKO 2026 - REFERANS URUN TASARIMI
   ========================================================= */
.ss-kasko26{
  --ss-navy:var(--ss-brand-navy);
  --ss-blue:var(--ss-brand-blue);
  --ss-ice:var(--ss-brand-ice);
  --ss-ice-soft:var(--ss-brand-ice-3);
  --ss-blue-soft:var(--ss-brand-ice-2);
  --ss-line:var(--ss-brand-line);
  --ss-white:#FFFFFF;
}

.ss-kasko26-hero{
  background:linear-gradient(115deg,#FFFFFF 0%,var(--ss-brand-ice-3) 45%,var(--ss-brand-ice-2) 100%) !important;
  border-color:var(--ss-brand-line) !important;
}

.ss-kasko26-benefits,
.ss-kasko26-benefit,
.ss-kasko26-card,
.ss-kasko26-extra-grid > div,
.ss-kasko26-type-grid > div,
.ss-kasko26-grid > div,
.ss-kasko26-process-grid > div,
.ss-kasko26-service > div,
.ss-kasko26-assist > div,
.ss-kasko26-traffic > div,
.ss-kasko26-deductible > div,
.ss-kasko26-total > div{
  background:#FFFFFF !important;
  border-color:var(--ss-brand-line) !important;
}

.ss-kasko26-important,
.ss-kasko26-replacement,
.ss-kasko26-imm,
.ss-kasko26-no-claim,
.ss-kasko26-value,
.ss-kasko26-national,
.ss-kasko26-note{
  background:linear-gradient(135deg,#F8FAFD 0%,#F4F8FC 48%,#EEF5FB 100%) !important;
  border-color:var(--ss-brand-line) !important;
}

.ss-kasko26-card.featured,
.ss-kasko26-type-grid > div.featured{
  background:linear-gradient(135deg,#F8FAFD 0%,#EEF5FB 100%) !important;
  border-color:var(--ss-brand-line) !important;
}

.ss-kasko26-info-icon,
.ss-kasko26-benefit i,
.ss-kasko26-grid i{
  background:#EDF5FB !important;
  color:var(--ss-brand-blue) !important;
}

.ss-kasko26-label,
.ss-kasko26-kicker{
  background:#FFFFFF !important;
  border-color:#D3E1EB !important;
  color:var(--ss-brand-blue) !important;
}

.ss-kasko26-accordion details[open]{
  background:#F5F9FC !important;
  border-color:var(--ss-brand-line) !important;
}

/* Kasko CTA - premium gradient */
body:not(.home) .entry-content .ss-kasko26-cta{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(110deg,#0B354E 0%,#0B4F8A 27%,#0B61B4 52%,#087BD5 76%,#0A8AF0 100%) !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:0 18px 45px rgba(11,53,78,.14),inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body:not(.home) .entry-content .ss-kasko26-cta > div:first-child{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

body:not(.home) .entry-content .ss-kasko26-cta h2,
body:not(.home) .entry-content .ss-kasko26-cta > div:first-child > h2{
  margin:22px 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

body:not(.home) .entry-content .ss-kasko26-cta p{
  background:transparent !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

body:not(.home) .entry-content .ss-kasko26-cta .ss-kasko26-label{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:var(--ss-brand-blue) !important;
  -webkit-text-fill-color:var(--ss-brand-blue) !important;
}

body:not(.home) .entry-content .ss-kasko26-cta .ss-kasko26-btn.primary{
  background:var(--ss-brand-navy) !important;
  border-color:var(--ss-brand-navy) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

body:not(.home) .entry-content .ss-kasko26-cta .ss-kasko26-btn.secondary{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  color:var(--ss-brand-navy) !important;
  -webkit-text-fill-color:var(--ss-brand-navy) !important;
}

body:not(.home) .entry-content .ss-kasko26-cta::after{
  content:"" !important;
  position:absolute !important;
  width:420px !important;
  height:420px !important;
  right:-150px !important;
  bottom:-290px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(255,255,255,.10) 0%,rgba(255,255,255,.035) 48%,transparent 70%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

body:not(.home) .entry-content .ss-kasko26-cta > *{
  position:relative !important;
  z-index:2 !important;
}



/* =========================================================
   12. PERSONEL GIRISI
   ========================================================= */
body.page-id-14271 #content{
  background:#F3F7FA !important;
}

body.page-id-14271 .sh-login-shell{
  background:linear-gradient(135deg,#EEF5FB 0%,#F8FAFD 52%,#EAF4FB 100%) !important;
}

body.page-id-14271 .sh-login-card{
  background:linear-gradient(135deg,#0B354E 0%,#0B4F8A 58%,#0B61B4 100%) !important;
}

body.page-id-14271 .sh-login-kicker,
body.page-id-14271 .sh-back-site{
  color:#A9D5F5 !important;
  border-color:rgba(169,213,245,.42) !important;
}

body.page-id-14271 .sh-login-form input:focus{
  border-color:var(--ss-brand-blue) !important;
  box-shadow:0 0 0 4px rgba(11,97,180,.10) !important;
}

body.page-id-14271 .sh-remember input[type="checkbox"]{
  accent-color:var(--ss-brand-blue) !important;
}

body.page-id-14271 .sh-front-btn.primary{
  background:linear-gradient(135deg,#0B61B4 0%,#087BD5 100%) !important;
}

/* =========================================================
   13. GENEL SARTLAR - SAYFA 815
   ========================================================= */
body.page-id-815{
  --ss-dark:var(--ss-brand-navy);
  --ss-teal:var(--ss-brand-blue);
  --ss-teal-light:#A9D5F5;
  --ss-bg:#F3F7FA;
  --ss-text:var(--ss-brand-text);
  --ss-muted:var(--ss-brand-muted);
  --ss-border:var(--ss-brand-line);
  background:var(--ss-bg) !important;
}

body.page-id-815 #content{
  background:#F3F7FA !important;
}

body.page-id-815 .entry-content > p:first-child{
  background:linear-gradient(135deg,#0B354E 0%,#0B4F8A 57%,#0B61B4 100%) !important;
  box-shadow:0 22px 52px rgba(11,53,78,.17) !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item__title::after{
  color:var(--ss-brand-navy) !important;
  background:var(--ss-brand-ice-2) !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item > details[open] .wp-block-coblocks-accordion-item__title::after{
  color:#FFFFFF !important;
  background:var(--ss-brand-blue) !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item__content{
  background:var(--ss-brand-ice-3) !important;
}

body.page-id-815 .wp-block-coblocks-accordion-item__content a{
  background:linear-gradient(135deg,#0B61B4,#087BD5) !important;
}

/* =========================================================
   14. IS ORTAKLARI / PARTNERS
   ========================================================= */
.ss-partners-page{
  --ss-blue:#0B354E !important;
  --ss-blue-2:#0B61B4 !important;
  --ss-cyan:#0B61B4 !important;
  --ss-light:#F4F8FC !important;
  --ss-text:#294A59 !important;
  --ss-muted:#687D88 !important;
  --ss-border:#D9E4EC !important;
}

.ss-partners-hero{
  background:linear-gradient(90deg,rgba(11,53,78,.95) 0%,rgba(11,79,138,.80) 45%,rgba(11,97,180,.30) 100%),linear-gradient(135deg,#0B354E 0%,#0B61B4 100%) !important;
}

.ss-partners-kicker,
.ss-section-kicker{
  color:var(--ss-brand-blue) !important;
}

.ss-partners-hero .ss-partners-kicker{
  color:#CDE8FA !important;
}

/* =========================================================
   15. FORM 14859 - INSAN KAYNAKLARI
   ========================================================= */
#forminator-module-14859{
  background:linear-gradient(180deg,#FFFFFF 0%,var(--ss-brand-ice-3) 100%) !important;
  border-color:var(--ss-brand-line) !important;
  box-shadow:0 14px 38px rgba(11,53,78,.06) !important;
}

#forminator-module-14859 .forminator-label{
  color:var(--ss-brand-navy) !important;
}

#forminator-module-14859 .forminator-input,
#forminator-module-14859 .forminator-textarea,
#forminator-module-14859 .forminator-field-select select,
#forminator-module-14859 .select2-container .select2-selection--single{
  border-color:var(--ss-brand-line) !important;
  color:var(--ss-brand-navy) !important;
  background:#FFFFFF !important;
}

#forminator-module-14859 .forminator-field-upload,
#forminator-module-14859 .forminator-field-consent,
#forminator-module-14859 .forminator-consent{
  background:var(--ss-brand-ice-2) !important;
  border-color:var(--ss-brand-line) !important;
}

#forminator-module-14859 .forminator-button-upload,
#forminator-module-14859 .forminator-button-submit{
  background:linear-gradient(135deg,#0B61B4 0%,#087BD5 100%) !important;
  color:#FFFFFF !important;
}

/* =========================================================
   16. FOOTER - ESKI RADIATE FOOTER VARSA
   Ana sayfadaki ozel .ss-footer bundan etkilenmez.
   ========================================================= */
#colophon{
  background:linear-gradient(135deg,#0B354E 0%,#0B4F6E 55%,#0B354E 100%) !important;
  border-top-color:var(--ss-brand-blue) !important;
  color:#DCEAF2 !important;
}

#colophon a{
  color:#CBE3F3 !important;
}

#colophon a:hover{
  color:#FFFFFF !important;
}

#colophon .site-info{
  color:#DCEAF2 !important;
}

/* Yeni ana sayfa footer'i koru */
.ss-footer{
  color:#496675 !important;
}

.ss-footer a{
  color:#496675 !important;
}

/* =========================================================
   17. UYARI RENKLERI - ANLAMSAL RENKLERI KORU
   ========================================================= */
body:not(.home) .entry-content .warning,
body:not(.home) .entry-content .alert-warning,
body:not(.home) .entry-content .important-note,
body:not(.home) .entry-content [class*="warning"]{
  background:#FFF9E9 !important;
  border-color:#EAD9A4 !important;
  color:#655522 !important;
}

/* =========================================================
   18. MOBIL
   ========================================================= */
@media(max-width:700px){
  body:not(.home) .entry-content > h2,
  body:not(.home) .entry-content .wp-block-html > h2,
  body:not(.home) .ss-product-body h2{
    padding:12px 14px 12px 16px !important;
    border-left-width:3px !important;
    font-size:22px !important;
  }
}
	/* =========================================================
   SERÄ°K SÄ°GORTA
   TÃœM ÃœRÃœN SAYFALARI â€” ALT CTA PREMIUM GRADIENT
   KASKO HARÄ°Ã‡ GLOBAL DÃœZELTME
========================================================= */


/* CTA ana alanÄ± */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta),
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta){

    position:relative !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            110deg,
            #0B354E 0%,
            #0B4F8A 27%,
            #0B61B4 52%,
            #087BD5 76%,
            #0A8AF0 100%
        ) !important;

    border:0 !important;
    border-radius:24px !important;

    box-shadow:
        0 18px 45px rgba(11,53,78,.14),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}


/* Hafif premium Ä±ÅŸÄ±k efekti */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)::after,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)::after{

    content:"" !important;

    position:absolute !important;

    width:420px !important;
    height:420px !important;

    right:-150px !important;
    bottom:-290px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.10) 0%,
            rgba(255,255,255,.035) 48%,
            transparent 70%
        ) !important;

    pointer-events:none !important;
    z-index:0 !important;
}


/* CTA iÃ§eriÄŸi efektin Ã¼stÃ¼nde */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta) > *,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta) > *{

    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   CTA BAÅLIÄINDAKÄ° BEYAZ KUTUYU KALDIR
========================================================= */

body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta) h2,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta) h2{

    margin:18px 0 14px !important;
    padding:0 !important;

    background:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-left:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* H2 pseudo Ã§izgilerini de kaldÄ±r */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta) h2::before,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta) h2::before{

    display:none !important;
    content:none !important;
}


/* CTA baÅŸlÄ±ÄŸÄ± iÃ§indeki span */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta) h2 *,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta) h2 *{

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    background:transparent !important;
}


/* AÃ§Ä±klamalar */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta) p,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta) p{

    color:rgba(255,255,255,.90) !important;
    -webkit-text-fill-color:rgba(255,255,255,.90) !important;
}


/* =========================================================
   CTA ÃœST ETÄ°KET
========================================================= */

body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)
:is(
    .label,
    .badge,
    .kicker,
    .eyebrow,
    [class*="label"],
    [class*="badge"],
    [class*="kicker"]
),
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)
:is(
    .label,
    .badge,
    .kicker,
    .eyebrow,
    [class*="label"],
    [class*="badge"],
    [class*="kicker"]
){

    background:#FFFFFF !important;

    border:
        1px solid rgba(255,255,255,.85) !important;

    color:#0B61B4 !important;
    -webkit-text-fill-color:#0B61B4 !important;
}


/* =========================================================
   CTA BUTONLARI
========================================================= */

/* Ana CTA butonu */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)
a:not([href^="tel:"]),
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)
a:not([href^="tel:"]){

    background:#0B354E !important;
    border-color:#0B354E !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* Telefon butonu */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)
a[href^="tel:"],
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)
a[href^="tel:"]{

    background:#FFFFFF !important;
    border-color:#FFFFFF !important;

    color:#0B354E !important;
    -webkit-text-fill-color:#0B354E !important;
}


/* Telefon iÃ§indeki ikon/metin */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)
a[href^="tel:"] *,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)
a[href^="tel:"] *{

    color:#0B354E !important;
    -webkit-text-fill-color:#0B354E !important;
}


/* Hover */
body:not(.home) .entry-content
section[class*="cta"]:not(.ss-kasko26-cta)
a:not([href^="tel:"]):hover,
body:not(.home) .entry-content
div[class*="cta"]:not(.ss-kasko26-cta)
a:not([href^="tel:"]):hover{

    background:#072A3D !important;
    border-color:#072A3D !important;
}


/* =========================================================
   MOBÄ°L
========================================================= */

@media(max-width:700px){

    body:not(.home) .entry-content
    section[class*="cta"]:not(.ss-kasko26-cta),
    body:not(.home) .entry-content
    div[class*="cta"]:not(.ss-kasko26-cta){

        border-radius:18px !important;
    }

    body:not(.home) .entry-content
    section[class*="cta"]:not(.ss-kasko26-cta) h2,
    body:not(.home) .entry-content
    div[class*="cta"]:not(.ss-kasko26-cta) h2{

        font-size:24px !important;
        line-height:1.18 !important;
    }
}


	/* =========================================================

/* Ana sayfadaki grup/kart kutularÄ± */
.home .wp-block-group {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f5faff 45%,
        #eaf5ff 100%
    );
}

/* KartlarÄ±n gereksiz dikey boÅŸluÄŸunu azalt */
.home .wp-block-group.has-background {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* Kart iÃ§indeki baÅŸlÄ±k boÅŸluklarÄ± */
.home .wp-block-group h2,
.home .wp-block-group h3,
.home .wp-block-group h4 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Paragraf boÅŸluklarÄ±nÄ± sÄ±kÄ±laÅŸtÄ±r */
.home .wp-block-group p {
    margin-top: 6px;
    margin-bottom: 10px;
    line-height: 1.55;
}

/* Son elemandan sonra gereksiz boÅŸluk bÄ±rakma */
.home .wp-block-group > *:last-child {
    margin-bottom: 0 !important;
}
	/* ANA SAYFA - SIGORTA COZUMLERI KARTLARI */

.home .wp-block-columns .wp-block-column {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f7fbff 55%,
        #eef7ff 100%
    ) !important;

    padding-top: 22px !important;
    padding-bottom: 22px !important;
    min-height: auto !important;
    height: auto !important;
}

/* Kart iÃ§i gereksiz boÅŸluklarÄ± azalt */
.home .wp-block-columns .wp-block-column p {
    margin-bottom: 12px !important;
}

.home .wp-block-columns .wp-block-column h3,
.home .wp-block-columns .wp-block-column h4 {
    margin-bottom: 10px !important;
}

/* GÃ¶rsel ile metin arasÄ±ndaki boÅŸluÄŸu azalt */
.home .wp-block-columns .wp-block-column figure {
    margin-bottom: 18px !important;
}

/* Son baÄŸlantÄ±nÄ±n altÄ±nda boÅŸluk bÄ±rakma */
.home .wp-block-columns .wp-block-column > *:last-child {
    margin-bottom: 0 !important;
}



/* =========================================================
   SERIK SIGORTA - HAKKIMIZDA 2026
   SAYFA ID: 87 - YENI SS26 SISTEMI
   Eski .ss-about bloklari kaldirildi.
   Hero gorseli HTML icindeki .ss26-hero-image ile yuklenir.
   ========================================================= */

body.page-id-87{
  background:#f3f8fb !important;
}

body.page-id-87 .entry-title,
body.page-id-87 .page-title,
body.page-id-87 .entry-header{
  display:none !important;
}

body.page-id-87 #primary,
body.page-id-87 .content-area,
body.page-id-87 #main,
body.page-id-87 .site-main,
body.page-id-87 article.page,
body.page-id-87 .hentry,
body.page-id-87 .entry-content{
  display:block !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.page-id-87 #secondary,
body.page-id-87 .widget-area{
  display:none !important;
}

.ss26-about,
.ss26-about *,
.ss26-about *::before,
.ss26-about *::after{
  box-sizing:border-box;
}

.ss26-about{
  --navy:#0B354E;
  --blue:#0B6FC2;
  --blue-dark:#095DA5;
  --green:#18A968;
  --text:#173B4B;
  --muted:#647B88;
  --line:#CFE2EC;
  width:min(1320px,calc(100% - 32px));
  max-width:1320px;
  margin:26px auto 45px;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
}

.ss26-about a{ text-decoration:none !important; }

.ss26-shell{
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,65,92,.06);
}

.ss26-hero{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:470px;
  padding:48px 50px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#f5fafc;
}

.ss26-hero-image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover;
  object-position:center right;
  border:0 !important;
}

.ss26-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.995) 28%,rgba(255,255,255,.97) 38%,rgba(250,253,255,.84) 48%,rgba(244,250,254,.50) 59%,rgba(244,250,254,.13) 72%,rgba(244,250,254,0) 100%);
}

.ss26-hero-content{
  position:relative;
  z-index:2;
  width:62%;
  max-width:790px;
  flex:0 0 62%;
}

.ss26-kicker,
.ss26-label,
.ss26-pill{
  display:inline-block;
  margin:0 0 10px;
  padding:0;
  color:var(--blue);
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:2.3px;
}

.ss26-hero h1{
  max-width:740px;
  margin:0;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--navy) !important;
  font-size:clamp(39px,4.1vw,55px) !important;
  font-weight:850;
  line-height:1.04;
  letter-spacing:-1.5px;
}

.ss26-hero h1::before,
.ss26-hero h1::after{ display:none !important; content:none !important; }
.ss26-hero h1 span{ display:block; color:var(--blue); }

.ss26-hero-text{
  max-width:730px;
  margin:16px 0 0;
  color:var(--muted) !important;
  font-size:14px;
  line-height:1.68;
}

.ss26-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin-top:20px;
}

.ss26-hero-actions > a{
  display:inline-flex;
  height:42px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:11px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}

.ss26-hero-offer{
  min-width:125px;
  border:1px solid var(--blue) !important;
  background:var(--blue) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(11,111,194,.15);
}
.ss26-hero-offer:hover{ transform:translateY(-1px); border-color:var(--blue-dark) !important; background:var(--blue-dark) !important; color:#fff !important; }

.ss26-hero-phone{
  min-width:170px;
  gap:6px;
  border:1px solid #C4DEE9 !important;
  background:rgba(255,255,255,.88) !important;
  color:var(--navy) !important;
  box-shadow:0 5px 14px rgba(12,64,94,.04);
}
.ss26-hero-phone span{ color:var(--blue); }
.ss26-hero-phone:hover{ transform:translateY(-1px); border-color:#9CC7DA !important; background:#fff !important; color:var(--navy) !important; }

.ss26-intro{ padding:34px 36px 25px; }
.ss26-intro h2{
  max-width:900px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--navy) !important;
  font-size:25px !important;
  font-weight:850;
  line-height:1.18;
  letter-spacing:-.35px;
}
.ss26-intro h2::before{ display:none !important; content:none !important; }
.ss26-intro > p{ max-width:930px; margin:10px 0 0; color:var(--muted) !important; font-size:12.5px; line-height:1.67; }

.ss26-mv{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0 36px 30px;
}
.ss26-mv-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:245px;
  padding:23px;
  border:1px solid var(--line);
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#f8fcfe);
}
.ss26-mv-accent{ background:linear-gradient(145deg,#f0f9fe,#e7f5fc); }
.ss26-mv-card h2{
  margin:3px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--navy) !important;
  font-size:20px !important;
  font-weight:850;
  line-height:1.22;
  letter-spacing:-.25px;
}
.ss26-mv-card h2::before{ display:none !important; content:none !important; }
.ss26-mv-card p{ margin:10px 0 0; color:var(--muted) !important; font-size:11.5px; line-height:1.62; }
.ss26-line{ width:38px; height:3px; margin:17px 0 10px; border-radius:3px; background:var(--blue); }
.ss26-mv-card strong{ margin-top:auto; color:var(--navy); font-size:10.5px; line-height:1.4; }

.ss26-values{
  margin:0 36px 30px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(135deg,#f7fcfe,#edf8fd);
}
.ss26-values-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:30px; margin-bottom:17px; }
.ss26-values-heading h2{
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--navy) !important; font-size:23px !important; font-weight:850; line-height:1.18; letter-spacing:-.3px;
}
.ss26-values-heading h2::before{ display:none !important; content:none !important; }
.ss26-values-heading > p{ flex:0 0 365px; width:365px; margin:0; color:var(--muted) !important; font-size:10.5px; line-height:1.55; text-align:right; }
.ss26-value-list{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ss26-value{ min-height:155px; padding:17px; border:1px solid rgba(125,180,210,.35); border-radius:14px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,250,254,.96)); }
.ss26-icon{ display:flex; width:27px; height:27px; align-items:center; justify-content:center; margin-bottom:10px; border-radius:8px; background:#E4F4FC; color:var(--blue); font-size:13px; font-weight:900; }
.ss26-value h3,.ss26-process-card h3{ margin:0 0 6px !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--navy) !important; font-size:13px !important; font-weight:800; line-height:1.3; }
.ss26-value h3::before,.ss26-process-card h3::before{ display:none !important; content:none !important; }
.ss26-value p{ margin:0; color:var(--muted) !important; font-size:10.5px; line-height:1.52; }

.ss26-process{ margin:0 36px 30px; }
.ss26-process > h2{
  margin:0 0 15px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--navy) !important; font-size:23px !important; font-weight:850; line-height:1.18; letter-spacing:-.3px;
}
.ss26-process > h2::before{ display:none !important; content:none !important; }
.ss26-process-list{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ss26-process-card{ min-height:145px; padding:17px; border:1px solid rgba(125,180,210,.34); border-radius:14px; background:linear-gradient(145deg,#fff,#f3fafe); }
.ss26-process-card p{ margin:0; color:var(--muted) !important; font-size:10.5px; line-height:1.5; }

.ss26-quote{ display:flex; align-items:center; gap:19px; margin:0 36px 20px; padding:22px 24px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(120deg,#edf8fd,#fff 68%); }
.ss26-quote-mark{ display:flex; flex:0 0 54px; width:54px; height:54px; align-items:center; justify-content:center; border-radius:15px; background:#E3F3FB; color:var(--blue); font-family:Georgia,serif; font-size:39px; }
.ss26-quote > div:last-child{ min-width:0; }
.ss26-quote h2,.ss26-cta h2{
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--navy) !important; font-size:19px !important; font-weight:850; line-height:1.22;
}
.ss26-quote h2::before,.ss26-cta h2::before{ display:none !important; content:none !important; }
.ss26-quote p{ margin:7px 0 0; color:var(--muted) !important; font-size:11px; line-height:1.57; }

.ss26-cta{ display:flex; align-items:center; justify-content:space-between; gap:25px; margin:0 36px 34px; padding:22px 24px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(135deg,#f7fcfe,#edf8fd); }
.ss26-cta-text{ max-width:720px; }
.ss26-cta p{ margin:6px 0 0; color:var(--muted) !important; font-size:11px; line-height:1.55; }
.ss26-cta-actions{ display:flex; flex:0 0 auto; gap:8px; }
.ss26-cta-actions > a{ display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:0 15px; border-radius:10px; font-size:10.5px; font-weight:800; white-space:nowrap; }
.ss26-cta-offer{ background:var(--blue) !important; color:#fff !important; }
.ss26-cta-whatsapp{ background:var(--green) !important; color:#fff !important; }

.ss26-mv-card,.ss26-value,.ss26-process-card{ transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ss26-mv-card:hover,.ss26-value:hover,.ss26-process-card:hover{ transform:translateY(-2px); border-color:rgba(11,111,194,.28); box-shadow:0 9px 22px rgba(10,62,91,.055); }

@media(max-width:980px){
  .ss26-hero{ min-height:470px; padding:38px 32px; }
  .ss26-hero-content{ width:68%; flex-basis:68%; }
  .ss26-hero-image{ object-position:65% center; }
  .ss26-mv{ grid-template-columns:1fr; }
  .ss26-values-heading{ flex-direction:column; }
  .ss26-values-heading > p{ width:100%; flex:none; text-align:left; }
  .ss26-value-list,.ss26-process-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ss26-cta{ align-items:flex-start; flex-direction:column; }
}

@media(max-width:720px){
  .ss26-about{ width:calc(100% - 16px); margin:14px auto 28px; }
  .ss26-shell{ border-radius:18px; }
  .ss26-hero{ min-height:620px; align-items:flex-start; padding:29px 18px 245px; }
  .ss26-hero-content{ width:100%; max-width:100%; flex:1 1 100%; }
  .ss26-hero-image{ object-position:68% bottom; }
  .ss26-hero-overlay{ background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.99) 45%,rgba(255,255,255,.90) 58%,rgba(247,252,255,.48) 72%,rgba(247,252,255,.05) 100%); }
  .ss26-hero h1{ font-size:34px !important; }
  .ss26-hero-text{ font-size:13px; line-height:1.6; }
  .ss26-hero-actions{ width:100%; flex-direction:column; }
  .ss26-hero-actions > a{ width:100%; }
  .ss26-intro{ padding:26px 16px 20px; }
  .ss26-intro h2{ font-size:21px !important; }
  .ss26-mv{ padding:0 16px 24px; }
  .ss26-mv-card{ padding:20px 18px; }
  .ss26-values{ margin:0 16px 24px; padding:20px 15px; }
  .ss26-value-list{ grid-template-columns:1fr; }
  .ss26-process{ margin:0 16px 24px; }
  .ss26-process-list{ grid-template-columns:1fr; }
  .ss26-quote{ align-items:flex-start; flex-direction:column; margin:0 16px 14px; padding:19px 16px; }
  .ss26-cta{ margin:0 16px 16px; padding:19px 16px; }
  .ss26-cta-actions{ width:100%; flex-direction:column; }
  .ss26-cta-actions > a{ width:100%; }
}
/* =========================================================
   SERIK SIGORTA - HEADER SON HIZALAMA
   Logo | Menu | Arama | Telefon
   ========================================================= */

@media (min-width:1100px){

    /* Header ana satiri */
    #masthead .inner-wrap,
    .site-header .inner-wrap{
        display:flex !important;
        align-items:center !important;

        width:min(1420px, calc(100% - 60px)) !important;
        max-width:1420px !important;

        min-height:84px !important;

        margin:0 auto !important;
        padding:0 !important;

        gap:0 !important;
    }


    /* =====================================================
       1. LOGO
       ===================================================== */

    #masthead .site-branding,
    .site-header .site-branding{
        order:1 !important;

        flex:0 0 220px !important;

        width:220px !important;
        max-width:220px !important;

        margin:0 !important;
        padding:0 !important;
    }

    #masthead .site-branding img,
    #masthead img.custom-logo{
        max-width:205px !important;
        max-height:70px !important;
    }


    /* =====================================================
       2. NAVIGATION
       ===================================================== */

    #masthead .main-navigation,
    .site-header .main-navigation{
        order:2 !important;

        position:relative !important;

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

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 28px !important;
        padding:0 !important;

        float:none !important;
    }


    /* Menü kapsayicisi */
    #masthead .main-navigation .menu-primary-container,
    .site-header .main-navigation .menu-primary-container{
        order:1 !important;

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

        width:auto !important;
        min-width:0 !important;

        margin:0 auto !important;
        padding:0 !important;
    }


    /* Menü */
    #masthead .main-navigation ul.menu,
    .site-header .main-navigation ul.menu{
        display:flex !important;
        flex-flow:row nowrap !important;

        align-items:center !important;
        justify-content:center !important;

        gap:26px !important;

        width:auto !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* Menü elemanlari ASLA iki satir olmasin */
    #masthead .main-navigation ul.menu > li,
    .site-header .main-navigation ul.menu > li{
        flex:0 0 auto !important;

        width:auto !important;
        min-width:max-content !important;

        white-space:nowrap !important;
    }


    #masthead .main-navigation ul.menu > li > a,
    .site-header .main-navigation ul.menu > li > a{
        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        min-width:max-content !important;

        min-height:84px !important;

        padding:0 !important;

        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;

        font-size:13px !important;
        line-height:1 !important;
    }


    /* =====================================================
       3. ARAMA
       Navigasyonun EN SAGINA
       ===================================================== */

    #masthead .main-navigation .header-search-icon,
    .site-header .main-navigation .header-search-icon{
        order:2 !important;

        position:static !important;

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

        flex:0 0 44px !important;

        width:44px !important;
        height:44px !important;

        margin:0 0 0 30px !important;
        padding:0 !important;

        top:auto !important;
        right:auto !important;
        left:auto !important;

        transform:none !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    #masthead .main-navigation .header-search-icon::before{
        color:#0B61B4 !important;
        font-size:21px !important;
    }


    /* Eger tema arama ikonunu navigation disinda tutuyorsa */
    #masthead > .header-search-icon,
    .site-header > .header-search-icon,
    #masthead .inner-wrap > .header-search-icon{
        order:3 !important;

        position:static !important;

        flex:0 0 44px !important;

        width:44px !important;
        height:44px !important;

        margin:0 28px 0 0 !important;

        transform:none !important;
    }


    /* =====================================================
       4. TELEFON
       ===================================================== */

    #masthead .inner-wrap::after,
    .site-header .inner-wrap::after{
        order:4 !important;

        content:"☎  0242 722 26 12" !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 190px !important;

        width:190px !important;
        height:48px !important;

        margin:0 !important;
        padding:0 18px !important;

        border:1px solid rgba(255,255,255,.25) !important;
        border-radius:14px !important;

        background:
            radial-gradient(
                circle at 12% 15%,
                rgba(255,255,255,.18),
                transparent 35%
            ),
            linear-gradient(
                115deg,
                #215F9E 0%,
                #0B78C7 52%,
                #06A9DF 100%
            ) !important;

        color:#FFFFFF !important;
        -webkit-text-fill-color:#FFFFFF !important;

        font-size:12px !important;
        font-weight:800 !important;

        white-space:nowrap !important;

        box-shadow:
            0 9px 24px rgba(8,105,180,.18),
            inset 0 1px 0 rgba(255,255,255,.25) !important;
    }

}
/* SERIK SIGORTA - HEADER MILIMETRIK SON AYAR */
@media (min-width:1100px){

    #masthead .main-navigation,
    .site-header .main-navigation{
        margin-left:10px !important;
        margin-right:18px !important;
    }

    #masthead .main-navigation ul.menu,
    .site-header .main-navigation ul.menu{
        gap:25px !important;
    }

    #masthead .main-navigation .header-search-icon,
    .site-header .main-navigation .header-search-icon{
        margin-left:26px !important;
    }

}
... mevcut tüm Ek CSS kodların ...

/* =========================================================
   SERİK SİGORTA — HEADER YATAY DENGE FINAL
   ========================================================= */

@media (min-width:1201px){

   /* benim verdiğim yeni kod burada */

}
/* =========================================================
   SERİK SİGORTA — HEADER DİKEY HİZA FINAL
   Yatay yerleşime dokunmaz
   ========================================================= */

@media (min-width:1201px){

    /* HEADER GENEL YÜKSEKLİK */
    #masthead,
    .site-header{
        min-height:82px !important;
    }

    #masthead .inner-wrap,
    .site-header .inner-wrap{
        min-height:82px !important;
        height:82px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        display:flex !important;
        align-items:center !important;
    }

    /* LOGO */
    #masthead .site-branding,
    .site-header .site-branding{
        height:82px !important;
        display:flex !important;
        align-items:center !important;
    }

    #masthead .site-branding img,
    .site-header .site-branding img,
    #masthead .custom-logo{
        width:auto !important;
        height:auto !important;
        max-height:58px !important;
        display:block !important;
    }

    /* ANA MENÜ DİKEY ORTALAMA */
    #masthead .main-navigation{
        height:82px !important;
        display:flex !important;
        align-items:center !important;
    }

    #masthead .main-navigation ul.menu{
        height:82px !important;
        align-items:center !important;
    }

    #masthead .main-navigation ul.menu > li{
        height:82px !important;
        display:flex !important;
        align-items:center !important;
    }

    #masthead .main-navigation ul.menu > li > a{
        height:82px !important;
        display:flex !important;
        align-items:center !important;

        padding-top:0 !important;
        padding-bottom:0 !important;
        line-height:1.2 !important;
    }

    /* ARAMA İKONU */
    #masthead .header-search-icon,
    .site-header .header-search-icon{
        height:44px !important;
        align-self:center !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* TELEFON BUTONU */
    #masthead .inner-wrap::after,
    .site-header .inner-wrap::after{
        height:46px !important;
        min-height:46px !important;

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

        padding:0 18px !important;

        border-radius:13px !important;

        background:
          radial-gradient(circle at 15% 15%,
          rgba(255,255,255,.20),
          transparent 36%),
          linear-gradient(
          120deg,
          #07589C 0%,
          #0B6FC2 42%,
          #078DD8 72%,
          #12A4E2 100%
          ) !important;

        box-shadow:
          0 8px 22px rgba(11,111,194,.18),
          inset 0 1px 0 rgba(255,255,255,.22) !important;
    }
}
/* =========================================================
   ANA SAYFA — HEADER / HERO ÜST ALAN TOPARLAMA
   EN ALTA EKLE
========================================================= */

/* Header altındaki gereksiz açık mavi boşluğu azalt */
body.home #content,
body.home .site-content{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Ana sayfa içerik başlangıcını yukarı al */
body.home .entry-content{
    padding-top:0 !important;
    margin-top:0 !important;
}


/* =========================================================
   HERO DIŞ ÇERÇEVE / SAYFA KARTI
========================================================= */

/* Hero ve sayaçları tek premium kart hissinde topla */
body.home .ss-home{
    width:min(1280px, calc(100% - 80px)) !important;
    max-width:1280px !important;

    margin:38px auto 0 !important;

    overflow:hidden !important;

    border:1px solid #DCE8EF !important;
    border-radius:24px !important;

    background:#FFFFFF !important;

    box-shadow:
        0 18px 46px rgba(15,55,78,.065) !important;
}


/* Hero artık kartın içine tam otursun */
body.home .ss-hero{
    width:100% !important;

    margin:0 !important;

    border-radius:0 !important;
}


/* Hero görselinin köşelerini üstte yumuşat */
body.home .ss-hero__photo,
body.home .ss-hero__overlay{
    border-radius:23px 23px 0 0 !important;
}


/* =========================================================
   HERO + HEADER ARASI MESAFE
========================================================= */

/* Mevcut açık mavi dış zemini daha kompakt yap */
body.home{
    background:#F3F8FB !important;
}

/* Header altı ile ana kart arası */
body.home #masthead + #content,
body.home .site-header + #content{
    margin-top:0 !important;
}


/* =========================================================
   HERO İÇ YERLEŞİMİ BİRAZ TOPARLA
========================================================= */

@media(min-width:1051px){

    body.home .ss-hero{
        height:420px !important;
        min-height:420px !important;
    }

    body.home .ss-hero__content{
        height:420px !important;
        min-height:420px !important;

        padding-top:55px !important;
        padding-left:54px !important;
    }

    /* Soldaki metni biraz daha dengeli konumlandır */
    body.home .ss-hero h1{
        max-width:600px !important;
    }

}


/* =========================================================
   SAYAÇLAR
   Hero ile daha bütünleşik dursun
========================================================= */

body.home .ss-stats{
    margin:0 !important;

    border-top:1px solid rgba(215,229,235,.65) !important;
    border-bottom:0 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFDFE 100%
        ) !important;
}


/* =========================================================
   SAYAÇLAR SONRASI BÖLÜM
========================================================= */

/* Ürünler bölümü karta yapışmasın */
body.home .ss-products{
    margin-top:0 !important;

    border-top:1px solid #E7EFF3 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    body.home .ss-home{
        width:calc(100% - 40px) !important;
        margin-top:28px !important;
        border-radius:20px !important;
    }

}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:700px){

    body.home .ss-home{
        width:calc(100% - 18px) !important;

        margin-top:14px !important;

        border-radius:18px !important;
    }

    body.home .ss-hero__photo,
    body.home .ss-hero__overlay{
        border-radius:17px 17px 0 0 !important;
    }

}
/* =========================================================
   SERİK SİGORTA — ANA SAYFA HERO DIŞ BOŞLUK FINAL
   Ek CSS'nin EN SONUNA ekle
========================================================= */

/* Ana sayfa ana beyaz alanı */
body.home .ss-home{
    margin-top:28px !important;

    /* üstteki gereksiz beyaz boşluğu kaldır */
    padding-top:0 !important;

    /* dış kart görünümünü sadeleştir */
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;

    background:#FFFFFF !important;
}


/* Hero doğrudan ana alanın başlangıcından başlasın */
body.home .ss-hero{
    margin-top:0 !important;
}


/* Hero'nun kendi premium yuvarlak köşelerini koru */
body.home .ss-hero,
body.home .ss-hero__photo,
body.home .ss-hero__overlay{
    border-radius:22px !important;
}


/* Hero altındaki sayaç kartı mevcut konumunu korusun */
body.home .ss-stats{
    position:relative !important;
    z-index:5 !important;
}


/* MASAÜSTÜ */
@media (min-width:1051px){

    body.home .ss-home{
        padding:28px 54px 0 !important;
    }

}


/* TABLET */
@media (min-width:701px) and (max-width:1050px){

    body.home .ss-home{
        width:calc(100% - 40px) !important;
        padding:24px !important;
        margin-top:24px !important;
    }

}


/* MOBİL */
@media (max-width:700px){

    body.home .ss-home{
        width:calc(100% - 18px) !important;
        padding:10px !important;
        margin-top:14px !important;
    }

}
/* =========================================================
   SERIK SIGORTA — HERO GENISLIK / BOSLUK FINAL
========================================================= */

body.home .ss-home{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:34px 0 0 !important;

    background:#F3F8FB !important;
}


/* HERO + STATS ortak genişlik */
body.home .ss-hero,
body.home .ss-stats{
    width:calc(100% - 120px) !important;
    max-width:1320px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}


/* HERO */
body.home .ss-hero{
    height:470px !important;
    min-height:470px !important;

    border-radius:24px !important;

    overflow:hidden !important;

    box-shadow:
        0 14px 34px rgba(11,53,78,.07) !important;
}


/* Hero görseli */
body.home .ss-hero__photo{
    border-radius:24px !important;

    background-size:cover !important;
    background-position:62% center !important;
}


/* Hero içerik */
body.home .ss-hero__content{
    height:470px !important;
    min-height:470px !important;

    padding:
        58px 30px 50px 70px !important;

    justify-content:flex-start !important;
}


/* Başlık */
body.home .ss-hero h1{
    font-size:45px !important;

    max-width:690px !important;

    line-height:1.03 !important;
}


/* Açıklama */
body.home .ss-hero__content > p{
    margin-top:18px !important;

    font-size:13px !important;
}


/* Butonlar */
body.home .ss-hero__buttons{
    margin-top:22px !important;
}


/* =========================================================
   STATS HERO ÜZERİNE OTURSUN
========================================================= */

body.home .ss-stats{
    position:relative !important;

    z-index:10 !important;

    margin-top:-38px !important;

    padding:23px 32px !important;

    border:1px solid #DDE8EE !important;
    border-radius:18px !important;

    background:rgba(255,255,255,.96) !important;

    box-shadow:
        0 15px 34px rgba(11,53,78,.09) !important;
}


/* Sayaç kartını hero'dan biraz daha dar yap */
@media(min-width:1051px){

    body.home .ss-stats{
        width:calc(100% - 190px) !important;
        max-width:1240px !important;
    }

}


/* =========================================================
   HERO SONRASI BOLUM
========================================================= */

body.home .ss-products{
    margin-top:0 !important;

    padding-top:70px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    body.home .ss-hero{
        width:calc(100% - 50px) !important;

        height:440px !important;
        min-height:440px !important;
    }

    body.home .ss-hero__content{
        height:440px !important;
        min-height:440px !important;

        padding-left:42px !important;
    }

    body.home .ss-stats{
        width:calc(100% - 80px) !important;
    }

}


/* =========================================================
   MOBIL
========================================================= */

@media(max-width:700px){

    body.home .ss-home{
        padding-top:14px !important;
    }

    body.home .ss-hero{
        width:calc(100% - 20px) !important;

        height:auto !important;
        min-height:570px !important;

        border-radius:18px !important;
    }

    body.home .ss-hero__content{
        height:auto !important;
        min-height:570px !important;

        padding:
            32px 22px 210px !important;
    }

    body.home .ss-hero h1{
        font-size:35px !important;
    }

    body.home .ss-stats{
        width:calc(100% - 34px) !important;

        margin-top:-30px !important;

        padding:15px 18px !important;
    }

    body.home .ss-products{
        padding-top:55px !important;
    }

}
/* =========================================================
   SERIK SIGORTA — HERO SON ORAN DENGESI
   Mevcut kodlarin EN ALTINA
========================================================= */

@media (min-width:1051px){

    /* Header ile hero arasi */
    body.home .ss-home{
        padding-top:26px !important;
    }

    /* Hero biraz daha genis */
    body.home .ss-hero{
        width:calc(100% - 80px) !important;
        max-width:1380px !important;

        height:470px !important;
        min-height:470px !important;
    }

    /* Icerik genisleyen hero ile ayni oranda */
    body.home .ss-hero__content{
        height:470px !important;
        min-height:470px !important;

        padding-left:72px !important;
    }

    /* Sayaç hero üzerine biraz daha binsin */
    body.home .ss-stats{
        width:calc(100% - 160px) !important;
        max-width:1260px !important;

        margin-top:-50px !important;
    }

    /* Hero sonrasi bölümle denge */
    body.home .ss-products{
        padding-top:62px !important;
    }
}
/* =========================================================
   ANA SAYFA — HERO USTUNDEKI GRI SERIDI KALDIR
========================================================= */

body.home .ss-home::before,
body.home .ss-hero::before {
    display: none !important;
    content: none !important;
}

/* Hero ustundeki gereksiz alan / arka plan temizligi */
body.home .ss-home {
    border-top: 0 !important;
    background-image: none !important;
}

body.home .ss-hero {
    border-top: 0 !important;
    margin-top: 0 !important;
}
/* =========================================================
   ANA SAYFA - USTTEKI ACIK GRI SERIDI ZORLA KALDIR
   MEVCUT KODLAR SILINMEDEN EN ALTA EKLENIR
========================================================= */

body.home .ss-home{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

/* Hero üstünde kalan olası boş blokları sıfırla */
body.home .entry-content > *:first-child,
body.home .wp-block-html:first-child,
body.home .wp-block-group:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}

/* Hero'nun üst boşluğu */
body.home .ss-hero{
    margin-top:0 !important;
    border-top:0 !important;
}

/* Tema kaynaklı üst şeritleri kapat */
body.home .content-wrapper::before,
body.home .content-wrapper::after,
body.home .entry-content::before,
body.home .entry-content::after,
body.home .ss-home::before,
body.home .ss-home::after,
body.home .ss-hero::before{
    content:none !important;
    display:none !important;
}

/* Açık gri arka planı beyaza zorla */
body.home .content-wrapper,
body.home .entry-content,
body.home .wp-block-html,
body.home .ss-home{
    background:#ffffff !important;
    background-image:none !important;
}

/* Hero üstündeki gereksiz yaklaşık 20-30 px alanı yok et */
body.home #primary,
body.home #main,
body.home article.page,
body.home .hentry,
body.home .entry-content{
    padding-top:0 !important;
    margin-top:0 !important;
}
/* =========================================================
   SERIK SIGORTA - PREMIUM MENU HOVER
   Alt cizgi + hafif buz mavisi zemin
========================================================= */

/* ANA MENU LINKLERI */
#site-navigation .menu > li > a,
.main-navigation .menu > li > a{
    position:relative !important;
    z-index:1;
    border-radius:8px !important;
    transition:
        color .22s ease,
        background-color .22s ease !important;
}


/* ANA MENU - BUZLU HOVER */
#site-navigation .menu > li:hover > a,
#site-navigation .menu > li:focus-within > a,
.main-navigation .menu > li:hover > a,
.main-navigation .menu > li:focus-within > a{
    color:#0878C9 !important;

    background:
        linear-gradient(
            180deg,
            rgba(237,248,253,.45) 0%,
            rgba(225,243,251,.85) 100%
        ) !important;
}


/* ANA MENU - PREMIUM ALT CIZGI */
#site-navigation .menu > li > a::after,
.main-navigation .menu > li > a::after{
    content:"" !important;

    position:absolute !important;
    left:18% !important;
    right:18% !important;
    bottom:4px !important;

    height:2px !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            90deg,
            #38B8EB 0%,
            #0878C9 50%,
            #38B8EB 100%
        ) !important;

    opacity:0 !important;

    transform:scaleX(.25) !important;
    transform-origin:center !important;

    transition:
        opacity .22s ease,
        transform .25s ease !important;
}


/* HOVER OLUNCA CIZGI ACILSIN */
#site-navigation .menu > li:hover > a::after,
#site-navigation .menu > li:focus-within > a::after,
.main-navigation .menu > li:hover > a::after,
.main-navigation .menu > li:focus-within > a::after{
    opacity:1 !important;
    transform:scaleX(1) !important;
}


/* =========================================================
   ACILIR ALT MENULER
========================================================= */

#site-navigation .sub-menu,
.main-navigation .sub-menu{
    padding:7px !important;

    border:1px solid #DCEAF1 !important;
    border-radius:12px !important;

    background:rgba(255,255,255,.98) !important;

    box-shadow:
        0 14px 38px rgba(8,47,72,.10) !important;
}


/* ALT MENU SATIRLARI */
#site-navigation .sub-menu li > a,
.main-navigation .sub-menu li > a{
    position:relative !important;

    margin:1px 0 !important;
    padding:10px 13px !important;

    border-radius:7px !important;

    background:transparent !important;

    color:#173C51 !important;

    transition:
        background .18s ease,
        color .18s ease,
        padding-left .18s ease !important;
}


/* ALT MENU HOVER */
#site-navigation .sub-menu li:hover > a,
#site-navigation .sub-menu li > a:hover,
#site-navigation .sub-menu li:focus-within > a,
.main-navigation .sub-menu li:hover > a,
.main-navigation .sub-menu li > a:hover,
.main-navigation .sub-menu li:focus-within > a{

    background:
        linear-gradient(
            90deg,
            #F1F9FD 0%,
            #E5F4FB 100%
        ) !important;

    color:#0878C9 !important;

    padding-left:17px !important;
}


/* ALT MENU SOLUNDA INCE MAVI VURGU */
#site-navigation .sub-menu li > a::before,
.main-navigation .sub-menu li > a::before{
    content:"" !important;

    position:absolute !important;

    left:4px !important;
    top:25% !important;

    width:2px !important;
    height:50% !important;

    border-radius:5px !important;

    background:#1599D5 !important;

    opacity:0 !important;

    transform:scaleY(.3) !important;

    transition:
        opacity .18s ease,
        transform .18s ease !important;
}


#site-navigation .sub-menu li:hover > a::before,
#site-navigation .sub-menu li > a:hover::before,
#site-navigation .sub-menu li:focus-within > a::before,
.main-navigation .sub-menu li:hover > a::before,
.main-navigation .sub-menu li > a:hover::before,
.main-navigation .sub-menu li:focus-within > a::before{
    opacity:1 !important;
    transform:scaleY(1) !important;
}


/* ALT MENULERDE ANA MENUDEKI ALT CIZGIYI KULLANMA */
#site-navigation .sub-menu li > a::after,
.main-navigation .sub-menu li > a::after{
    display:none !important;
}
/* ANA MENU ALT CIZGISINI BIRAZ DAHA PREMIUM YAP */

#site-navigation .menu > li > a::after,
.main-navigation .menu > li > a::after{
    left:22% !important;
    right:22% !important;
    bottom:2px !important;

    height:2px !important;

    background:
        linear-gradient(
            90deg,
            rgba(46,184,235,.25) 0%,
            #1499D7 25%,
            #0878C9 50%,
            #1499D7 75%,
            rgba(46,184,235,.25) 100%
        ) !important;

    box-shadow:
        0 1px 4px rgba(8,120,201,.14) !important;
}