/* =============================================
   CRITICAL CSS — FOUC ÖNLEME
   Bu dosya TÜM sayfalardan senkron yüklenir.
   Offcanvas, responsive display utilities, ve
   navbar stillerini içerir.
   ============================================= */

/* Offcanvas — varsayılan olarak gizli (ekran dışında) */
.offcanvas__area{position:fixed;right:0;top:0;width:350px;height:100%;background:#071c3c;z-index:9999;transform:translateX(calc(100% + 80px));transition:transform .45s ease-in-out,opacity .45s ease-in-out}
.offcanvas__area.info-open{transform:translateX(0);opacity:1}
.offcanvas__overlay,.offcanvas__overlay-white{position:fixed;height:100%;width:100%;top:0;left:0;z-index:9998;display:none}
.offcanvas__overlay.overlay-open{display:block}

/* Bootstrap Responsive Display Utilities */
.d-none{display:none!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.text-center{text-align:center!important}

@media(min-width:576px){.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}}
@media(max-width:575.98px){.d-sm-inline-flex{display:none!important}}
@media(min-width:992px){.d-lg-flex{display:flex!important}}
@media(max-width:991.98px){.d-lg-flex{display:none!important}}
@media(min-width:1200px){.d-xl-none{display:none!important}}
@media(max-width:1199.98px){.d-xl-none{display:block!important} .main-menu{display:none!important}}

/* Container Fixes to prevent layout shift */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}

/* Flex and Column helpers for header */
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:15px;padding-left:15px}
.align-items-center{align-items:center!important}

/* Header / Navbar Temel Stiller */
.header-1,.header-2,.header-3{top:0;left:0;padding:0;width:100%;z-index:1030;background-color:transparent;position:fixed!important}
.header__area{background-color:transparent}
.header__logo{max-width:144px}
.header__main{display:flex;justify-content:space-between;align-items:center}
@media(max-width:1199px){.header__main{padding:15px 0}}
.main-menu ul li{position:relative;list-style:none;display:inline-block;margin-inline-end:25px}
.main-menu ul li>a{display:inline-block;color:#071c3c;font-weight:600;font-size:14px;padding:38px 0}
.header-2 .main-menu ul li>a{color:#fff!important}

/* Yardımcı sınıflar */
.color-white{color:#fff!important}
.mb-0{margin-bottom:0!important}
.p-relative{position:relative}
.fix{overflow:hidden}
.bar-icon{width:26px;height:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.bar-icon span{width:100%;height:2px;background:#185ec8;display:inline-block}

/* Grid Temeli */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media(min-width:1400px){.container{max-width:1320px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:576px){.container{max-width:540px}}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

/* Preloader */
#preloader{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#121212;z-index:9999}
.sk-three-bounce{margin:0;width:100%;height:100%;text-align:center;background-color:#121212}
.sk-three-bounce .sk-child{position:relative;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#185ec8;border-radius:100%;display:inline-block;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}
.sk-three-bounce .sk-bounce1{animation-delay:-.32s}
.sk-three-bounce .sk-bounce2{animation-delay:-.16s}
@keyframes sk-three-bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}
.preloader-close{position:fixed;z-index:99999999;font-size:26px;color:#fff;background:#185ec8;width:40px;height:40px;line-height:36px;text-align:center;border-radius:50%;cursor:pointer;right:30px;top:30px}

/* Mobil CPU & GPU Isınma Önleme (Safari / WebKit Donanım Hızlandırma) */
.banner-2__shape{filter:none!important;background:radial-gradient(circle,rgba(24,94,200,0.45) 0%,transparent 70%)!important;opacity:.45!important}
@media (max-width:768px){
    .upDown,.downUp,.leftRight{animation:none!important;-webkit-animation:none!important}
    .banner-2__media-shape{display:none!important}
}
.hero-contact-wrapper{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:15px!important;margin:20px 0 28px 0!important;clear:both!important;width:100%!important}
.dr-scol-day,.dr-scol-time{font-size:12.5px!important;font-weight:600!important;color:#ffffff!important}
@media (max-width:575.98px){.dr-scol-day,.dr-scol-time{font-size:11px!important;font-weight:600!important;color:#ffffff!important}}