.sabitdiv{
    position: fixed;
    bottom: 15px;
    right: 35%;
    left:35%;
    border: 1px solid #3f6bbe;
    z-index: 1001;
    background: #3f6bbe;
    font-size: 17px;
}
.sabitdiv2 {
    bottom: 15px;
    right: 35%;
    left: 35%;
    border: 1px solid #3f6bbe;
    z-index: 1001;
    background: #3f6bbe;
    font-size: 17px;
}
.page-title.title-size-lg {
    padding: 30px 0 !important;
}

.yanlink {
    position: fixed;
    bottom: 50%;
    right: -45px;
    display: block!important;
    padding: 5px 30px 1px 30px;
    margin: 0;
    background-color: #3f6bbe;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    z-index: 999;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border-bottom: 4px solid #3f6bbe;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.site-info .inner>.column {
    display: table-cell;
    padding: 0 !important;
    vertical-align: middle;
}

.topbar-menu>ul>li.menu-item-has-children .sub-menu, .lang-switcher .lang-dropdown, .navbar .main-navigation>.menu>li.menu-item-has-children .sub-menu, .navbar .main-navigation>.menu>li.has-mega-menu .mega-menu {
    position: absolute;
    top: 100%;
    left: 45% !important;
    width: 236px !important;
    margin-top: 10px;
    margin-left: -105px;
    padding: 16px 0;
    border-radius: 4px;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.15);
}

.navbar .main-navigation>.menu>li.menu-item-has-children .sub-menu li:hover>a{
	padding-left:12px !important;
}

.sabitp{
    margin:0;
    text-align: center;
}
.sabita{
    color: #fff;
    text-decoration:  none;
}
.sabita2{
    color: #000;
    text-decoration:  none;
    text-transform: capitalize;
}
.sorulara{
    color: #000;
    text-decoration:  none;
    text-transform: capitalize;
}
.sabita:hover{
    color:#fff;
}
.bilgiistekh3{
    text-align: center;
    margin-bottom: 40px;
}
.bilgiistekp{
    font-size: 18px;
}
.bilgisteklabel{
    font-size: 16px;
    text-align: center;
}
.bilgiisteklabel2{
    font-size: 15px;
}

.box {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
}
.step label.error{
    color: #FA3C3C !important;;
    font-weight: normal !important;;
}
.step input.error{
    border: 1px solid #FA3C3C !important;;
}

.steplabel{
    color:#000 !important;
}

/************ Buttons ****************/

.btn-step{
    margin: 4px !important;;
    box-shadow: 1px 1px 5px #888888 !important;;
    font-weight: bold !important;
    color:#000 !important;
    margin-top: 18px  !important;
}

.btn-step:after, a.btn-step:after{
    color:#000 !important;
}
.btn-xs{
    font-weight: 300;
}

.btn-hot {
    color: #fff;
    background-color: #db5566;
    border-bottom:2px solid #af4451;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
    color: #fff;
    background-color: #df6a78;
    border-bottom:2px solid #b25560;
    outline: none;}


.btn-hot:active, .btn-hot.active {
    color: #fff;
    background-color: #c04b59;
    border-top:2px solid #9a3c47;
    margin-top: 2px;
}

.btn-sunny {
    color: #fff;
    background-color: #f4ad49;
    border-bottom:2px solid #c38a3a;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
    color: #fff;
    background-color: #f5b75f;
    border-bottom:2px solid #c4924c;
    outline: none;
}


.btn-sunny:active, .btn-sunny.active {
    color: #fff;
    background-color: #d69840;
    border-top:2px solid #ab7a33;
    margin-top: 2px;
}

.btn-fresh {
    color: #fff;
    background-color: #51bf87;
    border-bottom:2px solid #41996c;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
    color: #fff;
    background-color: #66c796;
    border-bottom:2px solid #529f78;
    outline: none;
}


.btn-fresh:active, .btn-fresh.active {
    color: #fff;
    background-color: #47a877;
    border-top:2px solid #39865f;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
}

.btn-step:focus,
.btn-step:active:focus,
.btn-step.active:focus {
    outline: none;
    outline-offset: 0px;
}

