@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

:root{
    --navy:#211f6d;
    --navy-dark:#1b1958;
    --indigo:#4b3ee4;
    --indigo-light:#eceafe;
    --gray-text:#6c6c80;
    --border-c:#e7e7f0;
}

html{
    overflow-x:hidden !important;
    font-family:'Red Hat Display',sans-serif !important;
}
body{
    min-height:100vh !important;
    overflow-x:hidden !important;
    position:relative !important;
    font-family:'Red Hat Display',sans-serif !important;
    color:#22213b;
}
a{
    text-decoration:none !important;
    color:inherit;
}
.pad0{
    padding:0px !important;
}
.bin{
    width:1400px;
    margin:auto !important;
}
@media screen and (max-width: 1450px) {
    .bin{
        width:92%;
    }
}
.site-header{
    padding:18px 0;
    background:#fff;
}
.site-header .logo img{
    max-height:45px;
}
.logo-text{
    font-weight:800;
    font-size:22px;
    line-height:1;
    color:#161527;
}
.logo-text span{
    display:block;
    color:var(--indigo);
}
.search-form{
    position:relative;
    max-width:420px;
    width:100%;
}
.search-form input{
    border:1px solid var(--border-c);
    background:#f6f6fb;
    border-radius:10px;
    padding:12px 55px 12px 18px;
    width:100%;
    font-size:14px;
}
.search-form input:focus{
    outline:none;
    border-color:var(--indigo);
    box-shadow:none;
}
.search-form button{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:48px;
    background:var(--navy);
    border:none;
    border-radius:0 10px 10px 0;
    color:#fff;
}
.btn-outline-navy{
    border:1px solid var(--indigo-light);
    background:var(--indigo-light);
    color:var(--indigo);
    font-weight:600;
    font-size:14px;
    padding:10px 18px;
    border-radius:8px;
    white-space:nowrap;
}
.btn-outline-navy:hover{
    background:var(--indigo);
    color:#fff;
}
.header-actions{
    display:flex;
    gap:10px;
}
.social-circle{
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--indigo-light);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--indigo);
    font-size:14px;
    flex-shrink:0;
}
.social-circle:hover{
    background:var(--indigo);
    color:#fff;
}
.main-nav{
    border-top:1px solid var(--border-c);
    border-bottom:1px solid var(--border-c);
    margin-top:20px;
}
.main-nav .nav-link{
    padding:16px 18px !important;
    font-weight:600;
    padding-left:0px !important;
    font-size:14.4px;
    padding-top:6px;
    padding-bottom:6px;
    color:#22213b;
}
.main-nav .nav-link:hover,
.main-nav .nav-link.active{
    color:var(--indigo);
}
.social-circle.js-menu-toggle i{
    transition:.2s;
}
.social-circle.js-menu-toggle.active i.fa-bars:before{
    content:"\f00d"; /* fa-xmark */
}
.mobile-search-drawer{
    max-height:0;
    overflow:hidden;
    background:#fff;
    border-top:1px solid transparent;
    transition:max-height .3s ease, border-color .3s ease;
}
.mobile-search-drawer.open{
    max-height:140px;
    border-top:1px solid var(--border-c);
}
.mobile-search-drawer .bin{
    padding:14px 0;
}
.mobile-search-drawer .search-form{
    max-width:100%;
}
.mobile-search-close{
    display:block;
    text-align:right;
    font-size:13px;
    color:var(--gray-text);
    margin-top:8px;
    font-weight:600;
}

