/* Özel CSS — Yönetim Paneli > Ayarlar > Özel Kod ekranından yönetilir. */
.logo-header {
	margin-left: 1em;
	height: 90px;
   
}
.header-nav {
	min-height: 30px;
}

@media only screen and (max-width: 991px) {
  .box-header .header-nav .nav > li > a {
    padding: 8px 0 !important;
  }
}
.box-header .header-nav .nav > li > a {
	padding: 30px 10px 40px 10px;
}

.service-box.style2 .title {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
}
.bg-primary {
	background-color: #001b46 !important;
}
.box-header.header-transparent .header-nav .nav > li > a, .box-header.header-transparent .extra-nav .site-button-link, .box-header.header-transparent .navbar-toggler {
	color: #001b46;
}
.header-nav .nav > li .sub-menu li a {
    font-family: 'Roboto Condensed', sans-serif;
	color: #001b46;
	display: block;
	font-size: 15px;
	padding: 10px 25px;
	text-transform: capitalize;
	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	font-weight: 600;
}
.container-fluid-2 {
	Padding-left: 0px;
	Padding-right: 0px;
}
.overlay-black-light::after, .overlay-black-middle::after, .overlay-black-dark::after {
	background: #001b46;
}
.overlay-black-dark::after {
	opacity: 0.9;
}

.service-box.style3 .icon-bx-wraper::after {
	content: "";
	height: 100%;!importtant
	width: 0;
	background-color: var(--color-primary);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
}