.btn-stepline, a.btn-stepline{
    border:solid 1px #222;
    color:#fff;
    font-weight:500;
    font-size:12px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    padding:3px;
    padding-left:30px;
    padding-right:30px;
    text-transform:uppercase;
    display:inline-block;
    text-align:center;
    letter-spacing:2px;
    text-decoration:none;

}


.btn-stepline, a.btn-stepline{
    border:solid 1px rgba(255,255,255,.2) !important;
    color:#072F7A;
}

.de_light .btn-stepline, .de_light a.btn-stepline{
    border:solid 1px rgba(1,1,1,.2) !important;
    color:#333;
}

.text-light .btn-stepline, .text-light  a.btn-stepline{
    border:solid 1px rgba(255,255,255,.2) !important;
    color:#072F7A;
}


.btn-stepline:hover, a.btn-stepline:hover{
    background:#072F7A;
    color:#111 !important;
    border-color:#072F7A;
}

.btn-stepline:after,  a.btn-stepline:after{
    color:#072F7A;
}

.btn-stepline:hover:after, a.btn-stepline:hover:after, a.btn-stepline.hover:after{
    color:#072F7A;
}

.btn-stepline:hover:after, a.btn-stepline:hover:after, a.btn-stepline.hover:after{
    color:#111 !important;
}

/***************Radio*****************/


.stepradiolabel {
    display:block !important;
    display:-webkit-flex !important;
    display:flex !important;
    padding:14px 0;
    -webkit-align-items:center !important;
    align-items:center !important;
    cursor:pointer !important;
    color:#4e4d4d ;
    font-size:16px !important;
    border-bottom:1px solid #edeeee !important;
    height: 54px !important;
}

.stepradiolabelspan{
    font-size:16px !important;
    color:#4e4d4d !important;
    padding-left: 5px !important;
}

.stepdiv {
    display:block !important;
    display:block !important;
}
.sabita3 {
    color: #fff;
    text-decoration: none;
    background-color: #3f6bbe;
    text-transform: capitalize;
    border-color: transparent;
}

.stepbaslik{
    padding:0px;
    text-align: center;
    font-size: 22px;
    margin-bottom: 34px;
    color: #000;
    font-weight: 700;
}

.stepanadiv{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.stepinput{
    margin-left:8px !important;
    height: 40px !important;
    margin-bottom: 0 !important;
}
.bilgiistektextarea{
    height: 165px;
}
.blog-list .date-box .day{
    background: #3f6bbe;
}
.blog-list li {
    border-bottom: none;
    border-top: 6px solid #3f6bbe;
}
.blog-list .date-box .day {
    color: #111;
    font-weight: 600;
    font-size: 32px;
    padding-top: 45px;
    padding-bottom: 10px;
}
.blog-list .btn-more {
    padding: 3px 25px 3px 25px;
    color: #111;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    float: right;
}
.blog-list .post-text {
    padding-left: 80px;
}
.btn-more{
    background-color: #3f6bbe;
}
.month{
    background: #000;
    color: #fff;

}
ul li::before {
    content: none !important;
}
ol li::before, ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #3f6bbe;
    line-height: 1.5;
    content: none;
}
.blog-list li {
    list-style: none;
    line-height: 1.7em;
    margin-bottom: 60px;
    margin-top: 10px;
    padding-bottom: 15px;
    border-bottom: solid 1px rgba(255,255,255,.1);
}
.blog-list .date-box {
    width: 60px;
    position: absolute;
    text-align: center;
    text-shadow: none;
}
.post-content{
    margin-top: 24px;
}
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8 !important;
    display: inline !important;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none !important;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none !important;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #072F7A !important;
    display: inline !important;
}
label:hover input[type="radio"] ~ i.fa {
    color: #072F7A !important;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8 !important;
    display: inline !important;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none !important;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none !important;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #072F7A !important;
    display: inline !important;
}
label:hover input[type="checkbox"] ~ i.fa {
    color: #072F7A !important;
}

div[data-toggle="buttons"] label.active{
    color: #072F7A !important;
}

