/* =========================================================
   BiDersAnlatimi - Site Theme (Violet/Navy)
   Kapsam:
   - Header Top + Desktop Header (sticky)
   - Desktop hover yeşil (#1ec28e / var(--primary-color)) iptali
   - Submenu görünümü
   - Mobile header buton/Logo hizası
   - Mobile menu (meanmenu) koyu panel + taşma/kenar boşluğu
   - Header çizgileri full width
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root {
    --bda-navy-1: #071a45;
    --bda-navy-2: #0a2a6a;
    --bda-cta: #ffb24a;
    --bda-cta-2: #ff9a1f;
    --bda-text: #ffffff;
    --bda-text-soft: rgba(255,255,255,.92);
    --bda-border: rgba(255,255,255,.12);
    --bda-shadow: 0 18px 45px rgba(0,0,0,.32);
}

html, body {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* =========================================================
   A) HEADER TOP AREA (full width çizgi + stabil yükseklik)
   ========================================================= */
.header-top-area {
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1));
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}

    .header-top-area::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: rgba(255,255,255,.1);
    }

.header-top-welcome p {
    margin: 0;
    padding: 10px 0;
    color: var(--bda-text-soft);
    font-weight: 600;
}

.header-top-welcome a {
    color: var(--bda-text);
    font-weight: 800;
}


/* =========================================================
   B) DESKTOP HEADER (#sticky-header) — kaybolma sorunu
   Not: Desktop header yalnızca >=992px’de görünür, altı mobile’a geçer.
   Bu sayede “küçülünce header menu kayboldu” problemi netleşir.
   ========================================================= */
#sticky-header {
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1));
    box-shadow: 0 14px 35px rgba(0,0,0,.25);
    position: relative;
    z-index: 110;
}

#sticky-header .header-wrap {
    display: flex;
    align-items: center;
    min-height: 78px;
}

#sticky-header .header-logo img {
    max-height: 56px;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
}

/* =========================================================
   C) DESKTOP NAV — YEŞİL HOVER İPTAL + düzgün hover alanı
   ========================================================= */
/* Header içindeki tüm linklerde primary-color etkisini kır */
#sticky-header a,
#sticky-header a:visited {
    color: var(--bda-text-soft) !important;
}

    #sticky-header a:hover,
    #sticky-header a:focus,
    #sticky-header a:active {
        color: #fff !important;
    }

/* Menü linkleri: hover alanı düzgün başlasın/bitsin */
    #sticky-header .nav_scroll > li > a {
        display: inline-flex;
        align-items: center;
        padding: 12px 14px;
        border-radius: 12px;
        color: var(--bda-text-soft);
        font-weight: 700;
        transition: background .15s ease, transform .15s ease;
    }

        #sticky-header .nav_scroll > li > a:hover {
            background: rgba(255,255,255,.1);
            color: #fff;
            transform: translateY(-1px);
        }


    /* Yeşil hover yerine cam hover */
    #sticky-header .header-menu ul.nav_scroll > li > a:hover,
    #sticky-header .header-menu ul.nav_scroll > li > a:focus {
        background: rgba(255,255,255,.10) !important;
        color: #fff !important;
        transform: translateY(-1px);
        text-shadow: none !important;
    }

    /* Template’in yeşil underline/pseudo çizgisini de iptal */
    #sticky-header .header-menu ul.nav_scroll > li > a::before,
    #sticky-header .header-menu ul.nav_scroll > li > a::after {
        background: transparent !important;
        box-shadow: none !important;
    }

/* =========================================================
   D) SUBMENU (alt menü)
   ========================================================= */

/* ===============================
   DESKTOP SUBMENU (SADE & NET)
   =============================== */
@media (min-width: 992px) {

    #sticky-header .header-menu li {
        position: relative;
    }

    #sticky-header .header-menu ul.sub_menu,
    #sticky-header .header-menu ul.submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 220px;
        background: rgba(7,26,69,.96);
        border: 1px solid var(--bda-border);
        border-radius: 14px;
        padding: 8px;
        box-shadow: var(--bda-shadow);
        z-index: 999;
    }

        /* HOVER → AÇ */
        #sticky-header .header-menu li:hover > ul.sub_menu,
        #sticky-header .header-menu ul.sub_menu li:hover > ul.submenu {
            display: block;
        }

        #sticky-header .header-menu ul.sub_menu a,
        #sticky-header .header-menu ul.submenu a {
            display: block;
            padding: 10px 12px;
            border-radius: 10px;
            color: var(--bda-text-soft);
            font-weight: 600;
        }

            #sticky-header .header-menu ul.sub_menu a:hover,
            #sticky-header .header-menu ul.submenu a:hover {
                background: rgba(255,255,255,.10);
                color: #fff;
            }
}

        #sticky-header li:hover > ul.sub_menu,
        #sticky-header ul.sub_menu li:hover > ul.submenu {
            display: block;
        }

        #sticky-header ul.sub_menu a {
            display: block;
            padding: 10px 12px;
            border-radius: 10px;
            color: var(--bda-text-soft);
        }

            #sticky-header ul.sub_menu a:hover {
                background: rgba(255,255,255,.1);
                color: #fff;
            }