.service-box.style3 .icon-bx-wraper::before {
	content: attr(data-name);
	position: absolute;
	font-size: 50px;
	right: 20px;
	top: 20px;
	line-height: 60px;
	font-weight: 700;
	color: #000;
	opacity: 0.05;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.service-box.style3 .icon-lg i {
	font-size: 50px;
	line-height: 30px;
	color: var(--color-primary);
}

/* Counter */
.counter-style-company {
    padding: 50px 20px;
    border-radius: 10px;
    background-color: var(--color-primary);
    position: relative;
	overflow:hidden;
	transition:all 0.8s;
	-moz-transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-ms-transition:all 0.8s;
	-o-transition:all 0.8s;
	z-index:1;
}
.counter-style-company .counter{
	font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.counter-style-company p{
	font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
.counter-style-company:hover{
	transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
	border-color: var(--color-primary);
}
.counter-style-company:after {
    content: "";
    height: 0;
    width: 100%;
    background-color: #00aeef;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    -o-transform-origin: top;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
}
.counter-style-company:hover .dlab-separator {
	background:#fff!important;
}
.counter-style-company:hover:after {
    height: 100%;
    top: auto;
    bottom: 0;
    transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -o-transform-origin: bottom;
}
.counter-staus-box .section-head .title{
	font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
}
.counter-staus-box .play-btn {
    font-size: 18px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 40px;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
}
.counter-staus-box .play-btn span{
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: var(--color-primary);
    display: inline-block;
    border-radius: 70px;
    color: #fff;
    font-size: 22px;
	margin-right:15px;
	position:relative;
}
.dlab-team5 .dlab-media::after {
	content: "";
	width: 100%;
	height: 0;
	background: #2b3990;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform-origin: 0 0 0;
	transition: all 0.5s ease 0s;
}
.dlab-bnr-inr .breadcrumb-row ul li a {
	text-transform: uppercase;
}

/* Slider butonları: Revolution katmanı değil, grup katmanı içinde normal akışta
   duruyorlar. Bu yüzden temanın katman bazlı inline padding'i ve hover animasyonu
   yerine stiller buradan verilir. Değerler tema referansındaki buton katmanıyla aynı. */
.slider-btn-group .rev-btn {
    display: inline-block;
    margin: 0 15px 10px 0; /* butonlar arası standart boşluk */
    padding: 15px 30px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    white-space: nowrap;
    transition: filter .15s ease-in-out;
}
.slider-btn-group .rev-btn:last-child {
    margin-right: 0;
}
.slider-btn-group .rev-btn:hover {
    filter: brightness(0.9);
    color: rgba(255, 255, 255, 1);
}
@media (max-width: 767px) {
    .slider-btn-group .rev-btn {
        margin-right: 10px;
        padding: 10px 20px;
    }
}

/* ---------------------------------------------------------------------------
   Slayt yazılarına arka plan
   ---------------------------------------------------------------------------
   Açık/karışık görsellerde metnin okunmaması sorunu için. İki kullanım var:

   1) METİN BAZLI (önerilen) — Başlık/Alt başlık metninin içine yazılır:
        <span class="txt-bg">Geleceği Birlikte İnşa Ediyoruz</span>
      Yalnızca harflerin arkası boyanır, satır kırılınca her satır ayrı ayrı
      kutulanır (box-decoration-break). Katman hizalaması bozulmaz.

   2) KATMAN BAZLI — Slayt formundaki "CSS Class" alanına yazılır:
        txt-bg-block
      Katmanın tamamı (başlık için 800px, alt başlık için 640px genişlik)
      boyanır. Geniş bir şerit oluşur; kısa metinlerde 1. yöntem daha iyidir.

   Renk varyantları ikisinde de aynı: -light / -primary / -blur ekleri.
   Renkler :root'tan gelir (Ayarlar > Renkler).
--------------------------------------------------------------------------- */

/* 1) Metin bazlı — inline, satır satır kutulanır */
.tp-caption .txt-bg,
.tp-caption .txt-bg-light,
.tp-caption .txt-bg-primary,
.tp-caption .txt-bg-blur {
    display: inline;
    padding: .15em .4em;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone; /* satır kırılmasında her satıra padding */
}

/* 2) Katman bazlı — blok, katmanın tüm genişliği */
.tp-caption.txt-bg-block,
.tp-caption.txt-bg-block-light,
.tp-caption.txt-bg-block-primary,
.tp-caption.txt-bg-block-blur {
    padding: 15px 25px !important; /* katmanın inline padding'ini ezer */
}

/* Renk varyantları */
.tp-caption .txt-bg,
.tp-caption.txt-bg-block {
    background-color: rgba(0, 174, 239, .80);
    font-size:3em !important;
    color: #fff !important; /* tema yazı rengi koyu (#00030f) — inline geliyor */
}

.tp-caption .txt-bg,
.tp-caption.txt-bg-windosa {
    background-color: rgba(255, 140, 60, .80);
    font-size:3em !important;
    letter-spacing: 0px;
    padding: 10px 15px !important;
    color: #fff !important; /* tema yazı rengi koyu (#00030f) — inline geliyor */
}
.tp-caption.txt-bg-bigway {
    background-color: rgba(0, 174, 239, .80);
    font-size:3em !important;
    line-height: 100px;
    letter-spacing: 0px;
    padding: 10px 15px !important;
    color: #fff !important; /* tema yazı rengi koyu (#00030f) — inline geliyor */
}
.tp-caption.txt-bg-saccio {
    background-color: rgba(0, 0, 0, .80);
    font-size:3em !important;
    padding: 10px 15px !important;
    color: #fff !important; /* tema yazı rengi koyu (#00030f) — inline geliyor */
}

.tp-caption.txt-bg-luxes {
    background-color: rgba(0, 27, 70, .80);
    font-size:2em !important;
    padding: 10px 15px !important;
    color: #fff !important; /* tema yazı rengi koyu (#00030f) — inline geliyor */
}
.tp-caption .txt-bg-light,
.tp-caption.txt-bg-block-light {
    background-color: rgba(255, 255, 255, .8);
    color: #00030f !important;
}
.tp-caption .txt-bg-primary,
.tp-caption.txt-bg-block-primary {
    background-color: rgba(255, 255, 255, .8);
    color: #001b46 !important;
}
/* Buzlu cam: arkadaki görsel bulanıklaşır. backdrop-filter desteklemeyen
   tarayıcıda düz yarı saydam arka plan kalır — metin yine okunur. */
.tp-caption .txt-bg-blur,
.tp-caption.txt-bg-block-blur {
    background-color: rgba(0, 0, 0, .35);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    color: #fff !important;
}

@media (max-width: 767px) {
    .tp-caption.txt-bg-block,
    .tp-caption.txt-bg-block-light,
    .tp-caption.txt-bg-block-primary,
    .tp-caption.txt-bg-block-blur {
     padding: 10px 15px !important;
    }
    .tp-caption.txt-bg-windosa,
    .tp-caption.txt-bg-bigway,
    .tp-caption.txt-bg-saccio,
    .tp-caption.txt-bg-luxes { 
    font-size:1em !important;
    line-height: 0px;
    letter-spacing: 0;
	}    
    
    .uranus.tparrows::before {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
}
.box-header.header-transparent .top-bar.text-black .topbar-social li a.site-button-link, .box-header.header-transparent .top-bar.text-black .dlab-topbar-left li a {
	color: #fff;
}
.header-transparent.box-header .is-fixed .navbar-toggler, .header-transparent.box-header .navbar-toggler {
	margin: 25px 0 25px 20px;
}
.header-transparent.box-header .navbar-toggler span {
	background-color: #004b87;
}
.navicon {
	width: 30px;
	height: 18px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	box-shadow: none !important;
}

.header-nav .nav > li.open > .sub-menu li.open > a > i, .header-nav .nav > li.open > a > i {
	background: #004b87;
}

.black li::before {
	color: #0059cb;
}
.list-checked li::before {
	content: "\e64d";
	font-family: 'themify';
	font-size: 20px;
	font-weight: 700;
}
.icon-why {
	width: 120px;
}
.img-box {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 8px; /* Tüm köşelere yumuşak ovallik */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.footer-top {
	background: #0b1544;
	background-size: cover;
	background-position: center;
	padding: 80px 0 20px;
}
.section-head.style2 .title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;
}
.footer-bottom {
	background-color: #2b3990;
	padding: 25px 0;
	color: #b0b0b0;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

button.scroltop {
	background-color: #00aeef;
	box-shadow: -4px 4px 24px -10px var(--color-primary) !important;
}