div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid
        #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div[data-toggle="buttons"] label:hover {
    color: #072F7A;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-justified .main-navigation>.menu {
    display: table;
    width: 100%;
    table-layout: initial !important;
}
.navbar .main-navigation>.menu>li:hover>a, .navbar .main-navigation>.menu>li.current>a, .navbar .main-navigation>.menu li.current-menu-item>a, .navbar .main-navigation>.menu li.current_page_item>a, .navbar .main-navigation>.menu li.current-menu-ancestor>a {
    color: #3f6bbe;
}
.site-logo, .custom-logo-link, .mobile-logo {
    display: inline-block;
    width: 100%;
    max-width: 250px !important;
}
.widget_startapp_site_info>a {
    display: block;
    max-width: 194px !important;
}
.stepbaslik2 {
    padding: 0px;
    text-align: center;
    font-size: 22px;
    color: #000;
    font-weight: 700;
}
p {
    margin: 0 0 10px;
}
.grey-bg{
    background: #f5f5f5;
}
.white-bg{
    background: #fff;
}
.portfolio-tile .description p{
    margin-top: 4px;
    margin-bottom: 0;
    padding: 0 24px;
    color: gray;
    font-size: 12px;
}
.post-excerpt p{
    margin-top: 6px;
    margin-bottom: 0;
    color: gray;
    font-size: 14px;
}

.big-title{
    font-size: 45px;
}

.home-flags .portfolio-tile .portfolio-thumb>img {
    border-radius: 50%;
}

.detail-btn {
    height: auto;
    white-space: normal;
    line-height: 1.6;
    padding: 14px;
}

.grid-images .grid-image {
    margin-bottom: 30px;
}

.page-404{
    padding: 100px 0px;
}

.form-header {
    color: #262626;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.footer-brands {
    padding-top: 30px;
    padding-bottom: 50px;
}

.footer-brands .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.footer-brands .container img + img {
    margin-left: 50px;
}

.footer-copyright {
    padding: 13px 0;
    font-size: 14px;
}

.logoortala{
    text-align: center;
}

.post-tile .post-thumb>img{
    width: 100%;
}

.navbar .main-navigation>.menu>li>a, .topbar-menu>ul>li.menu-item-has-children .sub-menu li>a, .lang-switcher .lang-dropdown li>a, .navbar .main-navigation>.menu>li.menu-item-has-children .sub-menu li>a, .navbar .main-navigation>.menu>li.has-mega-menu .mega-menu li>a {
    font-weight: 500;
}