/* =========================================================
   E) DESKTOP BUTTONS
   ========================================================= */
    #sticky-header .login-btn {
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.55);
        color: #fff;
        border-radius: 12px;
        padding: 12px 18px;
        font-weight: 800;
    }

    #sticky-header .sign-up-btn {
        background: linear-gradient(180deg, var(--bda-cta), var(--bda-cta-2));
        border-radius: 12px;
        padding: 12px 18px;
        font-weight: 900;
        color: #fff;
    }


/* =========================================================
   F) MOBILE HEADER (HeaderMenuMobile.ascx)
   - mobile-menu-area görünürlük: <992px
   ========================================================= */



.mobile-menu-area {
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1));
    z-index: 120;
}

    .mobile-menu-area nav.header-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 12px;
    }

/*    .mobile-menu-area .mobile-logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
    }
*/
        .mobile-menu-area .mobile-logo img {
            max-height: 38px;
            width: auto;
            filter: none; /* PNG bozulmasın */
        }

/* Mobil butonlar: iki yana dayalı */
.mobile-menu-area .header-btn {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
}


    .mobile-menu-area .header-btn a.login-btn,
    .mobile-menu-area .header-btn a.sign-up-btn {
        width: auto !important;
        min-width: 120px;
        padding: 9px 12px !important;
        font-size: 13px !important;
        border-radius: 12px !important;
        line-height: 1 !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .mobile-menu-area .header-btn a.login-btn {
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.55) !important;
        color: #fff !important;
        font-weight: 800 !important;
    }

    .mobile-menu-area .header-btn a.sign-up-btn {
        background: linear-gradient(180deg, var(--bda-cta) 0%, var(--bda-cta-2) 100%) !important;
        border: 0 !important;
        color: #fff !important;
        font-weight: 900 !important;
    }

/* Mobil logo: dikey ortalı */
.mobile-menu-area .mobile-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 12px !important;
    min-height: 64px;
}

    .mobile-menu-area .mobile-logo img {
        max-height: 42px;
        width: auto;
        object-fit: contain;
        filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
    }

/* =========================================================
   G) MEANMENU (açılan mobil menü) — BEYAZ PANELİ KALDIR + taşma düzelt
   ========================================================= */
.mean-container {
    background: transparent;
}

    .mean-container .mean-nav {
        background: rgba(7,26,69,.96);
        border-radius: 14px;
        margin: 12px;
        width: calc(100% - 24px);
    }

        .mean-container .mean-nav a {
            color: #fff;
            font-weight: 700;
        }


    /* Panel: cihaz genişliğine göre otomatik, sağ/sol eşit boşluk */
    .mean-container .mean-nav {
        background: rgba(7,26,69,.96) !important;
        border: 1px solid var(--bda-border) !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        width: calc(100% - 24px) !important; /* sol=12px sağ=12px */
        margin: 10px 12px 14px 12px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }

        /* Beyaz görünen kısımlar çoğu zaman ul/li */
        .mean-container .mean-nav ul,
        .mean-container .mean-nav ul li {
            background: transparent !important;
        }

            /* Linkler beyaz */
            .mean-container .mean-nav ul li a {
                color: var(--bda-text-2) !important;
                font-weight: 700 !important;
                background: transparent !important;
                border-top: 1px solid rgba(255,255,255,.08) !important;
            }

                .mean-container .mean-nav ul li a:hover {
                    /*background: rgba(255,255,255,.10) !important;*/
                    color: #fff !important;
                }

                /* Expand butonu */
                .mean-container .mean-nav ul li a.mean-expand {
                    color: #fff !important;
                   /* background: rgba(255,255,255,.06) !important;
                    border-left: 1px solid rgba(255,255,255,.10) !important;*/
                }

                    .mean-container .mean-nav ul li a.mean-expand:hover {
                        /*background: rgba(255,255,255,.10) !important;*/
                    }


/* =========================================================
   HEADER - Dar ekran (desktop kırılımında kaybolma) fix
   ========================================================= */

