::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #2dd4bf; border-radius: 4px; }
body,html{ overflow-x: hidden;}
.slider-section{ height: 100dvh; overflow-x: hidden; }
.slider-section .container { height: 100%; position: relative; z-index: 3; }
.absoluteHeader{ position: absolute; width: 100%; z-index: 3; top: 0px; left: 0px; }
.absoluteHeader .container {  min-height: 60px; }
header .logo{ position: absolute;  transform: translate(-50%,-50%); top: 50%; left: 50%; }
header .logo img,footer .logo{  max-height: 60px; filter: brightness(100%) invert(1);}
header .logo img{ max-height: 50px;filter: brightness(100%) invert(1); }
#renderBg{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; }
#renderBg canvas{width: 100% !important; height: 100% !important;}
#renderBg:after{
    content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    inset: 0;
    background: linear-gradient(to bottom, rgba(9,15,67,1) 0%, rgba(9,15,67,0.98) 80%, rgba(9,15,67,0.8) 100%);
    pointer-events: none;
    z-index: 5;
}
.bg-cream{ background: #f7f6ef; }
.bg_section_3{ background: #faffff; }
.decor-title{ padding-left: 50px; padding-right: 50px; position: relative; display: inline-block; }
.decor-title.decor-left{ padding-right: 0px; }
.decor-title.decor-right{ padding-left: 0px; }
.decor-title:before{ content:""; background: url("../img/icons/decor.svg")  no-repeat center; width: 40px; display: block; height: 100%;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.decor-title:not(.decor-left):after{ content:""; background: url("../img/icons/decor.svg")  no-repeat center; width: 40px; display: block; height: 100%;
    position: absolute;  right: 0; top: 0;
}
.home-slider{ height: 100%; }
.bg_light_green{ position: relative; overflow: hidden;  }
.bg_light_green.after_hide:after{ display: none;}
.bg_light_green:before{
    content: ""; display: block; position: absolute; bottom: 0; left: 0;
    background: url("../img/pattern-4.png"); background-repeat: no-repeat;
    width:300px; height: 300px; background-position: bottom left;
    opacity: .3; background-size: contain;
}
.bg_light_green:after{
    content: ""; display: block; position: absolute; top: 0; right: 0;
    background: url("../img/pattern-4.png"); background-repeat: no-repeat;
    width:300px; height: 300px; background-position: bottom left;
    transform: rotate(180deg); background-size: contain; opacity: .3;
}
.tab-content {
    display: none; flex: 0 0 100%; margin-top: 40px;
    animation: fadeIn 0.5s ease-in-out;
}
.tab-content.active {
    display: block;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Aktif sekme ok işareti */
.active-tab-indicator::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #1e293b transparent transparent transparent; /* Slate-800 rengi */
    z-index: 10;
}
.tab-btn-list button{ flex: 1; height: 150px; border: none; border-radius: 3px; justify-content: center; }
.tab-btn-list button img{ width: 60px; height: 60px; object-fit: contain; }
.tab-btn-list button.active-tab-indicator img{ filter: brightness(100%) invert(1); }

/* Akordeon geçiş animasyonları */
.accordion-content {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.accordion-content.active {
    opacity: 1;
}

/* Ok işaretinin dönmesi */
.accordion-icon {
    transition: transform 0.3s ease;
}
.accordion-btn[aria-expanded="true"] .accordion-icon {
    transform: rotate(180deg);
}

/* Dekoratif Noktalar (Dot Pattern) */
.dot-pattern {
    background-image: radial-gradient(#cbd5e1 2px, transparent 2px);
    background-size: 20px 20px;
}
.clip-diagonal {
    /* Sol alt köşe %100 (en dip), sağ alt köşe %85 (biraz yukarıda) */
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Rozet Arkasındaki Noktalı Doku */
.dot-pattern-sm {
    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);
    background-size: 12px 12px;
}
body{
    background-color: #f7f6ef;
}
footer a{
    font-size: 15px;
}
footer h3{
    font-size: 18px;
}
footer .logo{
    filter: brightness(100%) invert(1);
}
.slide_img_thumb{ max-height: 550px; }
@media (max-width: 768px) {
    .callToActionBtn{ bottom: -20px !important; width: 80%; left: 10% !important; }
    .slider-section{
        height: calc(100dvh - 92px); max-height: 600px;
    }
    .slide_img_thumb{ max-height: 250px; }
    .wf100{ grid-column: 1/-1; }
    .bg_light_green:before,.bg_light_green:after{
        width: 150px;
    }
    header .logo img{ max-height: 60px; }
    .mobileAbsoluteImg{
        left: 30% !important; width: 200px !important;
    }
    .videoList{
        padding-left: 30px; padding-right: 30px;
        padding-top: 1rem !important; overflow: hidden;
    }
    .videoList .swiper{
        margin-right: -30px;
    }
    .mbw100{ width: 100%;}
    .absoluteHeader {
        position: relative;
        background-color: #090f43; /* brand-dark */
        margin-top: 0px !important; padding: 20px 0px;
    }
    header .logo {
        position: relative;
        transform: none;
        left: auto;
        top: auto;
    }
    .tab-btn-list button{
        flex: 1 !important;
    }
    .tab-btn-list {
        justify-content: flex-start !important;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        margin-left: -40px;
        margin-right: -40px;
        padding-left:40px;
        padding-right: 40px;
    }
    .tab-btn-list::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }
    .tab-btn-list button {
        flex: 0 0 auto; /* Butonların küçülmesini engelle */
        min-width: 120px; /* Butonlara minimum genişlik ver */
    }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin-slow {
  animation: spin 20s linear infinite;
}

.heartbeat {
    animation: heartbeat 1.5s ease-in-out infinite;
    transform-origin: center center; /* ölçekleme ortadan olsun */
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.12);
    }
    20% {
        transform: scale(0.96);
    }
    30% {
        transform: scale(1.15);
    }
    40% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}