.alert {
    width: 100%;
    padding: 20px;
    color: #fff;
    font-weight: bold;
}
.alert.alert-success {
    background-color: #5bc460;
}
.alert.alert-danger {
    background-color: #e63030;
}
.mb-0{
    margin-bottom: 0!important;
}
.submit-color {
    background: #c1cee8;
}
.submit-color:hover {
    background: #000;
}
.row.nedenbiz-ort a {
    text-decoration: none;
    color: #000;
}
.topbar-menu>ul>li.menu-item-has-children .sub-menu, .lang-switcher .lang-dropdown, .navbar .main-navigation>.menu>li.menu-item-has-children .sub-menu, .navbar .main-navigation>.menu>li.has-mega-menu .mega-menu {
    width: 300px!important;
}
.about-home-page-btn{
    background-color: rgba(117, 180, 201, 1);
    color:#fff!important;
    width: 100%;
}
.about-home-page-desc{
    font-size: 28px;
}
@media screen and (max-width: 768px){
    .topbar .inner>.column.text-right {
        display: none;
    }

    .topbar .inner {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    .vertical-navigation>ul li.divider {
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .vertical-navigation>ul li.menu-item.mobile-socials a {
        float: left;
    }

    .footer-brands .container {
        flex-direction: column;
        align-items: center;
    }

    .footer-brands .container img + img {
        margin-top: 30px;
        margin-left: 0;
    }

    .footer-brands {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .yanlink{
        font-size: 15px;
    }

    .sub-menu li.menu-item {
        width: 300px!important;
    }
}
@media screen and (max-width: 991px){
    section.disable-mobile{
        display: none;
    }
    .about-home-page-desc{
        font-size: 22px;
    }
}
@media screen and (min-width: 991px){
    .aling-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nedenbiz-ort{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/* Bootstrap 3 -> 5 uyum shim'i + Kaplan teması ek davranışlar
   Eski StartApp teması (BS3) markup'ı BS5 altında çalışsın diye. */

/* Link alt çizgisi (BS5 default underline -> eski tasarımda yoktu) */
a { text-decoration: none; }
a:hover { text-decoration: none; }

/* BS3 yardımcı sınıfları (BS5'te kaldırıldı) */
.text-right { text-align: right !important; }
.text-left  { text-align: left !important; }
.text-center{ text-align: center !important; }
.pull-right { float: right !important; }
.pull-left  { float: left !important; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.btn-block { display: block; width: 100%; }
.center-block { display: block; margin-left: auto; margin-right: auto; }

/* BS3 col-xs-* (BS5'te col-*) */
[class*="col-xs-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-xs-12 { flex: 0 0 100%; max-width: 100%; }
.col-xs-6  { flex: 0 0 50%;  max-width: 50%; }
.col-xs-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-xs-3  { flex: 0 0 25%;  max-width: 25%; }

/* BS3 görünürlük yardımcıları */
@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
  .visible-md, .visible-lg { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm { display: none !important; }
  .visible-xs, .visible-lg { display: none !important; }
}
@media (min-width: 992px) {
  .visible-xs, .visible-sm { display: none !important; }
}
@media (max-width: 767px)  { .visible-xs { display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } }

/* Görseller taşmasın */
.single-image img, .grid-image img, .portfolio-thumb img, .post-item-thumb img { max-width: 100%; height: auto; }

/* ---- Mobil off-canvas menü (tema JS'i yerine kendi davranışımız) ---- */
.off-canvas-menu {
  position: fixed; top: 0; right: -300px; width: 280px; height: 100%;
  background: #0b1f4e; color: #fff; z-index: 1050; overflow-y: auto;
  transition: right .3s ease; padding: 20px;
}
.off-canvas-menu.is-open { right: 0; }
.off-canvas-menu .menu { list-style: none; padding: 0; margin: 30px 0 0; }
.off-canvas-menu .menu > li { border-bottom: 1px solid rgba(255,255,255,.1); }
.off-canvas-menu .menu a { color: #fff; display: block; padding: 10px 0; }
.off-canvas-menu .menu .sub-menu { list-style: none; padding-left: 15px; }
.off-canvas-menu .close-btn { position: absolute; top: 15px; right: 15px; cursor: pointer; color: #fff; }
.off-canvas-menu .mobile-socials a { display: inline-block; margin-right: 10px; font-size: 18px; }
.site-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 1040; display: none; }
.site-backdrop.is-open { display: block; }
body.off-canvas-active { overflow: hidden; }

/* Scroll-to-top */
.scroll-to-top-btn {
  position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px;
  background: #0b1f4e; color: #fff; border-radius: 50%; display: none;
  align-items: center; justify-content: center; z-index: 1030; text-decoration: none;
}
.scroll-to-top-btn.is-visible { display: flex; }

/* Sticky navbar kuralları base.blade.php içinde inline tanımlı (cache bypass).
   Eski proje davranışı: topbar+logo doğal şekilde yukarı kayar, yalnızca .navbar üste sabitlenir. */

/* Popup */
.popup_content { position: fixed; inset: 0; margin: auto; max-width: 90%; max-height: 90%;
  z-index: 1060; display: flex; align-items: center; justify-content: center; }
.popup_content img { max-width: 100%; max-height: 80vh; }
.popup_content .cancelPopup { position: absolute; top: 10px; right: 10px; background: #fff;
  border: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; }

/* Slider ok stilleri (.home-nav-*) base.blade.php içinde inline tanımlı.
   Swiper default .swiper-button-* class'ı artık hiç kullanılmıyor (default ok basılmaz). */

/* ============================================================================
   Kaplan kritik override'lar (eskiden base.blade.php içinde inline <style> idi)
   ============================================================================ */

/* Slider okları: custom class (.home-nav-*) — Swiper default .swiper-button-* kullanılmıyor */
.home-swiper .home-nav {
    position: absolute; top: 50%; z-index: 10; cursor: pointer;
    width: 50px; height: 50px; margin-top: -25px;
    background: rgba(11,31,78,.55); color: #fff; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; transition: background .25s ease;
}
.home-swiper .home-nav-prev { left: 20px; }
.home-swiper .home-nav-next { right: 20px; }
.home-swiper .home-nav:hover { background: #0b1f4e; }
.home-swiper .home-nav i { font-size: 26px; line-height: 1; }
.home-swiper .home-nav.swiper-button-disabled { opacity: 0; pointer-events: none; }

/* Sticky navbar (eski Waypoint.Sticky davranışı): yalnızca .navbar üste sabitlenir.
   position:relative + yüksek z-index → header bir stacking context oluşturur ki açılan
   dropdown, DOM'da sonra gelen breadcrumb (.page-title z-index:1) gibi içeriğin ARKASINDA kalmasın.
   (Header sticky DEĞİL; yalnızca .navbar JS ile fixed olur → logo takılması yok.) */
.site-header { position: relative; z-index: 1030; background: #fff; }
.site-header .navbar.navbar-justified { background: #fff; }
.site-header .navbar.navbar-justified.is-fixed {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1030;
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
.navbar-spacer { display: none; }
.navbar-spacer.is-active { display: block; }

/* Dropdown hover düzeltmesi (Bootstrap 5.3 .navbar{position:relative} kaymasını giderir) */
.navbar .main-navigation > .menu > li.menu-item-has-children { position: relative; }
.navbar .main-navigation > .menu > li.menu-item-has-children::after {
    content: ""; position: absolute; left: 0; right: 0; top: 100%;
    height: 14px; background: transparent;
}

/* Fırsatlar kartları — eşit boyutlu görseller */
.home-flags .portfolio-thumb { display: block; overflow: hidden; width: 100%; }
.home-flags .portfolio-thumb img {
    width: 100%; aspect-ratio: 4 / 3; height: auto;
    object-fit: cover; object-position: center; display: block;
}

/* ===== Native lightbox (görsele tıklayınca modal ile büyüt — kütüphanesiz) ===== */
.kaplan-lightbox {
    position: fixed; inset: 0; z-index: 2000;
    display: none; align-items: center; justify-content: center;
    background: rgba(0,0,0,.85); padding: 30px; cursor: zoom-out;
}
.kaplan-lightbox.is-open { display: flex; }
.kaplan-lightbox .kl-img {
    max-width: 92vw; max-height: 90vh; background: #fff;
    box-shadow: 0 8px 40px rgba(0,0,0,.5); border-radius: 4px; cursor: default;
}
.kaplan-lightbox .kl-close {
    position: absolute; top: 16px; right: 26px; color: #fff;
    font-size: 42px; line-height: 1; font-weight: 300; cursor: pointer;
}
body.kl-active { overflow: hidden; }
.single-image a, .grid-image a { cursor: zoom-in; }

/* ===== FAQ akordeon (animasyonlu açılıp kapanma) =====
   BS5 'display:none' yerine height animasyonu kullanıyoruz. Açık/kapalı durumu JS,
   height'ı inline olarak yönetir; transition yumuşak açılma/kapanma sağlar. */
.panel-group .panel-collapse.collapse {
    display: block;
    overflow: hidden;
    height: 0;
    transition: height .3s ease;
}
.panel-title > a { cursor: pointer; }

/* ===== Captcha "doğrulama gerekli" uyarısı (.fake_error) — SOLA hizalı + site dili (EN) =====
   Çekirdek (cms/captcha-control.css) bunu ortalıyor (left:50%; translate(-50%,15px)) ve metni TR
   ("Doğrulama gerekli !"). Çekirdeğe dokunmadan: sola hizala + metni İngilizce göster. */
.g-recaptcha .fake_error {
    left: 0 !important;
    transform: translate(0, 15px) !important;
    font-size: 0 !important;                 /* TR metnini gizle */
}
.g-recaptcha .fake_error::after {
    content: "Please verify that you are not a robot.";
    font-size: 14px; font-weight: 500; white-space: nowrap;
}
.g-recaptcha .fake_error:before { left: 18px !important; margin-left: 0 !important; }