/* 992-1199 arası “sıkıştırılmış desktop header” */

    #sticky-header .header-menu ul.nav_scroll > li > a {
        font-size: 16px !important;
        padding: 10px 10px !important;
    }

    #sticky-header .header-btn a.login-btn,
    #sticky-header .header-btn a.sign-up-btn {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    #sticky-header .navSidebar-button a {
        width: 40px !important;
        height: 40px !important;
    }
}

/* 992-1099 arası menü çok taşıyorsa daha da sıkıştır */
@media (max-width: 1099.98px) and (min-width: 992px) {
    #sticky-header .header-menu ul.nav_scroll > li > a {
        font-size: 15px !important;
    }
}

/* =========================================================
   SLIDER FIX - cover + boşluk yok + responsive yükseklik
   ========================================================= */

.hero-slider5,
.hero-slider5 .owl-stage-outer,
.hero-slider5 .owl-stage,
.hero-slider5 .owl-item {
    height: auto !important;
}

    /* Section: boşluk yok, cover garanti */
    .hero-slider5 .hero_area.style-five.two {
        padding: 0 !important;
        margin: 0 !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        min-height: clamp(320px, 62vh, 760px) !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Inline style’daki background-size:100% ez (sert) */
    .hero-slider5 .hero_area[style*="background-size"] {
        background-size: cover !important;
    }

/* Mobilde üst-alt boşluk olmasın (daha kontrollü yükseklik) */
@media (max-width: 576px) {
    .hero-slider5 .hero_area.style-five.two {
        min-height: 70vh !important; /* telefonda görüntü doldursun */
    }
}

/* Slider içindeki yazılar: CTA font hissi (Poppins zaten global) */
.hero-slider5 .hero_content h1,
.hero-slider5 .hero_content h5 {
    font-family: "Poppins", sans-serif !important;
}

/* Slider içindeki yeşil vurguları CTA turuncuya çek */
.hero-slider5 a:hover,
.hero-slider5 a:focus {
    color: #fff !important;
}

/* Owl dots / aktif noktalar */
.hero-slider5 .owl-dots .owl-dot.active span {
    background: var(--bda-cta-2) !important;
}

.hero-slider5 .owl-dots .owl-dot span {
    background: rgba(255,255,255,.35) !important;
}

/* Eğer slider’da “01 02 03” gibi pagination varsa genelde .owl-nav, .counter, .hero-number vs.
   En güvenlisi: slider içinde primary-color’ı ez */
.hero-slider5 {
    --primary-color: var(--bda-cta-2);
}

    /* Template’in aktif/hover state’i primary-color kullanıyorsa artık turuncu olur */
    .hero-slider5 .active,
    .hero-slider5 .current,
    .hero-slider5 .owl-dot.active {
        color: var(--bda-cta-2) !important;
    }

    .hero-slider5 .hero_area.style-five.two::before {
        opacity: .65 !important;
    }


/* =========================================================
   HEADER RESPONSIVE CORE LOGIC (FINAL)
   ========================================================= */

/* Desktop */
@media (min-width: 992px) {
    #sticky-header {
        display: block;
    }

    .mobile-menu-area {
        display: none;
    }
}

/* Mobile */
@media (max-width: 991.98px) {
    #sticky-header {
        display: none;
    }

    .mobile-menu-area {
        display: block;
    }
}

/* =========================================================
   MEANMENU CLEAN MOBILE PANEL
   ========================================================= */

.mean-container {
    background: transparent !important;
}

    .mean-container .mean-nav {
        background: rgba(7,26,69,.96) !important;
        border-radius: 14px;
        margin: 12px;
        width: calc(100% - 24px);
    }

        .mean-container .mean-nav ul li a {
            color: #fff !important;
            font-weight: 700;
            border-top: 1px solid rgba(255,255,255,.08);
        }

            .mean-container .mean-nav ul li a:hover {
                background: rgba(255,255,255,.10);
            }
.header-top-area {
    z-index: 100;
}

#sticky-header {
    z-index: 110;
}

.mobile-menu-area {
    z-index: 120;
}

.mean-container .mean-nav {
    z-index: 130;
}

/* === MOBILE BACKGROUND FIX: desktop ile aynı gradient === */
.mobile-menu-area,
.mobile-menu-area.sticky,
.mobile-menu-area .header-btn,
.mobile-menu-area .mobile-logo {
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1)) !important;
}