.main-nav-inner{
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;      
    -ms-overflow-style:none;   
}
.main-nav-inner::-webkit-scrollbar{
    display:none;              /* Chrome/Safari */
}
.main-nav .nav-link{
    white-space:nowrap;
    flex-shrink:0;
}
.mobile-cat-scroll{
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:12px 4%;
    scrollbar-width:none;
    -ms-overflow-style:none;
    border-bottom:1px solid var(--border-c);
}
.mobile-cat-scroll::-webkit-scrollbar{
    display:none;
}
.mobile-cat-scroll a{
    white-space:nowrap;
    flex-shrink:0;
    font-size:13.5px;
    font-weight:600;
    padding:8px 14px;
    border:1px solid var(--border-c);
    border-radius:20px;
    color:#22213b;
    transition:.2s;
}
.mobile-cat-scroll a:hover,
.mobile-cat-scroll a.active{
    background:var(--indigo);
    color:#fff;
    border-color:var(--indigo);
}
@media (min-width:992px){
    .mobile-cat-scroll{
        display:none !important;
    }
}
@media (max-width:991px){
    .hero-owl-carousel .hero-main{
        width:100% !important;
    }
    .main-nav .nav-link{
        width:100%;
        padding:14px 22px !important;
        border-bottom:1px solid var(--border-c);
        font-size:14.5px;
    }
    .main-nav{
        position:fixed;
        top:0;
        right:-300px;
        height:100vh;
        width:280px;
        max-width:82%;
        background:#fff;
        z-index:1050;
        overflow-y:auto;
        transition:right .3s ease;
        box-shadow:-8px 0 30px rgba(0,0,0,.12);
        border-top:none;
    }
    .main-nav.open{
        right:0;
    }
    .main-nav .bin{
        width:100%;
    }
    .mobile-social{
        padding:18px 22px;
        gap:10px;
    }
    .main-nav-inner{
        flex-direction:column;
        padding-top:70px;
        overflow-x:visible;
        overflow-y:auto;
    }
    .mobile-nav-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:16px 22px;
        border-bottom:1px solid var(--border-c);
        position:absolute;
        top:0; left:0; right:0;
        background:#fff;
        z-index:2;
    }
    .mobile-nav-logo img{
        max-height:34px;
    }
    .mobile-nav-close{
        width:36px;
        height:36px;
        border-radius:50%;
        background:var(--indigo-light);
        display:flex;
        align-items:center;
        justify-content:center;
        color:var(--indigo);
        font-size:16px;
        flex-shrink:0;
    }
    .mobile-nav-close:hover{
        background:var(--indigo);
        color:#fff;
    }
    .nav-overlay{
        display:none;
        position:fixed;
        inset:0;
        background:rgba(20,19,68,.45);
        z-index:1040;
    }
    .nav-overlay.open{
        display:block;
    }
    .site-header{
        position:relative;
        z-index:1030;
    }
    .site-header.is-sticky{
        position:fixed;
        top:0;
        left:0;
        right:0;
        box-shadow:0 6px 20px rgba(0,0,0,.08);
        animation:headerSlideDown .25s ease;
    }
    @keyframes headerSlideDown{
        from{ transform:translateY(-100%); }
        to{ transform:translateY(0); }
    }
    body.has-sticky-header{
        padding-top:0;
    }
    body.has-sticky-header .content > section:first-child,
    body.has-sticky-header .hero-main{
    }
}
@media (max-width:991px){
    .header-actions{
        gap:8px;
    }
}
.hero-main{
    position:relative;
    min-height:460px;
    border-radius:0;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    background-size:cover;
    background-position:center;
}
.hero-main::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(33,31,109,0) 20%, rgba(20,19,68,.85) 100%);
}
.hero-main .hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    padding:35px 40px;
}
.hero-views{
    background:rgba(255,255,255,.15);
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 12px;
    border-radius:20px;
    font-size:13px;
    margin-bottom:14px;
}
.hero-content h2{
    font-weight:800;
    font-size:28px;
    margin-bottom:14px;
}
.hero-content p{
    max-width:520px;
    font-size:14.5px;
    opacity:.95;
    margin-bottom:0;
}
.hero-side{
    display:flex;
    flex-direction:column;
    height:460px;
}
.hero-side-item{
    position:relative;
    flex:1;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:flex-end;
    color:#fff;
}
.hero-side-item::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(33,31,109,0) 30%, rgba(20,19,68,.85) 100%);
}
.hero-side-item .side-content{
    position:relative;
    z-index:2;
    padding:16px 18px;
}
.hero-side-item .side-content h6{
    font-weight:700;
    font-size:14px;
    margin-bottom:0;
    line-height:1.3;
}
.hero-views-sm{
    font-size:12px;
    opacity:.9;
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:8px;
}
@media (max-width:991px){
    .hero-side{
        flex-direction:row;
        height:auto;
        margin-top:2px;
    }
    .hero-side-item{
        min-height:180px;
    }
    .hero-main{
        min-height:340px;
    }
}
@media (max-width:575px){
    .hero-side{
        flex-direction:column;
    }
}
.blog-card{
    border:1px solid var(--border-c);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    height:100%;
    transition:.25s;
}
.blog-card:hover{
    box-shadow:0 10px 30px rgba(33,31,109,.08);
    transform:translateY(-3px);
}
.blog-card .thumb{
    position:relative;
    height:210px;
    background-size:cover;
    background-position:center;
}
.blog-card .cat-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(255,255,255,.9);
    color:var(--navy);
    font-size:12px;
    font-weight:700;
    padding:6px 12px;
    border-radius:20px;
}
.blog-card .card-body h3{
    font-size:16px;
    font-weight:800;
    line-height:1.4;
    margin-bottom:0;
    color:#161527;
}
.blog-card .card-body p{
    font-size:13.5px;
    color:var(--gray-text);
}
.blog-card .meta{
    font-size:12.5px;
    color:var(--gray-text);
    margin-bottom:10px;
}
.devam-oku{
    color:var(--indigo);
    font-weight:700;
    font-size:13px;
}
.mini-card{
    display:flex;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid var(--border-c);
}
.mini-card:last-child{
    border-bottom:none;
}
.mini-card img{
    width:64px;
    height:64px;
    border-radius:8px;
    object-fit:cover;
    flex-shrink:0;
}
.mini-card h6{
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    margin-bottom:0;
}
.sidebar-box{
    border:1px solid var(--border-c);
    border-radius:12px;
    overflow:hidden;
    margin-bottom:24px;
}
.sidebar-title{
    background:var(--navy);
    color:#fff;
    padding:14px 18px;
    font-weight:700;
    font-size:14px;
}
.sidebar-body{
    padding:16px 18px;
}
.sidebar-cat-list a{
    display:block;
    padding:10px 0;
    border-bottom:1px solid var(--border-c);
    font-size:14px;
    font-weight:600;
    color:#22213b;
}
.sidebar-cat-list a:last-child{
    border-bottom:none;
}
.sidebar-cat-list a:hover{
    color:var(--indigo);
    padding-left:5px;
}
.mentorlab-box{
    background:var(--indigo);
    color:#fff;
    border-radius:12px;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.mentorlab-box h6{
    font-weight:800;
    font-size:15px;
    margin-bottom:2px;
}
.mentorlab-box p{
    font-size:12.5px;
    opacity:.9;
    margin-bottom:0;
}
.mentorlab-box .arrow-btn{
    width:36px;
    height:36px;
    border-radius:8px;
    background:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.blog-detay-body{
    font-size:15px;
    line-height:1.9;
    color:#3a3a52;
}
.blog-detay-body p{
    margin-bottom:16px;
}
.blog-detay-meta{
    font-size:13.5px;
    color:var(--gray-text);
    margin-bottom:8px;
}
.blog-detay-body h1{
    font-size:26px;
    font-weight:800;
    color:#161527;
}
.kurumsal-menu{
    border:1px solid var(--border-c);
    border-radius:12px;
    overflow:hidden;
}
.kurumsal-menu .baslik{
    font-weight:700;
    font-size:16px;
    padding:18px;
    border-bottom:1px solid var(--border-c);
}
.kurumsal-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 18px;
    font-size:14.5px;
    font-weight:600;
    color:#22213b;
    border-bottom:1px solid var(--border-c);
}
.kurumsal-menu a:last-child{
    border-bottom:none;
}
.kurumsal-menu a.active,
.kurumsal-menu a:hover{
    background:var(--navy);
    color:#fff;
}
.kurumsal-content{
    border:1px solid var(--border-c);
    border-radius:12px;
    padding:35px;
}
.kurumsal-content h2{
    font-size:18px;
    font-weight:800;
    margin-top:22px;
    margin-bottom:14px;
}
.kurumsal-content h2:first-child{
    margin-top:0;
}
.kurumsal-content p{
    font-size:14.2px;
    font-weight:500;
    line-height:1.8;
    color:#000;
}
.kurumsal-content ul{
    padding-left:0;
    list-style:none;
}
.kurumsal-content ul li{
    display:flex;
    gap:10px;
    font-size:14.5px;
    line-height:1.7;
    color:#3a3a52;
    margin-bottom:14px;
}
.kurumsal-content ul li i{
    color:#22a35a;
    margin-top:4px;
}
.footer-v2{
    background:var(--navy-dark);
    color:#fff;
    padding:55px 0 0;
}
.footer-v2 .col-bulten h3{
    font-weight:800;
    font-size:20px;
    line-height:1.4;
    margin-bottom:22px;
}
.footer-v2 .bulten-input-group{
    position:relative;
    margin-bottom:22px;
}
.footer-v2 .bulten-input-group input{
    width:100%;
    border:none;
    border-radius:10px;
    padding:16px 18px;
    font-size:14px;
    color:#22213b;
}
.footer-v2 .bulten-input-group input:focus{
    outline:none;
}
.footer-v2 .kaydet-btn{
    background:transparent;
    border:none;
    color:#fff;
    font-weight:700;
    font-size:14px;
    padding:0;
    margin-bottom:26px;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.footer-v2 .kaydet-btn:hover{
    color:#c9c3ff;
}
.footer-v2 .takip-baslik{
    font-size:15px;
    font-weight:600 !important;
    color:#FFF !important;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,.15);
}
.footer-v2 .footer-col-title{
    font-weight:800;
    font-size:14px;
    letter-spacing:.5px;
    margin-bottom:24px;
}
.footer-v2 .footer-col-links a{
    display:block;
    font-size:14.5px;
    color:#FFF !important;
    font-weight:600 !important;
    margin-bottom:20px;
    color:#fff;
}
.footer-v2 .footer-col-links a:hover{
    opacity:1;
    color:#c9c3ff;
}
.footer-v2 .col-kategoriler,
.footer-v2 .col-yasal{
    border-left:1px solid rgba(255,255,255,.15);
    padding-left:40px;
}
.footer-v2 .footer-bottom{
    border-top:1px solid rgba(255,255,255,.15);
    padding:20px 0;
    margin-top:0px !important;
    font-size:13.5px;
    font-weight:700;
    opacity:100% !important;
    color:#FFF;
}
@media (max-width:991px){
    .footer-v2 .col-kategoriler,
    .footer-v2 .col-yasal{
        border-left:none;
        padding-left:0;
        margin-top:35px;
    }
}
@media (max-width:767px){
    .footer-v2{
        text-align:center;
    }
    .footer-v2 .takip-baslik{
        border-bottom:none;
    }
    .footer-v2 .footer-social{
        justify-content:center;
    }
}
.bulten-bar{
    background:var(--indigo);
    color:#fff;
    padding:35px 0;
}
.bulten-bar h4{
    font-weight:800;
    font-size:18px;
    margin-bottom:4px;
}
.bulten-bar p{
    font-size:13.5px;
    opacity:.9;
    margin-bottom:0;
}
.bulten-form{
    display:flex;
    gap:12px;
}
.bulten-form input{
    flex:1;
    border:none;
    border-radius:8px;
    padding:14px 18px;
    font-size:14px;
}
.bulten-form input:focus{
    outline:none;
}
.bulten-form button{
    background:var(--navy);
    color:#fff;
    border:none;
    border-radius:8px;
    padding:0 26px;
    font-weight:700;
    font-size:14px;
    white-space:nowrap;
}
@media (max-width:767px){
    .bulten-bar .row > div{
        text-align:center;
        margin-bottom:18px;
    }
    .bulten-form{
        flex-direction:column;
    }
}
.footer-social{
    display:flex;
    gap:10px;
    margin-top:16px;
    padding-bottom:15px !important;
}
.footer-social .social-circle{
    background:rgba(255,255,255,.12);
    color:#fff;
}
.footer-social .social-circle:hover{
    background:var(--indigo);
}
.pagination{
    gap:6px;
    flex-wrap:wrap;
}
.pagination .page-item .page-link{
    border:1px solid var(--border-c);
    border-radius:8px !important;
    color:#22213b;
    font-weight:700;
    font-size:14px;
    min-width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    transition:.2s;
}
.pagination .page-item .page-link:hover{
    background:var(--indigo-light);
    border-color:var(--indigo-light);
    color:var(--indigo);
}
.pagination .page-item.active .page-link{
    background:var(--indigo);
    border-color:var(--indigo);
    color:#fff;
    box-shadow:0 6px 16px rgba(75,62,228,.25);
}
.pagination .page-item.disabled .page-link{
    color:#c7c7d6;
    background:#fff;
    border-color:var(--border-c);
    cursor:not-allowed;
}
.pagination .page-item.nav-arrow .page-link{
    background:#fff;
    font-size:13px;
}
@media (max-width:575px){
    .pagination .page-item .page-link{
        min-width:36px;
        height:36px;
        font-size:13px;
    }
}
.hero-owl-carousel .owl-stage-outer,
.hero-owl-carousel .owl-stage,
.hero-owl-carousel .owl-item{
    height:100%;
}
.hero-owl-carousel .hero-slide{
    height:100%;
}
.hero-owl-carousel .hero-main{
    height:460px;
    width:99%;
    border-radius:5px;
    color:#fff;
}
.hero-owl-carousel .owl-dots{
    position:absolute;
    bottom:18px;
    left:40px;
    z-index:5;
    display:flex;
    gap:8px;
}
.hero-owl-carousel .owl-dot span{
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.4);
    transition:.2s;
}
.hero-owl-carousel .owl-dot.active span{
    background:#fff;
    width:22px;
    border-radius:4px;
}
.hero-owl-carousel .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    display:flex;
    justify-content:space-between;
    padding:0 18px;
    z-index:5;
    pointer-events:none;
}
.hero-owl-carousel .owl-nav button{
    pointer-events:all;
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.2) !important;
    color:#fff !important;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-owl-carousel .owl-nav button:hover{
    background:rgba(255,255,255,.35) !important;
}
@media (max-width:991px){
    .hero-owl-carousel .hero-main{
        height:360px;
    }
}
@media (max-width:575px){
    .hero-owl-carousel .hero-main{
        height:300px;
    }
    .hero-content h2{
        font-size:20px;
    }
}
.hero-side-list{
    height:460px;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.hero-list-item{
    flex:1;
    display:flex;
    gap:14px;
    align-items:center;
    border:1px solid var(--border-c);
    border-radius:12px;
    padding:10px;
    transition:.2s;
}
.hero-list-item:hover{
    box-shadow:0 8px 22px rgba(33,31,109,.08);
    border-color:transparent;
}
.hero-list-thumb{
    width:76px;
    height:76px;
    border-radius:8px;
    background-size:cover;
    background-position:center;
    flex-shrink:0;
}
.hero-list-body h6{
    font-size:13.5px;
    font-weight:800;
    line-height:1.35;
    color:#161527;
    margin-bottom:6px;
}
.hero-list-meta{
    font-size:12px;
    color:var(--gray-text);
    margin-bottom:4px;
}
.hero-list-views{
    font-size:12px;
    color:var(--indigo);
    font-weight:700;
}
.blog-header{
    font-size:27px;
    font-weight:600;
    color:#000;
}
@media (max-width:991px){
    .hero-side-list{
        height:auto;
        margin-top:16px;
    }
    .hero-list-item{
        flex:none;
    }
}
.kategori-carousel-section{
    border-top:1px solid var(--border-c);
}
.kategori-carousel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}
.kategori-carousel-head h2{
    font-size:20px;
    font-weight:800;
    color:#161527;
    margin-bottom:0;
    position:relative;
    padding-left:16px;
}
.kategori-carousel-head h2::before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    bottom:3px;
    width:5px;
    border-radius:3px;
    background:var(--indigo);
}
.kategori-carousel-head .tumunu-gor{
    font-size:13.5px;
    font-weight:700;
    color:var(--indigo);
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}
.kategori-carousel-head .tumunu-gor:hover{
    color:var(--navy);
}
.owl-blog .owl-blog-item{
    padding:2px 0 4px;
}
.owl-blog .owl-nav{
    position:absolute;
    top:-52px;
    right:0;
    display:flex;
    gap:8px;
}
.owl-blog .owl-nav button{
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--indigo-light) !important;
    color:var(--indigo) !important;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.owl-blog .owl-nav button:hover{
    background:var(--indigo) !important;
    color:#fff !important;
}
.owl-blog{
    position:relative;
}
@media (max-width:767px){
    .kategori-carousel-head h2{
        font-size:17px;
    }
}
.kvkk-check{
    margin-bottom:16px;
}
.kvkk-check label{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:12.5px;
    line-height:1.5;
    color:rgba(255,255,255,.85);
    cursor:pointer;
}
.kvkk-check input[type="checkbox"]{
    margin-top:3px;
    width:15px;
    height:15px;
    flex-shrink:0;
    accent-color:var(--indigo);
    cursor:pointer;
}
.kvkk-check a{
    color:#fff;
    text-decoration:underline !important;
    font-weight:600;
}
.kvkk-check a:hover{
    color:#c9c3ff;
}