/* ---------- Font Yüklemeleri ---------- */
@font-face {
  font-family: 'Barlow';
  src:
    url('font/BarlowCondensed-Regular.woff2') format('woff2'),
    url('font/barlow-condensed.regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src:
    url('font/BarlowCondensed-Bold.woff2') format('woff2'),
    url('font/barlow-condensed.bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Eğer Light (.light.ttf) dosyan varsa bunu aç; yoksa EKLEME! */
/*
@font-face {
  font-family: 'Barlow';
  src:
    url('font/BarlowCondensed-Light.woff2') format('woff2'),
    url('font/barlow-condensed.light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
*/

/* ---------- Tipografi ---------- */
html, body {
  font-family: 'Barlow', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 400; /* Regular */
}

/* Başlıklar */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow', sans-serif;
  font-weight: 700; /* Bold */
  line-height: 1.2;
}

/* İçerik */
p, span, li, a {
  font-family: 'Barlow', sans-serif;
  font-weight: 400; /* Regular; 300 kullanma dosyan yoksa */
}

/* Regular zorunlu class */
.content-regular {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
}

/* Özel bold class'lar */
.section-title, .title, .content-bold {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important;
}

/* Menü linklerini bold yap (spesifikiteyi arttırdım) */
.main-menu li > a,
nav.main-menu li > a,
ul li > a {
  font-family: 'Barlow', sans-serif;
  font-weight: 700 !important;
}

/* Ek font tutarlılığı kuralları */
.section-subtitle,
.subtitle-wrapper span {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
}

.tag {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
}

.footer-nav-list li a {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
}

/* Tüm başlık elementleri için tutarlı font */
h1.content-bold, h2.content-bold, h3.content-bold, h4.content-bold, h5.content-bold, h6.content-bold,
.section-title.content-bold, .title.content-bold {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important;
}

/* Tüm içerik metinleri için tutarlı font */
p.content-regular, span.content-regular, .text.content-regular {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 400 !important;
}


 .hero-area .section-title {
        font-size: 120px;
        margin-top: -2px;
        margin-bottom: -14px !important;
		line-height: 1.1 !important;
		 font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important; /* Bold */

    }

@media only screen and (min-width: 1200px) {
    .hero-area .section-title {
          font-size: 120px !important;
    }
}




/* ===== Footer (FUJI görünümü) ===== */
.footer-area{
  background:#0f0f0f; color:#c7c7c7; position:relative; z-index:1;
  padding-top:90px;
}
.footer__top{padding-bottom:60px;}
.footer__grid{
  display:grid; gap:48px;
  grid-template-columns: 1fr 1fr 1fr 1.2fr; /* logo + 2 sütun + bülten */
  position:relative;
}

/* orta dikey ayraç */
@media (min-width: 1200px){
  .footer__grid::before{
    content:""; position:absolute; top:-10px; bottom:-10px;
    left:50%; width:1px; background:rgba(255,255,255,.06);
    transform:translateX(-50%);
  }
}

/* logo */
.footer__brand{display:flex; align-items:flex-start; padding-right:24px;}
.footer__logo img{height:44px; width:auto; display:block;}

/* sütun başlık & liste */
.footer__title{
  font-family: var(--font_teko, "Teko", sans-serif);
  font-weight:700; font-size:32px; line-height:1; color:#fff; margin:0 0 18px;
  letter-spacing:.2px;
}
.footer__list{margin:0; padding:0; list-style:none;}
.footer__list li{margin:10px 0;}
.footer__list a{
  color:#a9a9a9; font-size:18px; text-decoration:none; transition:color .25s ease;
}
.footer__list a:hover{color:#fff;}

/* bülten */
.footer__col--newsletter .footer__desc{
  color:#9aa1a6; font-size:18px; margin-bottom:18px; line-height:1.5;
}
.footer__newsletter{
  position:relative; display:flex; align-items:center;
  background:#1b1b1b; border-radius:18px; padding:18px 54px 18px 54px;
  border:1px solid rgba(255,255,255,.06);
}
.footer__newsletter input{
  flex:1; background:transparent; border:0; outline:0; color:#e6e6e6;
  font-size:16px;
}
.footer__newsletter input::placeholder{color:#8c8c8c;}
.footer__icon-mail, .footer__send{
  position:absolute; display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px;
}
.footer__icon-mail{left:18px; opacity:.9;}
.footer__send{right:18px; border:0; background:transparent; cursor:pointer;}
.footer__icon-mail svg, .footer__send svg{
  width:22px; height:22px; fill:#cfcfcf;
}
.footer__newsletter:focus-within{
  border-color:rgba(255,255,255,.14); box-shadow:0 0 0 4px rgba(255,255,255,.03);
}

/* telif */
.copyright-area{
  border-top:1px solid rgba(255,255,255,.06);
  padding:22px 0; background:#0f0f0f;
}
.copyright-area-inner{display:flex; justify-content:center; align-items:center;}
.copyright{margin:0; color:#9aa1a6; font-size:15px;}
.copyright strong{color:#fff; font-weight:700;}

/* responsive */
@media (max-width:1199px){
  .footer__grid{grid-template-columns: 1fr 1fr; gap:36px;}
  .footer__grid::before{display:none;}
}

.fa-bars{
  font-size: 25px;
  color: black;
}
.offcanvas-3__menu-wrapper{
  margin-top:20px;
  text-align: center;
}
    .close-button {
        width: 40px !important;
        height: 40px !important;
    }


.footer__col--newsletter{
  display: none;
}

@media only screen and (max-width: 1200px) {
    .mobilevideo {
         border-radius: 0 !important;
    }
    .tag{
  margin-top: 10px ;
}
.title-wrapper{
  margin-bottom: 20px;
}

}


.sonny_progressbar {
	margin-bottom: 16px;
}
.sonny_progressbar p.title {
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	padding: 10px 0;
}
.sonny_progressbar .bar-container {
	position: relative;
	height: 40px;
	border-radius: 25px;
}
.sonny_progressbar .bar-container.shadow {
	-moz-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
	box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5);
}
.sonny_progressbar .backgroundBar {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}
.sonny_progressbar .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 25px;
}
.sonny_progressbar .targetBar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-animation: Animation 2s infinite ease-in-out;
	-moz-animation: Animation 2s infinite ease-in-out;
	animation: Animation 2s infinite ease-in-out;
}
.sonny_progressbar .targetBar.loader {
	-webkit-animation: AnimationB 4s infinite ease-in-out;
	-moz-animation: AnimationB 4s infinite ease-in-out;
	animation: AnimationB 4s infinite ease-in-out;
	background-image: url('animated-overlay.gif');
}
.sonny_progressbar .bar-container.border .bar, .sonny_progressbar .bar-container.border .targetBar, .sonny_progressbar .bar-container.border .backgroundBar {
	border-bottom: 3px solid rgba(0,0,0,.2);
}
.sonny_progressbar .progress-percent {
	font-size: 20px;
	position: absolute;
	inset-inline-end: 15px;
	top:-24px;
}

@keyframes Animation {
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-moz-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-webkit-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-moz-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-webkit-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}