/* Meanmenu kendi bar/panel background'unu ez */
@media (max-width: 991.98px) {
    .mean-container .mean-bar {
        background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1)) !important;
        padding: 0 !important;
        min-height: auto !important;
    }

    /* Açılan panel aynı tonda kalsın (istersen aynı gradient de yapabilirsin) */
    .mean-container .mean-nav {
        background: rgba(7,26,69,.96) !important;
        border: 1px solid var(--bda-border) !important;
    }

        /* Meanmenu linkleri beyaz */
        .mean-container .mean-nav ul li a {
            color: #fff !important;
        }
}


/* =========================================================
   BDA MARQUEE (Theme Uyumlu – Sade & Akıcı)
   ========================================================= */

.marquee-section {
    background: linear-gradient( 90deg, var(--bda-navy-2), var(--bda-navy-1) );
    padding: 14px 0;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Ana kayan alan */
.marquee {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Hareket eden blok */
.marquee-block {
    display: flex;
    gap: 60px;
    white-space: nowrap;
    animation: bda-marquee 28s linear infinite;
}

/* Hover’da yavaşlat (premium his) */
.marquee:hover .marquee-block {
    animation-play-state: paused;
}

/* Metin */
.marquee h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--bda-text-soft);
    text-transform: uppercase;
    letter-spacing: .5px;
}

    /* Link */
    .marquee h3 a {
        color: var(--bda-text-soft);
        text-decoration: none;
        transition: color .2s ease;
    }

        .marquee h3 a:hover {
            color: var(--bda-cta);
        }

    /* İkon */
    .marquee h3 img {
        width: 22px;
        height: auto;
        opacity: .85;
        filter: brightness(1.2);
    }

/* Akış animasyonu */
@keyframes bda-marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Mobil optimizasyon */
@media (max-width: 768px) {
    .marquee h3 {
        font-size: 14px;
        gap: 8px;
    }

        .marquee h3 img {
            width: 18px;
        }

    .marquee-block {
        gap: 40px;
        animation-duration: 36s; /* mobilde daha yavaş */
    }
}


/* =========================================================
   BDA FOOTER (Violet/Navy Uyumlu – Temiz & Modern)
   HTML'e dokunmadan: .footer-area / .footer-bottom-area
   ========================================================= */

.footer-area {
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1));
    color: var(--bda-text-soft);
    position: relative;
    overflow: hidden;
    padding-top: 56px;
}

    /* hafif ışık dokusu (boğmaz) */
    .footer-area::before {
        content: "";
        position: absolute;
        inset: -30%;
        background: radial-gradient(700px 420px at 20% 15%, rgba(255,178,74,.10), transparent 60%), radial-gradient(650px 420px at 85% 30%, rgba(255,255,255,.06), transparent 65%);
        filter: blur(10px);
        pointer-events: none;
    }

    /* grid/kolonlar */
    .footer-area .add-footer-class {
        position: relative;
        z-index: 1;
    }

    /* widget kart hissi (çok hafif) */
    .footer-area .footer-widget-content {
        padding: 14px 6px;
    }

    /* başlıklar */
    .footer-area .footer-widget-title h4 {
        margin: 0 0 14px 0;
        font-size: 18px;
        font-weight: 800;
        color: #fff;
        letter-spacing: .2px;
    }

    /* logo */
    .footer-area .footer-widget-title img {
        max-width: 180px;
        height: auto;
        filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
    }

    /* açıklama */
    .footer-area .footer-desc p {
        margin: 10px 0 14px;
        color: rgba(255,255,255,.82);
        line-height: 1.6;
    }

    /* iletişim */
    .footer-area .footer-contact-info {
        margin-top: 12px;
        display: grid;
        gap: 10px;
        color: rgba(255,255,255,.88);
        font-weight: 600;
    }

    .footer-area .footer-contact-phone p {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .footer-area .footer-contact-phone img {
        width: 18px;
        height: 18px;
        opacity: .9;
        filter: brightness(1.1);
    }

    .footer-area .footer-contact-address {
        opacity: .9;
    }

    /* menüler */
    .footer-area .footer-widget-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 10px;
    }

    .footer-area .footer-widget-menu li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        line-height: 1.35;
    }

        .footer-area .footer-widget-menu li img {
            width: 14px;
            height: 14px;
            margin-top: 3px;
            opacity: .9;
            filter: brightness(1.15);
        }

    /* linkler */
    .footer-area .footer-widget-menu a,
    .footer-area .footer-bottom-desc a {
        color: rgba(255,255,255,.88);
        text-decoration: none;
        font-weight: 650;
        transition: color .18s ease, transform .18s ease;
    }

        .footer-area .footer-widget-menu a:hover,
        .footer-area .footer-bottom-desc a:hover {
            color: var(--bda-cta);
        }

/* footer üst-alt ayırıcı çizgi */
.footer-bottom-area {
    background: transparent;
    border-top: 1px solid rgba(255,255,255,.10);
    position: relative;
    z-index: 1;
}

    .footer-bottom-area .footer-bottom {
        padding: 16px 0;
        align-items: center;
    }

    /* copyright */
    .footer-bottom-area .footer-bottom-desc p {
        margin: 0;
        color: rgba(255,255,255,.75);
        font-weight: 600;
    }

    /* sosyal ikon alanı (şu an boş li'ler var, bozulmasın diye) */
    .footer-bottom-area .footer-bottom-social-icon ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }

    .footer-bottom-area .footer-bottom-social-icon li {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.10);
    }

/* responsive */
@media (max-width: 991.98px) {
    .footer-area {
        padding-top: 40px;
    }

    .footer-bottom-area .footer-bottom-social-icon ul {
        justify-content: flex-start;
        margin-top: 10px;
    }
}

/* =========================================================
   BDA TESTIMONIAL (StudentComment.ascx)
   Violet/Navy – Modern & Soft
   ========================================================= */

.testimonial-area.style-three {
    position: relative;
    background: linear-gradient(180deg, var(--bda-navy-2), var(--bda-navy-1));
    padding: 80px 0 90px;
    overflow: hidden;
}

    /* arka plan ışık dokusu (çok hafif) */
    .testimonial-area.style-three::before {
        content: "";
        position: absolute;
        inset: -30%;
        background: radial-gradient(700px 420px at 20% 10%, rgba(255,178,74,.12), transparent 60%), radial-gradient(600px 380px at 85% 35%, rgba(255,255,255,.06), transparent 65%);
        filter: blur(12px);
        pointer-events: none;
    }

/* başlık alanı */
.testimonial-area .section-sub-title.three h6 {
    color: var(--bda-cta);
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.testimonial-area .section_title h1 {
    color: #fff;
    font-weight: 900;
    line-height: 1.25;
}

/* =========================================================
   TESTIMONIAL CARD
   ========================================================= */

.testi-box {
    padding: 20px;
}

.single-testi-box {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    padding: 34px 30px;
    height: 100%;
    position: relative;
    box-shadow: 0 25px 45px rgba(0,0,0,.35);
    transition: transform .25s ease, box-shadow .25s ease;
}

    .single-testi-box:hover {
        transform: translateY(-6px);
        box-shadow: 0 35px 60px rgba(0,0,0,.45);
    }

    /* quote icon */
    .single-testi-box .testi-quote {
        position: absolute;
        top: -18px;
        right: 26px;
    }

        .single-testi-box .testi-quote img {
            width: 38px;
            opacity: .35;
            filter: brightness(1.3);
        }

    /* başlık */
    .single-testi-box .testi-title h3 {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 12px;
    }

    /* yorum metni */
    .single-testi-box .testi-desc p {
        color: rgba(255,255,255,.85);
        line-height: 1.7;
        font-size: 15px;
        margin-bottom: 18px;
    }

    /* yıldızlar */
    .single-testi-box .testi-ratting ul {
        display: flex;
        gap: 6px;
        padding: 0;
        margin: 0 0 22px;
        list-style: none;
    }

    .single-testi-box .testi-ratting i {
        color: var(--bda-cta);
        font-size: 16px;
    }

/* =========================================================
   AUTHOR
   ========================================================= */

.testi-autor-box {
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(255,255,255,.12);
    padding-top: 18px;
}

.testi-autor img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,.35);
}

.testi-autor-content h5 {
    color: #fff;
    font-weight: 800;
    margin: 0;
}

.testi-autor-content p {
    margin: 2px 0 0;
    color: rgba(255,255,255,.75);
    font-weight: 600;
    font-size: 14px;
}

/* =========================================================
   OWL CAROUSEL FIX
   ========================================================= */

.testi-list3 .owl-stage {
    display: flex;
}

.testi-list3 .owl-item {
    display: flex;
}

.testi-list3 .owl-dots {
    margin-top: 30px;
    text-align: center;
}

.testi-list3 .owl-dot span {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,.35);
}

.testi-list3 .owl-dot.active span {
    background: var(--bda-cta);
}

/* dekoratif yıldız */
.testi-shape31 img {
    opacity: .25;
    filter: brightness(1.2);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {
    .testimonial-area.style-three {
        padding: 60px 0 70px;
    }

    .single-testi-box {
        padding: 28px 24px;
    }

    .section_title h1 {
        margin-top: 10px;
    }
}