/*==================================================
  GOOGLE FONT & RESET
==================================================*/

@font-face{
    font-family:'Poppins';
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url('../fonts/poppins-v24-latin_latin-ext-300.woff2') format('woff2');
}

@font-face{
    font-family:'Poppins';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url('../fonts/poppins-v24-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face{
    font-family:'Poppins';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url('../fonts/poppins-v24-latin_latin-ext-500.woff2') format('woff2');
}

@font-face{
    font-family:'Poppins';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url('../fonts/poppins-v24-latin_latin-ext-600.woff2') format('woff2');
}

@font-face{
    font-family:'Poppins';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url('../fonts/poppins-v24-latin_latin-ext-700.woff2') format('woff2');
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    position:relative;
    background:#08111f;
    color:#fff;
    overflow-x:hidden;
}

body.loading{
    overflow:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

button{
    border:none;
    outline:none;
    background:none;
    cursor:pointer;
    font-family:inherit;
}

img{
    display:block;
    max-width:100%;
}

/*======================================
 PREMIUM LINK HOVER
======================================*/

.premium-link{
    color:#c8d2dd;
    position:relative;
    transition:.35s ease;
}


.premium-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:0;
    height:2px;
    background:#2d8cff;
    box-shadow:0 0 8px rgba(45,140,255,.7);
    transition:.35s ease;
}


.premium-link:hover{
    color:#fff;
}


.premium-link:hover::after{
    width:100%;
}

/*==================================================
  VARIABLES
==================================================*/

:root{
    --primary:#4f8cff;
    --primary-light:#76a8ff;
    --secondary:#7c4dff;
    --text:#ffffff;
    --text-light:#c7d2e3;
    --border:rgba(255,255,255,.12);
    --glass:rgba(255,255,255,.06);
    --glass-strong:rgba(255,255,255,.12);
    --shadow:0 20px 50px rgba(0,0,0,.35);
    --transition:.35s ease;
    --radius:18px;
    --primary-color:#4f8cff;
    --primary-light:#76a8ff;
}

/*==================================================
  BACKGROUND
==================================================*/

body::before{
    content:"";
    position:fixed;
    width:900px;
    height:900px;
    background:
    radial-gradient(
        circle,
        rgba(0,140,255,.10) 0%,
        rgba(0,140,255,.04) 35%,
        transparent 70%
    );
    filter:blur(80px);
    top:-300px;
    right:-250px;
    pointer-events:none;
    z-index:-1;
}

body::after{
    content:"";
    position:fixed;
    width:700px;
    height:700px;
    background:
    radial-gradient(
        circle,
        rgba(0,180,255,.06),
        transparent 70%
    );
    filter:blur(100px);
    bottom:-250px;
    left:-200px;
    pointer-events:none;
    z-index:-1;
}

/*==================================================
  CONTAINER
==================================================*/

.container{
    width:min(1280px,92%);
    margin:auto;
}

/*==================================================
  HEADER
==================================================*/

.header{
    position:fixed;
    top:20px;
    left:0;
    width:100%;
    z-index:999;
    transition:var(--transition);
}

.header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:13px 20px;
    border:1px solid var(--border);
    background:var(--glass);
    backdrop-filter:blur(18px);
    border-radius:22px;
    box-shadow:var(--shadow);
    transition:var(--transition);
}

.header.scrolled{
    top:8px;
}

.header.scrolled .container{
    padding:11px 20px;
    background:rgba(8,17,31,.92);
}

/*==================================================
  LOGO
==================================================*/

.logo{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
    text-decoration:none;
    transition:.35s ease;
    cursor:pointer;
}

.logo-icon{
    width:52px;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    color:#fff;
    transition:.35s ease;
}

.logo-text{
    display:flex;
    flex-direction:column;
}

.logo-text span{
    font-size:20px;
    font-weight:700;
    letter-spacing:.6px;
    transition:.35s ease;
}

.logo-text small{
    color:var(--text-light);
    font-size:12px;
    margin-top:-2px;
    transition:.35s ease;
}

.logo-icon{
    transition:.35s ease;
}

.logo:hover{
    transform:translateX(4px);
}

.logo:hover .logo-icon img{
    transform:scale(1.08);
    filter:
        drop-shadow(0 0 10px rgba(45,140,255,.35))
        drop-shadow(0 0 18px rgba(45,140,255,.18));
}


.logo:hover .logo-text span{
    color:#fff;
    text-shadow:0 0 8px rgba(255,255,255,.15);
}


.logo:hover .logo-text small{
    color:#5fb3ff;
    letter-spacing:1px;
}

.logo img{
    height:65px;
    width:auto;
}

/*==================================================
  NAVBAR
==================================================*/

.navbar{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
}

.nav-list{
    display:flex;
    align-items:center;
    gap:4px;
}

/*==================================================
  NAV LINK
==================================================*/

.nav-list>li{
    position:relative;
}

.nav-list>li>a{
    position:relative;
    display:flex;
    align-items:center;
    gap:5px;
    padding:12px 13px;
    font-size:14px;
    font-weight:500;
    color:var(--text-light);
    border-radius:14px;
    transition:var(--transition);
    overflow:hidden;
}

.nav-list>li>a::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(79,140,255,.18),
        rgba(124,77,255,.18)
    );
    opacity:0;
    transition:var(--transition);
    border-radius:inherit;
}

.nav-list>li>a:hover::before,

.nav-list>li>a.active::before{
    opacity:1;
}

.nav-list>li>a:hover{
    color:#fff;
    transform:translateY(-2px);
}

.nav-list>li>a.active{
    color:#fff;
}

.nav-list>li>a::after{
    content:"";
    position:absolute;
    left:13px;
    bottom:6px;
    width:0;
    height:2px;
    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );
    transition:.35s;
    border-radius:20px;
}

.nav-list>li>a:hover::after,
.nav-list>li>a.active::after{
    width:calc(100% - 26px);
}

/*==================================================
  DROPDOWN
==================================================*/
.dropdown{
    position:relative;
}
.dropdown-toggle i{
    font-size:18px;
    transition:.3s;
}

.dropdown:hover .dropdown-toggle i{
    transform:rotate(180deg);
}

.dropdown-menu{
    position:absolute;
    top:calc(100% + 18px);
    left:0;
    width:max-content;
    min-width:0;
    max-width:360px;
    background:rgba(12,22,40,.96);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    border-radius:18px;
    padding:10px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    transition:.35s;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dropdown-menu li{
    width:100%;
}

.dropdown-menu li a{
    display:flex;
    align-items:center;
    padding:12px 14px;
    color:var(--text-light);
    border-radius:12px;
    transition:.3s;
    white-space:nowrap;
}

.dropdown-menu li a:hover{
    background:rgba(255,255,255,.06);
    color:#fff;
    padding-left:22px;
}

/*==================================================
  RIGHT SIDE
==================================================*/

.header-right{
    display:flex;
    align-items:center;
    gap:18px;
}

/*==================================================
  CONTACT BUTTON
==================================================*/

.contact-btn{
    display:flex;
    align-items:center;
    gap:7px;
    padding:12px 19px;
    border-radius:50px;
    color:#fff;
    font-weight:600;
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );
    box-shadow:0 15px 40px rgba(79,140,255,.35);
    transition:var(--transition);
}

.contact-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 50px rgba(79,140,255,.45);
}

.contact-btn i{
    transition:.3s;
}

.contact-btn:hover i{
    transform:translateX(5px);
}

/*==================================================
  MOBILE MENU BUTTON
==================================================*/

.menu-btn{
    width:48px;
    height:48px;
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    transition:.3s;
}

.menu-btn:hover{
    background:rgba(255,255,255,.10);
}

.menu-btn span{
    width:24px;
    height:2px;
    margin:auto;
    background:#fff;
    transition:.35s;
    border-radius:10px;
}

.menu-btn.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.menu-btn.active span:nth-child(2){
    opacity:0;
}

.menu-btn.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

@media (min-width: 992px){
    .mobile-contact{
        display:none;
    }
}

@media (min-width:993px) and (max-width:1300px){

    .header .container{
        padding-left:16px;
        padding-right:16px;
    }

    .logo{
        gap:10px;
    }

    .logo-text span{
        font-size:18px;
    }

    .logo-text small{
        font-size:11px;
    }

    .nav-list{
        gap:2px;
    }

    .nav-list>li>a{
        padding-left:10px;
        padding-right:10px;
        font-size:13px;
    }

    .dropdown-toggle i{
        font-size:16px;
    }

    .header-right{
        gap:10px;
    }

    .contact-btn{
        padding:11px 16px;
        font-size:13px;
    }

}

@media (max-width: 991px){
    .mobile-contact{
        display:block;
    }
}

/*==================================================
  HERO
==================================================*/

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:180px 20px 100px;
}

.hero-content h1{
    font-size:clamp(42px,6vw,72px);
    font-weight:700;
    line-height:1.1;
    margin-bottom:20px;
    background:linear-gradient(
        90deg,
        #ffffff,
        #8cb7ff,
        #7c4dff
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.hero-content p{
    color:var(--text-light);
    font-size:18px;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

/*==================================================
  TABLET
==================================================*/

@media (max-width:992px){

    .header .container{
        padding:14px 20px;
    }

    .navbar{
        position:absolute;
        top:calc(100% + 14px);
        left:0;
        width:100%;
        background:rgba(8,17,31,.97);
        border:1px solid rgba(255,255,255,.08);
        backdrop-filter:blur(18px);
        border-radius:22px;
        padding:18px;
        display:block;
        opacity:0;
        visibility:hidden;
        transform:translateY(-20px);
        transition:.35s;
    }

    .navbar.active{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .nav-list{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .nav-list>li>a{
        width:100%;
        justify-content:space-between;
    }

    .dropdown-menu{
        position:static;
        min-width:100%;
        margin-top:10px;
        background:rgba(255,255,255,.04);
        border:none;
        box-shadow:none;
        border-radius:14px;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        padding:8px;
    }

    .dropdown.open .dropdown-menu{
        display:block;
    }

    .dropdown:hover .dropdown-menu{
        display:none;
    }

    .dropdown.open:hover .dropdown-menu{
        display:block;
    }

    .dropdown-toggle i{
        transition:.3s;
    }

    .dropdown.open .dropdown-toggle i{
        transform:rotate(180deg);
    }

    .menu-btn{
        display:flex;
    }

    .contact-btn{
        display:none;
    }

}

/*==================================================
  MOBILE
==================================================*/

@media (max-width:576px){

    .header{
        top:12px;
    }

    .header .container{
        padding:12px 16px;
        border-radius:18px;
    }

    .logo-icon{
        width:44px;
        height:44px;
        font-size:20px;
    }

    .logo-text span{
        font-size:17px;
    }

    .logo-text small{
        font-size:11px;
    }

    .navbar{
        padding:14px;
    }

    .nav-list>li>a{
        padding:14px;
        font-size:15px;
    }

    .dropdown-menu li a{
        padding:12px 14px;
        font-size:14px;
    }

    .hero{
        padding-top:150px;
    }

    .hero-content h1{
        font-size:40px;
    }

    .hero-content p{
        font-size:16px;
    }

}

/*==================================================
  LARGE SCREEN
==================================================*/

@media (min-width:1400px){

    .container{
        max-width:1320px;
    }

}

/*==================================================
  SCROLLBAR
==================================================*/

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#08111f;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(
        180deg,
        var(--primary),
        var(--secondary)
    );
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    opacity:.9;
}

/*==================================================
  SELECTION
==================================================*/

::selection{
    background:var(--primary);
    color:#fff;
}

/*==================================================
  FOCUS ACCESSIBILITY
==================================================*/

a:focus-visible,
button:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:4px;
    border-radius:10px;
}

/*======================================
PREMIUM FOOTER
======================================*/

.kg-footer{

    position:relative;

    background:
    radial-gradient(circle at top left,#1b4cff22,transparent 35%),
    radial-gradient(circle at right,#00bfff18,transparent 30%),
    linear-gradient(180deg,#08111f,#050b15);

    overflow:hidden;

    padding-top:10px;

    margin-top:20px;

}

/* Üst Parlaklık */

.kg-footer::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:600px;
    height:220px;

    background:#2d8cff;

    filter:blur(140px);

    opacity:.15;

}

/* Container */

.kg-footer-container{

    width:92%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:1.3fr 1fr 1fr 1.2fr;

    gap:60px;

    position:relative;

    z-index:2;

}

/*======================================
FOOTER BRAND
======================================*/

.kg-footer-brand{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:25px;

    cursor:pointer;

    transition:.35s ease;

}

.kg-footer-logo-img{

    width:78px;

    height:78px;

    object-fit:contain;

    filter:drop-shadow(0 0 12px rgba(45,140,255,.25));

    transition:.35s ease;

}

.kg-footer-brand-text h2{

    margin:0;

    color:#fff;

    font-size:30px;

    font-weight:800;

    letter-spacing:.5px;

    line-height:1;

    transition:.35s ease;


}

.kg-footer-brand-text span{

    display:block;

    margin-top:8px;

    color:#2d8cff;

    font-size:12px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    transition:.35s ease;

}

.kg-footer-brand:hover{

    transform:translateX(4px);

}

.kg-footer-brand:hover .kg-footer-logo-img{

    transform:scale(1.08);

    filter:
    drop-shadow(0 0 10px rgba(45,140,255,.35))
    drop-shadow(0 0 18px rgba(45,140,255,.2));

}


.kg-footer-brand:hover .kg-footer-brand-text h2{

    color:#ffffff;

    text-shadow:
    0 0 10px rgba(255,255,255,.12);

}


.kg-footer-brand:hover .kg-footer-brand-text span{

    color:#5fb3ff;

    letter-spacing:4.5px;

}

@media (max-width:768px){

    .kg-footer-brand{

        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:14px;

    }

    /* Logo büyüsün */
    .kg-footer-logo-img{

        width:135px;
        height:135px;

    }

    /* KızılElma */
    .kg-footer-brand-text h2{

        font-size:26px;
        line-height:1;

    }

    /* ÖZEL GÜVENLİK */
    .kg-footer-brand-text span{

        font-size:12px;
        letter-spacing:3px;
        margin-top:8px;

    }

}

.kg-footer-about p{

    color:#b8c5d4;

    line-height:30px;

    margin:25px 0;

}

/* Başlık */

.kg-footer h3{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

}

/* Menü */

.kg-footer-links ul{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.kg-footer-links a{

    color:#c8d2dd;

    position:relative;

    transition:.35s;

}

.kg-footer-links a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-4px;

    width:0;

    height:2px;

    background:#2d8cff;

    transition:.35s;

}

.kg-footer-links a:hover{

    color:#fff;

    padding-left:8px;

}

.kg-footer-links a:hover::after{

    width:100%;

}

/* İletişim */

.kg-footer-contact ul{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.kg-footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    color:#c8d2dd;

}

.kg-footer-contact i{

    color:#2d8cff;

    margin-top:4px;

    font-size:18px;

}

.kg-footer-contact h3,
.kg-footer-links h3{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 22px;
}

.kg-footer-contact h3::after,
.kg-footer-links h3::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        #2d8cff,
        #5bb6ff
    );

    box-shadow: 0 0 10px rgba(45,140,255,.25);
}


/* Sosyal Medya */

.kg-social{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.kg-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    transition:.4s;

    backdrop-filter:blur(8px);

}

.kg-social a:hover{

    background:#2d8cff;

    transform:translateY(-8px) rotate(360deg);

    box-shadow:0 15px 35px rgba(45,140,255,.4);

}

/* Alt Kısım */

.kg-footer-bottom{

    margin-top:70px;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:28px 4%;

    color:#b6c1cf;

    flex-wrap:wrap;

    gap:20px;

}

.kg-footer-bottom-links{

    display:flex;

    gap:25px;

}

.kg-footer-bottom-links a{

    color:#b6c1cf;

    transition:.3s;

}

.kg-footer-bottom-links a:hover{

    color:#2d8cff;

}

/* Tasarım & Geliştirme */

.kg-footer-designer {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #8f9baa;
    font-size: 14px;
}

.kg-footer-designer a {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #2d8cff;
    font-weight: 600;
    text-decoration: none;

    transition: .3s ease;
}

.kg-footer-designer a i {
    color: #2d8cff;
    font-size: 15px;
    transition: .3s ease;
}

.kg-footer-designer a:hover {
    color: #5bb6ff;
}

.kg-footer-designer a:hover i {
    color: #5bb6ff;
    transform: scale(1.1);
}

@media (max-width: 768px) {

    .kg-footer-designer {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .kg-footer-bottom p {
        width: 100%;
        text-align: center;
        line-height: 1.8;
    }

    .kg-footer-bottom p strong {
        display: inline;
    }

}

.mobile-break {
    display: none;
}

@media (max-width: 768px) {
    .mobile-break {
        display: block;
    }

    .kg-footer-bottom p {
        width: 100%;
        text-align: center;
        line-height: 1.8;
    }
}

/* Responsive */

@media(max-width:991px){

.kg-footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.kg-footer{

padding-top:70px;

}

.kg-footer-container{

grid-template-columns:1fr;

text-align:center;

}

.kg-social{

justify-content:center;

}

.kg-footer-contact li{

justify-content:center;

}

.kg-footer-bottom{

flex-direction:column;

text-align:center;

}

.kg-footer-bottom-links{

flex-wrap:wrap;

justify-content:center;

}

}

/*======================================
FOOTER WAVE
======================================*/

.kg-footer-wave{

    position:absolute;

    top:-118px;

    left:0;

    width:100%;

    line-height:0;

}

.kg-footer-wave svg{

    display:block;

    width:100%;

    height:120px;

}

/*======================================
FOOTER ANIMATION
======================================*/

.kg-footer{

    opacity:0;

    transform:translateY(80px);

    transition:1s ease;

}

.kg-footer.show{

    opacity:1;

    transform:translateY(0);

}

/* Logo */

.kg-logo-box{

    width:140px;
    height:140px;

    margin:auto;

    display:flex;

    justify-content:center;
    align-items:center;

    border-radius:50%;

    position:relative;

}

.kg-logo-box::before{

    content:"";

    position:absolute;

    width:150px;
    height:150px;

    border-radius:50%;

    background:#2d8cff;

    filter:blur(55px);

    opacity:.35;

    animation:glowPulse 2.5s infinite;

}

.kg-logo-box img{

    width:110px;

    position:relative;

    z-index:2;

    animation:logoFloat 2.5s ease-in-out infinite;

}

/*======================================
PRELOADER
======================================*/

#kg-preloader{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#0f56ff25,transparent 35%),
    radial-gradient(circle at bottom right,#00b7ff18,transparent 35%),
    linear-gradient(135deg,#07111f,#091a2e,#050c17);

    z-index:999999;

    transition:opacity .8s ease,
               visibility .8s ease,
               transform .8s ease;

}

/* Arka plan hareketi */

#kg-preloader::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    background:#2d8cff;

    border-radius:50%;

    filter:blur(180px);

    opacity:.08;

    animation:bgMove 8s ease-in-out infinite;

}

@keyframes bgMove{

0%{

transform:translate(-120px,-80px);

}

50%{

transform:translate(120px,60px);

}

100%{

transform:translate(-120px,-80px);

}

}

/* İçerik */

.kg-preloader-content{

    position:relative;

    z-index:10;

    text-align:center;

}

/* Glow */

.kg-preloader-glow{

    position:absolute;

    left:50%;
    top:70px;

    transform:translateX(-50%);

    width:170px;
    height:170px;

    border-radius:50%;

    background:#2d8cff;

    filter:blur(65px);

    opacity:.30;

    animation:glowPulse 2.4s ease-in-out infinite;

}

/* Logo */

.kg-preloader-logo{

    position:relative;

    width:170px;

    margin:auto;

    z-index:5;

}

.kg-preloader-logo img{

    width:100%;

    display:block;

    animation:logoFloat 2.4s ease-in-out infinite;

    user-select:none;

    pointer-events:none;

}

/* Yazılar */

.kg-preloader-content h2{

    margin-top:28px;

    font-size:38px;

    letter-spacing:3px;

    color:#fff;

    font-weight:700;

}

.kg-preloader-content p{

    margin-top:10px;

    color:#9fb5cb;

    letter-spacing:5px;

    font-size:14px;

}

/* Loading */

.kg-loading{

    width:280px;

    height:4px;

    margin:35px auto 0;

    background:rgba(255,255,255,.08);

    border-radius:30px;

    overflow:hidden;

}

.kg-loading span{

    display:block;

    width:0;

    height:100%;

    border-radius:30px;

    background:linear-gradient(90deg,#2d8cff,#00d4ff);

    animation:loading 1.5s linear forwards;
}

/* Logo nefes efekti */

@keyframes logoFloat{

0%{

transform:scale(.96);

}

50%{

transform:scale(1.04);

}

100%{

transform:scale(.96);

}

}

/* Glow */

@keyframes glowPulse{

0%{

transform:translateX(-50%) scale(.85);

opacity:.18;

}

50%{

transform:translateX(-50%) scale(1.18);

opacity:.45;

}

100%{

transform:translateX(-50%) scale(.85);

opacity:.18;

}

}

/* Bar */

@keyframes loading{

    from{

        width:0%;

    }

    to{

        width:100%;

    }

}

/* Kapanış */

#kg-preloader.hide{

    opacity:0;

    visibility:hidden;

    transform:scale(1.05);

    filter:blur(8px);

}

/* Responsive */

@media(max-width:768px){

.kg-preloader-logo{

width:130px;

}

.kg-preloader-content h2{

font-size:28px;

letter-spacing:2px;

}

.kg-loading{

width:220px;

}

}

#kg-preloader.hide .kg-preloader-content{

    transform:translateY(-35px);

    opacity:0;

    transition:.8s ease;

}

/*==================================================
  ABOUT SECTION - KIZILELMA
==================================================*/

.about-section{
    width:100%;
    padding:120px 8%;
    background:transparent;
    position:relative;
    overflow:hidden;
}


.about-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(0,140,255,0.15);
    filter:blur(120px);
    top:50%;
    left:-200px;
    transform:translateY(-50%);
}


.about-container{
    max-width:1400px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
    position:relative;
    z-index:2;
}



/* SOL TARAF */

.about-content{
    width:50%;
}


.about-subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(45,140,255,.08);
    border:1px solid rgba(45,140,255,.18);
    color:#4da3ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;

}
.about-h2-padding{
    padding-top: 15px;
}

.about-content h2{
    font-size:45px;
    line-height:1.2;
    color:#ffffff;
    font-weight:700;
    margin-bottom:25px;
}


.about-content p{
    color:#b8c3d1;
    font-size:16px;
    line-height:1.8;
    margin-bottom:15px;
    max-width:620px;
}



/* BUTON ALANI */

.about-buttons{
    display:flex;
    gap:20px;
    margin-top:35px;
}


.btn-primary,
.btn-secondary{
    padding:15px 35px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:.4s ease;
}



/* Ana buton */

.btn-primary{
    background:linear-gradient(135deg,#008cff,#005bea);
    color:white;
    box-shadow:0 10px 30px rgba(0,140,255,.35);
}


.btn-primary:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,140,255,.5);
}



/* İkinci buton */

.btn-secondary{
    border:1px solid rgba(255,255,255,.3);
    color:white;
}


.btn-secondary:hover{
    background:white;
    color:#08111f;
    transform:translateY(-5px);
}

.about-image{
    width:50%;
    position:relative;
}

.about-image img{
    width:100%;
    height:560px;
    object-fit:cover;
    border-radius:35px;
    box-shadow:0 25px 60px rgba(0,0,0,.4);
}

/*==================================================
  ABOUT FLOATING CARDS
==================================================*/


.about-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:15px;
    background:rgba(255,255,255,0.10);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,0.15);
    padding:18px 25px;
    border-radius:20px;
    color:white;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
    transition:.4s ease;
}


.about-card span{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#008cff,#005bea);
    font-size:20px;
    font-weight:bold;
}



.about-card strong{
    display:block;
    font-size:15px;
    margin-bottom:5px;
}


.about-card small{
    display:block;
    color:#cbd5e1;
    font-size:13px;
}



/* İlk kart */

.card-one{
    left:-50px;
    bottom:70px;
}



/* İkinci kart */

.card-two{
    right:-40px;
    top:35px;
}



/* Kart hover */

.about-card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,0.16);
}



/* Resim hafif hareket efekti */

.about-image img{
    animation:aboutFloat 6s ease-in-out infinite;
}


@keyframes aboutFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0);
    }

}



/* Scroll başlangıç hissi */

.about-content,
.about-image{
    animation:aboutReveal 1s ease forwards;
}



@keyframes aboutReveal{

    from{
        opacity:0;
        transform:translateY(40px);
    }


    to{
        opacity:1;
        transform:translateY(0);
    }

}

/*==================================================
  ABOUT RESPONSIVE DESIGN
==================================================*/


@media(max-width:1100px){

    .about-container{
        gap:40px;
    }


    .about-content h2{
        font-size:36px;
    }


    .about-image img{
        height:480px;
    }


    .card-one{
        left:-20px;
    }


    .card-two{
        right:-20px;
    }

}




@media(max-width:900px){


    .about-section{
        padding:90px 6%;
    }


    .about-container{
        flex-direction:column;
        text-align:center;
    }


    .about-content,
    .about-image{
        width:100%;
    }



    .about-content p{
        margin-left:auto;
        margin-right:auto;
    }



    .about-buttons{
        justify-content:center;
    }



    .about-image{
        margin-top:40px;
    }



    .about-image img{
        height:500px;
    }



    .card-one{
        left:10px;
        bottom:40px;
    }



    .card-two{
        right:10px;
        top:40px;
    }

}




@media(max-width:600px){


    .about-section{
        padding:70px 5%;
    }



    .about-subtitle{
        font-size:13px;
    }



    .about-content h2{
        font-size:30px;
    }



    .about-content p{
        font-size:15px;
        line-height:1.7;
    }



    .about-buttons{
        flex-direction:column;
        gap:15px;
    }



    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }



    .about-image img{
        height:400px;
        border-radius:25px;
    }



    .about-card{
        padding:12px 15px;
        gap:10px;
    }



    .about-card span{
        width:35px;
        height:35px;
        font-size:15px;
    }



    .about-card strong{
        font-size:12px;
    }



    .about-card small{
        font-size:11px;
    }



    .card-one{
        left:-5px;
        bottom:25px;
    }



    .card-two{
        right:-5px;
        top:25px;
    }

}

/*==================================================
  COUNTER SECTION - KIZILELMA
==================================================*/


.counter-section{
    width:100%;
    padding:40px 8% 120px;
    background:transparent;
    position:relative;
    overflow:hidden;
}

.counter-container{

    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    position:relative;
    z-index:2;

}

.counter-box{

    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:25px;
    padding:40px 25px;
    text-align:center;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    transition:.4s ease;

}

.counter-box:hover{

    transform:translateY(-10px);
    background:rgba(255,255,255,.10);
    border-color:rgba(0,140,255,.5);

}

.counter-number{

    display:block;
    font-size:48px;
    font-weight:800;
    color:#00aaff;
    margin-bottom:15px;
    line-height:1;

}

.counter-box h3{

    color:#ffffff;
    font-size:18px;
    margin-bottom:12px;
    font-weight:600;

}

.counter-box p{

    color:#b8c3d1;
    font-size:14px;
    line-height:1.6;

}

.google-rating{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    margin-bottom:12px;
}

.google-rating .counter-number{
    margin:0;
}

.google-stars{
    display:flex;
    align-items:center;
    gap:3px;
}

.google-stars i{
    font-size:25px;
    color:#00aaff;
    filter:drop-shadow(0 0 5px rgba(0,140,255,.5));
}


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

@media(max-width:1000px){

    .counter-container{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .counter-section{

        padding:60px 5%;
        

    }

    .counter-container{

        grid-template-columns:1fr;
        gap:20px;

    }

    .counter-box{

        padding:35px 20px;

    }

    .counter-number{

        font-size:40px;

    }

}

/*==================================================
  EDUCATION SECTION - KIZILELMA NEW
==================================================*/

.education-section{
    width:100%;
    padding:10px 8% 120px;
    background:transparent;
    position:relative;
    overflow:hidden;
}

.education-section::before{

    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:rgba(0,140,255,.12);
    filter:blur(140px);
    right:-250px;
    top:40%;

}

.education-header{

    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
    position:relative;
    z-index:2;

}



.education-subtitle{

    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(45,140,255,.08);
    border:1px solid rgba(45,140,255,.18);
    color:#4da3ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;

}

.education-h2-padding{
    padding-top: 15px;
}




.education-header h2{

    color:#ffffff;
    font-size:45px;
    line-height:1.25;
    font-weight:700;
    margin-bottom:25px;

}



.education-header p{

    color:#b8c3d1;
    font-size:16px;
    line-height:1.8;
    max-width:700px;
    margin:auto;

}




.all-education-btn{

    display:inline-flex;
    margin-top:35px;
    padding:15px 35px;
    border-radius:50px;
    background:linear-gradient(135deg,#008cff,#005bea);
    color:white;
    font-weight:600;
    transition:.4s ease;
    box-shadow:0 10px 30px rgba(0,140,255,.3);

}



.all-education-btn:hover{

    transform:translateY(-5px);
    box-shadow:0 15px 40px rgba(0,140,255,.5);

}





/* KART ALANI */

.education-container{

    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    position:relative;
    z-index:2;

}





/* ANA KART */

.education-card{

    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    overflow:hidden;
    position:relative;
    transition:.5s ease;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);

}



/* Hover mavi ışık */


.education-card::before{

    content:"";
    position:absolute;

    inset:0;

    border-radius:30px;

    border:1px solid transparent;

    background:linear-gradient(
        135deg,
        #008cff,
        transparent,
        #008cff
    ) border-box;

    -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.4s ease;

    pointer-events:none;

}



.education-card:hover::before{

    opacity:1;

}



.education-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(0,140,255,.18);

}
/*==================================================
  EDUCATION IMAGE AREA
==================================================*/


.education-image{

    width:100%;
    height:320px;
    position:relative;
    overflow:hidden;

}



.education-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s ease;

}



.education-card:hover .education-image img{

    transform:scale(1.08);

}



/* Görsel üzerine koyu geçiş */

.education-image::after{

    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to bottom,
        transparent 40%,
        rgba(8,17,31,.65)
    );

}




/*==================================================
  STATUS BADGE
==================================================*/


.education-status{

    position:absolute;
    top:20px;
    right:20px;
    z-index:3;

    padding:10px 18px;
    border-radius:50px;

    font-size:13px;
    font-weight:600;

    color:white;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:0 10px 25px rgba(0,0,0,.25);

}




/* Kayıtlar devam ediyor */

.education-status.active{

    background:rgba(0,190,120,.85);
    border:1px solid rgba(0,255,150,.4);

}




/* Yakında başlıyor */

.education-status.soon{

    background:rgba(0,140,255,.85);
    border:1px solid rgba(0,180,255,.4);

}




/* Kontenjan Kapalı */

.education-status.close{

    background:rgba(230,50,60,.85);
    border:1px solid rgba(255,100,100,.4);

}

/* Kontenjan Açık */

.education-status.open{

    background:rgba(0,190,120,.85);
    border:1px solid rgba(0,255,150,.4);

}

/*==================================================
  EDUCATION CARD CONTENT
==================================================*/


.education-body{

    padding:35px 35px 40px;

}




.education-number{

    display:inline-block;

    color:#00aaff;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;

    margin-bottom:15px;

}




.education-body h3{

    color:#ffffff;

    font-size:28px;
    font-weight:700;

    line-height:1.3;

    margin-bottom:18px;

}




.education-body p{

    color:#b8c3d1;

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}





/* Özellik listesi */


.education-body ul{

    list-style:none;

    padding:0;
    margin:0 0 30px;

}




.education-body ul li{

    color:#d7e0eb;

    font-size:14px;

    margin-bottom:12px;

    display:flex;

    align-items:center;

}




.education-body ul li::first-letter{

    color:#00aaff;

}




/* Detay butonu */


.education-body a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#00aaff;

    font-size:15px;

    font-weight:600;

    transition:.3s ease;

}




.education-body a:hover{

    color:white;

    transform:translateX(5px);

}

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


@media(max-width:1100px){


    .education-header h2{

        font-size:38px;

    }


    .education-container{

        gap:25px;

    }


    .education-image{

        height:280px;

    }


    .education-body{

        padding:30px;

    }


}




    @media(max-width:768px){


        .education-section{
            padding:15px 6% 80px;
        }



    .education-header{

        margin-bottom:50px;

    }



    .education-header h2{

        font-size:32px;

    }



    .education-header p{

        font-size:15px;

    }



    .education-container{

        grid-template-columns:1fr;

    }



    .education-image{

        height:260px;

    }



    .education-body h3{

        font-size:24px;

    }



}




@media(max-width:480px){


    .education-section{
        padding:15px 5% 80px;
    }



    .education-subtitle{

        font-size:13px;

    }



    .education-header h2{

        font-size:28px;

    }



    .all-education-btn{

        width:100%;
        justify-content:center;

    }



    .education-image{

        height:220px;

    }



    .education-status{

        top:15px;
        right:15px;

        padding:8px 12px;

        font-size:11px;

    }



    .education-body{

        padding:25px;

    }



    .education-body h3{

        font-size:22px;

    }



    .education-body p{

        font-size:14px;

    }


}

/*======================================
FAQ SECTION
=======================================*/

.faq{
    padding:13px 8%;
    position:relative;
    padding-bottom: 100px;
}


.section-title{
    text-align:center;
    margin-bottom:60px;
}


.section-title span{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(45,140,255,.08);
    border:1px solid rgba(45,140,255,.18);
    color:#4da3ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title h2{
    margin-top:15px;
    font-size:42px;
    color:#fff;
}

.section-title p{
    margin-top:15px;
    color:#a8b3c7;
    font-size:16px;
}



/* FAQ CONTAINER */

.faq-wrapper{

    max-width:1000px;
    margin:auto;

}



/* LEFT AREA */

.faq-left{

    display:flex;
    flex-direction:column;
    gap:18px;

}



.faq-item{

    background:linear-gradient(
        145deg,
        rgba(255,255,255,.07),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,255,255,.10);

    border-radius:20px;

    overflow:hidden;

    transition:.35s ease;

}



.faq-item:hover{

    border-color:#00aaff;
}



/* QUESTION */

.faq-question{

    width:100%;
    padding:24px 28px;

    background:none;
    border:none;

    color:#fff;
    font-size:17px;
    font-weight:600;

    display:flex;
    justify-content:space-between;
    align-items:center;

    cursor:pointer;
    text-align:left;

}



.faq-icon{

    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(0,170,255,.15);
    color:#00aaff;

    font-size:24px;

    transition:.4s ease;

}




.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
}

.faq-answer p{
    padding:0 28px 25px;
    color:#b8c2d3;
    line-height:1.8;
    font-size:15px;
}

.faq-item.active .faq-answer{
    max-height:3000px;
}



.faq-item.active .faq-icon{

    transform:rotate(45deg);
    background:#00aaff;
    color:#fff;

}


.faq-item.active .faq-answer{
    max-height:3000px;
}


/* RESPONSIVE */

@media(max-width:992px){

    .faq-wrapper{

        grid-template-columns:1fr;

    }


}

@media(max-width:600px){

    .faq{

        padding:15px 5% 80px;

    }


    .section-title h2{

        font-size:32px;

    }


    .faq-question{

        padding:20px;

        font-size:15px;

    }


    .faq-answer p{

        padding:0 20px 20px;

    }

}

/*======================================
 PREMIUM BLUE ENERGY DIVIDER
======================================*/

.premium-divider{
    position:relative;
    width:100%;
    height:3px;
    overflow:hidden;
    background:
    linear-gradient(
        90deg,
        rgba(37,99,235,.15),
        rgba(56,189,248,.55),
        rgba(37,99,235,.15)
    );

    animation: dividerPulse 3s ease-in-out infinite;
}


/* Hareket eden ışık */

.divider-light{
    position:absolute;
    top:50%;
    left:-220px;

    width:220px;
    height:3px;

    transform:translateY(-50%);

    background:
    linear-gradient(
        90deg,
        transparent,
        #38bdf8,
        #ffffff,
        #38bdf8,
        transparent
    );

    border-radius:50px;

    box-shadow:
    0 0 10px #38bdf8,
    0 0 25px rgba(56,189,248,.8),
    0 0 45px rgba(37,99,235,.5);


    animation:
    energyMove 5.5s linear infinite;
}

.second-divider .divider-light{
    animation-delay:2s;
}

.two-divider .divider-light{
    animation-delay:3s;
}


/* Çizginin hafif canlı efekti */

@keyframes dividerPulse{

    0%,
    100%{
        opacity:.55;
    }

    50%{
        opacity:1;
    }

}



/* Işık hareketi */

@keyframes energyMove{


    0%{

        left:-220px;
        opacity:0;

    }


    8%{

        opacity:1;

    }


    72%{

        left:100%;
        opacity:1;

    }


    78%{

        left:100%;
        opacity:0;

    }


    100%{

        left:100%;
        opacity:0;

    }

}


/*==================================================
    KAYIT BELGELERİ
==================================================*/

.documents .container{
    position:relative;
    z-index:2;
}

/*======================================
HEADER
======================================*/

.documents-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.documents-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(45,140,255,.08);
    border:1px solid rgba(45,140,255,.18);
    color:#4da3ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    transform: translateY(10px);
}

.documents-badge i{
    font-size:15px;
}

.documents-header h2{
    margin-top:25px;
    font-size:48px;
    line-height:1.2;
    color:#fff;
}

.documents-header h2 span{
    color:#4da3ff;
}

.section-divider{
    width:140px;
    height:3px;
    margin:28px auto;
    border-radius:20px;
    background:linear-gradient(90deg,#2d8cff,#69b7ff);
    box-shadow:0 0 18px rgba(45,140,255,.5);
}

.documents-header p{
    color:#9fb3c8;
    font-size:17px;
    line-height:1.9;
}

/*======================================
GRID
======================================*/

.documents-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:35px;
}

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

.documents{
    padding-bottom:10px;
}

.document-card{
    position:relative;
    padding:35px;
    border-radius:24px;
    overflow:hidden;

    background:rgba(10,18,33,.75);

    border:1px solid rgba(45,140,255,.15);

    backdrop-filter:blur(14px);

    transition:.4s;
}

.document-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    rgba(45,140,255,.08),
    transparent 45%);

    opacity:0;

    transition:.4s;
}

.document-card:hover{

    transform:translateY(-8px);

    border-color:#2d8cff;

    box-shadow:
    0 18px 40px rgba(0,0,0,.35),
    0 0 35px rgba(45,140,255,.15);

}

.document-card:hover::before{

    opacity:1;

}

/*======================================
CARD TOP
======================================*/

.card-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

}

.card-icon{

    width:60px;

    height:60px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(45,140,255,.12);

    border:1px solid rgba(45,140,255,.2);

    color:#4da3ff;

    font-size:24px;

}

.card-badge{

    padding:8px 18px;

    border-radius:30px;

    background:rgba(45,140,255,.08);

    border:1px solid rgba(45,140,255,.15);

    color:#4da3ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}

/*======================================
TITLE
======================================*/

.document-card h3{

    color:#fff;

    margin-bottom:25px;

    font-size:28px;

}

/*======================================
LIST
======================================*/

.document-card ul{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.document-card li{

    list-style:none;

    position:relative;

    padding-left:34px;

    color:#bfd0df;

    line-height:1.8;

}

.document-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#4da3ff;

    font-weight:bold;

    font-size:18px;

}

/*======================================
INFO
======================================*/

.documents-info{

    margin-top:45px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px 28px;

    border-radius:18px;

    background:rgba(45,140,255,.08);

    border:1px solid rgba(45,140,255,.15);

}

.documents-info i{

    color:#4da3ff;

    font-size:26px;

}

.documents-info p{

    color:#bfd0df;

    line-height:1.8;

}

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

@media(max-width:992px){

.documents-grid{

grid-template-columns:1fr;

}

.documents-header h2{

font-size:38px;

}

}

@media (max-width:768px){

    .documents{
        padding-top: 15px;
    }

    .documents-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .document-card{
        padding:22px 18px;
    }

    .card-top{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:14px;
    }

    .card-icon{
        margin:0 auto;
    }

    .card-badge{
        margin:0 auto;
        text-align:center;
    }

    .document-card h3{
        text-align:center;
        margin:18px 0 20px;
    }

    .document-card ul{
        gap:12px;
    }

    .document-card ul li{
        font-size:15px;
        line-height:1.7;
    }

    /* Alt bilgi kutusu */

    .documents-info{
        display:flex;
        align-items:flex-start;
        gap:14px;
        padding:18px;
    }

    .documents-info i{
        font-size:22px;
        margin-top:3px;
        flex-shrink:0;
    }

    .documents-info p{
        font-size:15px;
        line-height:1.8;
    }

}

/*======================================
BACK TO TOP
======================================*/

.up-arrow{

    position:fixed;

    right:25px;
    bottom:60px;

    width:58px;
    height:58px;

    display:flex;
    justify-content:center;
    align-items:center;

    text-decoration:none;

    border-radius:50%;

    background:#091423;

    color:#2d8cff;

    font-size:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.35);

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:.35s;

    z-index:9999;
}

.up-arrow.show{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

.up-arrow:hover{

    background:#2d8cff;
    color:#fff;

    transform:translateY(-4px);

    box-shadow:
        0 0 20px rgba(45,140,255,.45);

}

/* SVG */

.progress-ring{

    position:absolute;

    width:58px;
    height:58px;

    transform:rotate(-90deg);

}

.progress-ring circle{

    fill:none;
    stroke-width:3;

}

.ring-bg{

    stroke:rgba(255,255,255,.10);

}

.ring-progress{

    stroke:#2d8cff;

    stroke-linecap:round;

    stroke-dasharray:163.36;
    stroke-dashoffset:163.36;

    transition:stroke-dashoffset .08s linear;

}

@media(max-width:768px){

.up-arrow{

    width:50px;
    height:50px;

    right:16px;
    bottom:16px;

    font-size:16px;

}

.progress-ring{

    width:50px;
    height:50px;

}

}

/*======================================
MOBILE FAST CONTACT BUTTONS
======================================*/


.em-fast-contact{

    display:none;

}



@media(max-width:768px){


.em-fast-contact{

    position:fixed;

    left:18px;

    bottom:18px;

    display:flex;

    flex-direction:column;

    gap:14px;

    z-index:9998;

}



/* Genel buton */

.em-whatsapp,
.em-phone{

    width:54px;

    height:54px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;


    color:#fff;

    text-decoration:none;

    font-size:24px;


    border:1px solid rgba(255,255,255,.18);


    backdrop-filter:blur(12px);


    box-shadow:
    0 10px 30px rgba(0,0,0,.35);


    transition:.35s ease;


}

.em-phone {
    margin-top: 5px;
}

/* Whatsapp */

.em-whatsapp{

    background:
    linear-gradient(145deg,#25D366,#159447);


    box-shadow:
    0 0 22px rgba(37,211,102,.45);

}



/* Telefon */

.em-phone{

    background:
    linear-gradient(145deg,#2d8cff,#145dcc);


    box-shadow:
    0 0 22px rgba(45,140,255,.45);

}



/* Basma efekti */

.em-whatsapp:active,
.em-phone:active{

    transform:scale(.88);

}


}

/*======================================
CONTACT PULSE EFFECT
======================================*/


.em-whatsapp,
.em-phone{

    position:relative;

}


.em-whatsapp::before,
.em-phone::before{

    content:"";

    position:absolute;

    inset:-5px;

    border-radius:50%;

    opacity:.7;

    animation:emPulse 2.2s infinite;

    z-index:-1;

}



/* WhatsApp ışık */

.em-whatsapp::before{

    background:rgba(37,211,102,.35);

}


/* Telefon ışık */

.em-phone::before{

    background:rgba(45,140,255,.35);

}



@keyframes emPulse{


    0%{

        transform:scale(.9);

        opacity:.8;

    }


    70%{

        transform:scale(1.35);

        opacity:0;

    }


    100%{

        transform:scale(.9);

        opacity:0;

    }


}

/*======================================
   HEALTH REPORT INFO AREA
======================================*/

.report-info{

    padding:45px 20px 55px;

    text-align:center;

    position:relative;

}


/* Üst ince ışık çizgisi */

.report-divider{

    width:90px;

    height:2px;

    margin:0 auto 30px;

    background:linear-gradient(
        90deg,
        transparent,
        #2d8cff,
        transparent
    );

}


/* İç alan */

.report-content{

    max-width:950px;

    margin:auto;

}


.report-card{

    position:relative;

    padding:45px 35px;

    border-radius:22px;

    background:rgba(13,22,38,.55);

    border:1px solid rgba(45,140,255,.18);

    backdrop-filter:blur(12px);

    overflow:hidden;

    transition:.35s ease;

}


.report-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(45,140,255,.08),
        transparent 45%,
        rgba(255,59,59,.05)
    );
    pointer-events:none;
}

.report-card:hover{
    transform:translateY(-6px);
    border-color:rgba(45,140,255,.45);
    box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 25px rgba(45,140,255,.12);
}

.report-content > i{
    font-size:32px;
    color:#2d8cff;
    margin-bottom:15px;
    filter:drop-shadow(0 0 12px rgba(45,140,255,.45));
}

.report-content h3{
    color:#fff;
    font-size:23px;
    font-weight:800;
    margin-bottom:14px;
}

.report-content p{
    color:#aebbd0;
    font-size:15px;
    line-height:1.8;
    margin:auto;
}

.report-content a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:24px;
    padding:11px 25px;
    border-radius:30px;
    color:#2d8cff;
    border:1px solid rgba(45,140,255,.35);
    text-decoration:none;
    font-size:14px;
    transition:.35s ease;
}


.report-content a:hover{
    color:#fff;
    background:#2d8cff;
    box-shadow:
    0 0 25px rgba(45,140,255,.35);
    transform:translateY(-3px);
}

@media(max-width:768px){

    .report-info{
        padding:35px 18px 45px;
    }

    .report-card{
        padding:35px 22px;
    }

    .report-content h3{
        font-size:21px;
    }

    .report-content p{
        font-size:14px;
    }

}

/*==================================================
  CORPORATE ABOUT
==================================================*/

.corporate-about{
    padding:100px 0;
    position:relative;
    overflow:hidden;
}

.corporate-about::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(0,120,255,.12);
    filter:blur(120px);
    right:-200px;
    top:50px;
    z-index:0;
}

.corporate-about-wrapper{
    display:grid;
    grid-template-columns:1fr 0.85fr;
    align-items:center;
    gap:70px;
    position:relative;
    z-index:1;
}

.corporate-about-content{
    max-width:650px;
}

.section-badge{
    display:inline-flex;
    align-items:center;
    padding:7px 18px;
    border-radius:30px;
    font-size:13px;
    letter-spacing:1px;
    color:#4da3ff;
    background:rgba(77,163,255,.08);
    border:1px solid rgba(77,163,255,.25);
    margin-bottom:20px;
}

.corporate-about-content h2{
    font-size:42px;
    line-height:1.2;
    color:#fff;
    margin-bottom:25px;
    font-weight:700;
}

.corporate-about-content h2 span{
    color:#3b9cff;
}

.corporate-about-content p{
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.8;
    margin-bottom:18px;
}

.corporate-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:35px;
}

.corporate-stat-card{
    padding:22px 15px;
    text-align:center;
    border-radius:16px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    transition:.35s ease;
}

.corporate-stat-card strong{
    display:block;
    font-size:30px;
    color:#fff;
    margin-bottom:8px;
}

.corporate-stat-card span{
    font-size:14px;
    color:rgba(255,255,255,.65);
}

.corporate-stat-card:hover{
    border-color:rgba(61,156,255,.7);
    transform:translateY(-5px);
}

.corporate-about-image{
    position:relative;
    display:flex;
    justify-content:center;
}

.corporate-about-image img{
    width:100%;
    max-width:480px;
    aspect-ratio:1 / 1;
    object-fit:cover;
    border-radius:30px;
    position:relative;
    z-index:2;
    border:1px solid rgba(255,255,255,.12);
}

.corporate-stat-card strong{
    transition:.3s ease;
}

.corporate-stat-card:hover strong{
    color:#3b9cff;
}


/* Image Glow */
.image-glow{
    position:absolute;
    width:80%;
    height:80%;
    background:#1683ff;
    opacity:.18;
    filter:blur(80px);
    z-index:1;
}

/*==================================================
  TABLET
==================================================*/

@media(max-width:992px){

    .corporate-about{
        padding:80px 0;
    }

    .corporate-about-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }

    .corporate-about-content{
        max-width:100%;
        text-align:center;
    }

    .corporate-about-content p{
        max-width:750px;
        margin-left:auto;
        margin-right:auto;
    }

    .corporate-about-image{
        order:-1;
    }

}

/*==================================================
  MOBILE
==================================================*/

@media(max-width:576px){

    .corporate-about{
        padding:60px 0;
    }

    .corporate-about-content h2{
        font-size:30px;
    }

    .corporate-about-content p{
        font-size:15px;
    }

    .corporate-stats{
        grid-template-columns:1fr;
        gap:14px;
    }

    .corporate-stat-card{
        padding:20px;
    }

    .corporate-about-image img{
        max-width:330px;
        border-radius:22px;
    }

}

/*==================================================
  MISSION & VISION
==================================================*/

.mission-vision{

    padding:90px 0;

    position:relative;

    overflow:hidden;

}



.mission-vision-wrapper{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}



/* CARD */

.mv-card{

    position:relative;

    padding:45px 40px;

    border-radius:24px;

    background:rgba(255,255,255,.035);

    border:1px solid rgba(255,255,255,.08);

    overflow:hidden;

    transition:.35s ease;

}



/* Üst ışık efekti */

.mv-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    background:#1683ff;

    opacity:.12;

    filter:blur(60px);

    top:-40px;

    right:-30px;

}



.mv-card:hover{

    transform:translateY(-8px);

    border-color:rgba(45,150,255,.65);

}



/* ICON */

.mv-icon{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:rgba(38,145,255,.12);

    border:1px solid rgba(38,145,255,.25);

    margin-bottom:25px;

}



.mv-icon i{

    font-size:26px;

    color:#3b9cff;

}



/* TITLE */

.mv-card h3{

    font-size:28px;

    color:#fff;

    margin-bottom:18px;

}



.mv-card p{

    color:rgba(255,255,255,.7);

    line-height:1.8;

    font-size:16px;

    margin:0;

}



/*==================================================
  TABLET
==================================================*/


@media(max-width:992px){


    .mission-vision{

        padding:70px 0;

    }


    .mission-vision-wrapper{

        gap:25px;

    }


    .mv-card{

        padding:35px 30px;

    }

}



/*==================================================
  MOBILE
==================================================*/


@media(max-width:576px){


    .mission-vision{

        padding:60px 0;

    }


    .mission-vision-wrapper{

        grid-template-columns:1fr;

    }


    .mv-card{

        padding:30px 22px;

        border-radius:20px;

    }


    .mv-card h3{

        font-size:24px;

    }


    .mv-card p{

        font-size:15px;

    }


}

/*==================================================
  WORK PRINCIPLES
==================================================*/

.work-principles{

    padding:90px 0;

    position:relative;

}



.work-title{

    text-align:center;

    max-width:700px;

    margin:0 auto 50px;

}



.work-title h2{

    font-size:38px;

    color:#fff;

    margin-bottom:15px;

}



.work-title h2 span{

    color:#3b9cff;

}



.work-title p{

    color:rgba(255,255,255,.65);

    line-height:1.7;

    font-size:16px;

}



/* CARDS */

.work-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:22px;

}



.work-card{

    position:relative;

    padding:35px 25px;

    min-height:250px;

    border-radius:22px;

    background:rgba(255,255,255,.035);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

    overflow:hidden;

}



.work-card::before{

    content:"";

    position:absolute;

    width:100px;

    height:100px;

    background:#1683ff;

    opacity:.10;

    filter:blur(55px);

    top:-30px;

    right:-30px;

}



.work-card:hover{

    transform:translateY(-7px);

    border-color:rgba(45,150,255,.65);

}



/* ICON */

.work-icon{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:rgba(45,150,255,.10);

    border:1px solid rgba(45,150,255,.25);

    margin-bottom:25px;

}



.work-icon i{

    font-size:28px;

    color:#3b9cff;

}



/* TEXT */

.work-card h3{

    color:#fff;

    font-size:21px;

    margin-bottom:14px;

}



.work-card p{

    color:rgba(255,255,255,.65);

    font-size:15px;

    line-height:1.7;

    margin:0;

}



/*==================================================
  TABLET
==================================================*/

@media(max-width:1100px){


    .work-grid{

        grid-template-columns:repeat(2,1fr);

    }


}



@media(max-width:992px){


    .work-principles{

        padding:75px 0;

    }


}



/*==================================================
  MOBILE
==================================================*/

@media(max-width:576px){


    .work-principles{

        padding:60px 0;

    }


    .work-title h2{

        font-size:30px;

    }


    .work-grid{

        grid-template-columns:1fr;

        gap:16px;

    }


    .work-card{

        padding:30px 22px;

        min-height:auto;

    }


    .work-card h3{

        font-size:20px;

    }


}

/*==================================================
  COMPANY VALUES
==================================================*/

.company-values{

    padding:90px 0;

    position:relative;

    overflow:hidden;

}



.company-values::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    background:rgba(0,130,255,.10);

    filter:blur(120px);

    left:-200px;

    bottom:0;

}



/* TITLE */

.values-title{

    text-align:center;

    max-width:700px;

    margin:0 auto 50px;

}



.values-title h2{

    color:#fff;

    font-size:38px;

    margin-bottom:15px;

}



.values-title h2 span{

    color:#3b9cff;

}



.values-title p{

    color:rgba(255,255,255,.65);

    line-height:1.7;

}



/* VALUES GRID */

.values-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

}



/* VALUE CARD */

.value-card{

    position:relative;

    padding:30px 20px;

    text-align:center;

    border-radius:20px;

    background:rgba(255,255,255,.035);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

}



.value-card:hover{

    transform:translateY(-6px);

    border-color:rgba(45,150,255,.65);

}



/* ICON */

.value-icon{

    width:58px;

    height:58px;

    margin:0 auto 20px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(45,150,255,.12);

    border:1px solid rgba(45,150,255,.25);

}



.value-icon i{

    font-size:24px;

    color:#3b9cff;

}



/* TEXT */

.value-card h3{

    color:#fff;

    font-size:18px;

    margin:0;

}



/*==================================================
  TABLET
==================================================*/

@media(max-width:1100px){


    .values-grid{

        grid-template-columns:repeat(3,1fr);

    }


}



@media(max-width:768px){


    .company-values{

        padding:70px 0;

    }


    .values-grid{

        grid-template-columns:repeat(2,1fr);

    }


}



/*==================================================
  MOBILE
==================================================*/

@media(max-width:576px){


    .company-values{

        padding:60px 0;

    }


    .values-title h2{

        font-size:30px;

    }


    .values-grid{

        grid-template-columns:1fr;

    }


    .value-card{

        padding:25px 20px;

    }


}

/*==================================================
  WHY KIZILELMA
==================================================*/

.why-company{

    padding:100px 0;

    position:relative;

    overflow:hidden;

}



.why-company-wrapper{

    position:relative;

    padding:70px 50px;

    border-radius:32px;

    background:

    linear-gradient(
        135deg,
        rgba(255,255,255,.06),
        rgba(255,255,255,.025)
    );

    border:1px solid rgba(255,255,255,.10);

}



/* IŞIK */

.why-company-wrapper::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:#1683ff;

    opacity:.14;

    filter:blur(100px);

    top:-100px;

    right:-80px;

}



/* HEADER */

.why-company-header{

    text-align:center;

    max-width:750px;

    margin:0 auto 55px;

    position:relative;

    z-index:1;

}



.why-company-header h2{

    font-size:40px;

    color:#fff;

    margin-bottom:18px;

}



.why-company-header h2 span{

    color:#3b9cff;

}



.why-company-header p{

    color:rgba(255,255,255,.7);

    line-height:1.8;

    font-size:16px;

}



/* ITEMS */

.why-list{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    position:relative;

    z-index:1;

}



.why-item{

    padding:30px 25px;

    border-radius:20px;

    background:rgba(0,0,0,.15);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s ease;

}



.why-item:hover{

    border-color:rgba(45,150,255,.65);

    transform:translateY(-5px);

}



/* ICON */

.why-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:15px;

    background:rgba(45,150,255,.12);

    border:1px solid rgba(45,150,255,.25);

    margin-bottom:20px;

}



.why-icon i{

    font-size:24px;

    color:#3b9cff;

}



/* TEXT */

.why-item h3{

    color:#fff;

    font-size:20px;

    margin-bottom:12px;

}



.why-item p{

    color:rgba(255,255,255,.65);

    font-size:15px;

    line-height:1.7;

    margin:0;

}



/*==================================================
 TABLET
==================================================*/

@media(max-width:992px){


    .why-company{

        padding:80px 0;

    }


    .why-company-wrapper{

        padding:55px 30px;

    }


    .why-list{

        grid-template-columns:1fr;

    }
    


}



/*==================================================
 MOBILE
==================================================*/

@media(max-width:576px){


    .why-company{

        padding:60px 0;

    }


    .why-company-wrapper{

        padding:40px 20px;

        border-radius:24px;

    }


    .why-company-header h2{

        font-size:30px;

    }


    .why-company-header p{

        font-size:15px;

    }

    .why-item{
        text-align:center;
        padding:25px 20px;
    }

    .why-icon{
        margin:0 auto 20px;
    }

    .why-item h3{
        text-align:center;
    }

    .why-item p{
        text-align:center;
    }


}

/*==================================================
  CORPORATE CTA
==================================================*/

.corporate-cta{
    padding:90px 0;
}

.cta-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:55px;
    border-radius:30px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    overflow:hidden;
}

.cta-box::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#1683ff;
    opacity:.12;
    filter:blur(100px);
    right:-120px;
    top:-120px;
}


/* CONTENT */

.cta-content{
    position:relative;
    z-index:1;
    max-width:650px;
}

.cta-content h2{
    color:#fff;
    font-size:38px;
    line-height:1.3;
    margin-bottom:18px;
}

.cta-content h2 span{
    color:#3b9cff;
}

.cta-content p{
    color:rgba(255,255,255,.68);
    font-size:16px;
    line-height:1.8;
    margin:0;
}


/* CONTACT */

.cta-contact{
    display:flex;
    flex-direction:column;
    gap:15px;
    min-width:260px;
    position:relative;
    z-index:1;
}


.cta-phone,
.cta-whatsapp{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 22px;
    border-radius:18px;
    text-decoration:none;
    transition:.35s ease;
}


.cta-phone{
    background:rgba(45,150,255,.12);
    border:1px solid rgba(45,150,255,.30);
}


.cta-whatsapp{
    background:rgba(37,211,102,.10);
    border:1px solid rgba(37,211,102,.30);
}


.cta-phone:hover,
.cta-whatsapp:hover{
    transform:translateY(-5px);
}


.cta-phone i{
    color:#3b9cff;
    font-size:25px;
}


.cta-whatsapp i{
    color:#25d366;
    font-size:28px;
}


.cta-phone small,
.cta-whatsapp small{
    display:block;
    color:rgba(255,255,255,.55);
    font-size:12px;
    margin-bottom:3px;
}


.cta-phone strong,
.cta-whatsapp strong{
    color:#fff;
    font-size:16px;
}


/*==================================================
  TABLET
==================================================*/

@media(max-width:992px){

    .corporate-cta{
        padding:75px 0;
    }

    .cta-box{
        flex-direction:column;
        text-align:center;
        padding:45px 30px;
    }

    .cta-content{
        max-width:700px;
    }

    .cta-contact{
        width:100%;
        max-width:350px;
    }

}


/*==================================================
  MOBILE
==================================================*/

@media(max-width:576px){

    .corporate-cta{
        padding:60px 0;
    }

    .cta-box{
        padding:35px 20px;
        border-radius:22px;
    }

    .cta-content h2{
        font-size:28px;
    }

    .cta-content p{
        font-size:15px;
    }

    .cta-phone,
    .cta-whatsapp{
        padding:16px;
        justify-content:flex-start;
    }

    .cta-phone div,
    .cta-whatsapp div{
        flex:1;
        text-align:center;
    }
    

}

/*==================================================
  SECTION TITLE LINE
==================================================*/

.work-title h2,
.values-title h2,
.why-company-header h2{

    position:relative;

    display:inline-block;

    padding-bottom:15px;

}


.work-title h2::after,
.values-title h2::after,
.why-company-header h2::after{

    content:"";

    position:absolute;

    width:70px;

    height:3px;

    background:#3b9cff;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    border-radius:10px;

    box-shadow:0 0 15px rgba(59,156,255,.8);

}

.corporate-about-content h2{

    position:relative;

    padding-bottom:18px;

}


.corporate-about-content h2::after{

    content:"";

    position:absolute;

    width:60px;

    height:3px;

    background:#3b9cff;

    left:0;

    bottom:0;

    border-radius:10px;

    box-shadow:0 0 15px rgba(59,156,255,.8);

}

@media(max-width:992px){

    .corporate-about-content h2::after{

        left:50%;

        transform:translateX(-50%);

    }

}


/*==================================================
  PREMIUM IMAGE EFFECT
==================================================*/

.corporate-about-image::before{

    content:"";

    position:absolute;

    width:85%;

    height:85%;

    background:rgba(59,156,255,.18);

    border-radius:35px;

    transform:rotate(8deg);

    filter:blur(5px);

    z-index:0;

    transition:.5s ease;

}


.corporate-about-image img{

    box-shadow:
    0 25px 60px rgba(0,0,0,.35);

    transition:.5s ease;

    position:relative;

    z-index:2;
}

/* Hover */

.corporate-about-image:hover img{

    transform:translateY(-8px);

}


.corporate-about-image:hover::before{

    transform:rotate(12deg) scale(1.05);

}



/* Köşe ışığı */

.corporate-about-image::after{

    content:"";

    position:absolute;

    width:70px;

    height:70px;

    right:5px;

    bottom:-25px;

    border-right:2px solid #3b9cff;

    border-bottom:2px solid #3b9cff;

    border-radius:0 0 20px 0;

    opacity:.8;

    z-index:1;

}

@media(max-width:576px){

    .corporate-about-image::before{

        width:80%;

        height:80%;

    }


    .corporate-about-image:hover img{

        transform:none;

    }


}

/*==================================================
  BACKGROUND GRID EFFECT
==================================================*/

.corporate-about,
.mission-vision,
.work-principles,
.company-values,
.why-company{

    isolation:isolate;

}


.corporate-about::after,
.mission-vision::after,
.work-principles::after,
.company-values::after,
.why-company::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(
        rgba(255,255,255,.025) 1px,
        transparent 1px
    ),
    linear-gradient(
        90deg,
        rgba(255,255,255,.025) 1px,
        transparent 1px
    );

    background-size:50px 50px;

    opacity:.30;

    pointer-events:none;

    z-index:-1;

}

.mission-vision::before,
.work-principles::before,
.company-values::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:#1683ff;

    opacity:.08;

    filter:blur(120px);

    top:40%;

    left:-150px;

    z-index:-1;

}

/*==================================================
   ÇALIŞMA ANLAYIŞI - MİSYON VİZYON
   MOBİL KART DÜZENİ
==================================================*/

@media(max-width:768px){


    /* Çalışma Anlayışımız */

    .work-grid{

        display:flex;
        flex-direction:column;
        align-items:center;
        gap:20px;

    }


    .work-card{

        width:100%;
        max-width:360px;
        text-align:center;
        padding:28px 22px;
        margin:0 auto;

    }


    .work-icon{

        margin:0 auto 18px;
        display:flex;
        justify-content:center;
        align-items:center;

    }


    .work-card h3{

        text-align:center;
        margin-bottom:12px;

    }


    .work-card p{

        text-align:center;
        line-height:1.7;

    }



    /* Misyon - Vizyon */

    .mission-vision-wrapper{

        display:flex;
        flex-direction:column;
        align-items:center;
        gap:20px;

    }


    .mv-card{

        width:100%;
        max-width:360px;
        text-align:center;
        padding:28px 22px;
        margin:0 auto;

    }


    .mv-icon{

        margin:0 auto 18px;
        display:flex;
        justify-content:center;
        align-items:center;

    }


    .mv-card h3{

        text-align:center;
        margin-bottom:12px;

    }


    .mv-card p{

        text-align:center;
        line-height:1.7;

    }


}


/*==================================================
  TRAINING PAGE
==================================================*/

.training-page{

    position:relative;

    width:100%;

    padding:30px 8% 120px;

    overflow:hidden;

    background:transparent;

}



/*==================================================
  BACKGROUND LIGHT
==================================================*/

.training-page::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-180px;
    left:-180px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(0,140,255,.10),
        transparent 70%);

    filter:blur(70px);

    pointer-events:none;

}

.training-page::after{

    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-150px;
    bottom:-150px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(0,170,255,.08),
        transparent 70%);

    filter:blur(70px);

    pointer-events:none;

}

.training-page-status{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    width:100%;
    padding:12px 18px;

    font-size:.9rem;
    font-weight:700;
    letter-spacing:.4px;
    text-transform:uppercase;

    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.training-page-status i{
    font-size:.95rem;
}

.status-open{
    color:#49d17d;
    background:rgba(73,209,125,.12);
}

.status-full{
    color:#ff5d5d;
    background:rgba(255,93,93,.12);
}

.status-warning{
    color:#f8c84a;
    background:rgba(248,200,74,.12);
}

.status-soon{
    color:#4da3ff;
    background:rgba(77,163,255,.12);
}

/*==================================================
  HEADER
==================================================*/

.training-page-header{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}



.training-page-subtitle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    border-radius:50px;

    background:rgba(0,140,255,.08);

    border:1px solid rgba(0,140,255,.18);

    color:#4da3ff;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}



.training-page-header h2{

    margin-top:18px;

    margin-bottom:22px;

    font-size:46px;

    font-weight:700;

    line-height:1.2;

    color:#ffffff;
    position:relative;

    padding-bottom:18px;
}

.training-page-header h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:90px;

    height:4px;

    border-radius:50px;

    background:linear-gradient(
        90deg,
        #3ba8ff,
        #79d2ff);

    box-shadow:
        0 0 14px rgba(59,168,255,.35);

}

.training-page-header p{

    max-width:700px;

    margin:auto;

    color:#b8c3d1;

    font-size:16px;

    line-height:1.8;

}



/*==================================================
  GRID
==================================================*/

.training-page-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}



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

.training-page-card{

    position:relative;

    display:flex;
    flex-direction:column;

    height:100%;

    padding:34px 30px;

    border-radius:24px;

    background:
    linear-gradient(180deg,
    rgba(255,255,255,.09),
    rgba(255,255,255,.03));

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    overflow:hidden;

    transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;

    box-shadow:
    0 8px 24px rgba(0,0,0,.18);

}



/*==================================================
  CARD BORDER EFFECT
==================================================*/

.training-page-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:linear-gradient(
    90deg,
    #00b7ff,
    #3b82f6,
    #60a5fa);

    opacity:.9;

}

.training-page-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
    circle at top right,
    rgba(0,162,255,.18),
    transparent 60%);

    pointer-events:none;

}

/*==================================================
  FEATURED CARD
==================================================*/

.training-page-card.featured{

    border:2px solid rgba(212,175,55,.45);    
    box-shadow: 0 10px 28px rgba(212,175,55,.08);


}

.training-page-card:hover{

    transform:translateY(-10px);

    border-color:rgba(74,168,255,.45);

    box-shadow:
    0 20px 50px rgba(0,0,0,.45),
    0 0 35px rgba(0,140,255,.18);

}

.training-page-card.featured:hover{

    transform:translateY(-14px);

    border-color:rgba(255,215,100,.95);

    box-shadow:
    0 22px 55px rgba(0,0,0,.45),
    0 0 40px rgba(212,175,55,.30)

}

.training-page-card > *{
    position:relative;
    z-index:2;
}
/*==================================================
  IMAGE
==================================================*/

.training-page-image{
    position:relative;
    width:100%;
    height:310px;
    overflow:hidden;
    border-radius:22px 22px 0 0;
    background:#0d1325;
}

.training-page-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:
        transform .6s ease,
        filter .6s ease;
}

.training-page-card:hover .training-page-image img{

    transform:scale(1.06);

    filter:brightness(1.08);

}


/*==================================================
  IMAGE OVERLAY
==================================================*/

.training-page-image::after{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:35%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(80,170,255,.06),
        transparent);

    transform:skewX(-25deg);

    transition:left .9s ease;

    pointer-events:none;

}

.training-page-card:hover .training-page-image::after{

    left:150%;

}

.training-page-card.featured .training-page-image::after{

    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.08),
        transparent);

}
/*==================================================
  BADGES
==================================================*/

.training-page-badge{

    position:absolute;

    left:22px;

    bottom:22px;

    z-index:5;

    padding:10px 18px;

    border-radius:50px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.08),
            rgba(0,0,0,.45));

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.18);

    color:#ffffff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    color .35s ease;

}

.training-page-card:hover .training-page-badge{

    transform:translateY(-4px);

    background:rgba(10,25,50,.72);

    border-color:rgba(89,175,255,.45);

    box-shadow:
        0 10px 24px rgba(0,0,0,.25),
        0 0 18px rgba(0,140,255,.22);

}

.training-page-popular{

    position:absolute;

    top:20px;

    right:20px;

    z-index:5;

    padding:10px 18px;

    border-radius:50px;

    background:linear-gradient(135deg,#d4af37,#f7d774);

    color:#08111f;

    font-size:12px;

    font-weight:800;

    letter-spacing:.8px;

    box-shadow:

    0 10px 30px rgba(212,175,55,.35);
}


.training-page-card.featured:hover .training-page-popular{

    box-shadow:
        0 12px 30px rgba(212,175,55,.45),
        0 0 18px rgba(212,175,55,.30);
}


/*==================================================
  CONTENT
==================================================*/

.training-page-content{

    padding:34px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.training-page-content h3{

    position:relative;

    color:#ffffff;

    font-size:28px;

    line-height:1.3;

    margin-bottom:18px;

    padding-left:0;

    transition:
        color .35s ease,
        padding-left .35s ease;

}

.training-page-content h3::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:3px;

    height:0;

    border-radius:20px;

    background:linear-gradient(
        180deg,
        #3ba8ff,
        #79d2ff);

    transition:height .35s ease;

}

.training-page-card:hover .training-page-content h3{

    color:#7ccfff;

    padding-left:14px;

}

.training-page-card:hover .training-page-content h3::before{

    height:85%;
    box-shadow:0 0 10px rgba(59,168,255,.35);

}

.training-page-card.featured:hover .training-page-content h3{

    color:#f4d36b;

}

.training-page-card.featured .training-page-content h3::before{

    background:linear-gradient(
        180deg,
        #f7d774,
        #d4af37);
    box-shadow:0 0 10px rgba(212,175,55,.35);

}

.training-page-content p{

    color:#b8c3d1;

    font-size:15px;

    line-height:1.9;

    margin-bottom:28px;

}


.training-page-card:hover .training-page-content p{

    color:#f5f9ff;

}


/*==================================================
  LIST
==================================================*/

.training-page-list{

    list-style:none;

    padding:0;

    margin:0 0 32px;

    margin-bottom: 30px;

}



.training-page-list li{

    display:flex;

    align-items:center;

    gap:12px;

    color:#d7e0eb;

    margin-bottom:14px;

    font-size:15px;

    transition:
    transform .35s ease,
    color .35s ease;

}



.training-page-list li i{

    width:22px;

    height:22px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(0,140,255,.15);

    color:#00aaff;

    font-size:11px;

    transition:
    transform .35s ease,
    color .35s ease,
    text-shadow .35s ease;

}

.training-page-card:hover .training-page-list li{

    color:#f5f9ff;

}

.training-page-card:hover .training-page-list li i{

    transform:scale(1.18);

    color:#6fc8ff;

    text-shadow:0 0 10px rgba(0,170,255,.35);

}

.training-page-card.featured:hover .training-page-list li i{

    color:#f5d36a;

    text-shadow:0 0 10px rgba(212,175,55,.35);

}

/*==================================================
  BUTTON
==================================================*/

.training-page-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:100%;

    height:56px;

    border-radius:16px;

    background:linear-gradient(135deg,#008cff,#005bea);

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    transition:.35s ease;

    box-shadow:

    0 12px 30px rgba(0,140,255,.25);

    margin-top: auto;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease,
    color .35s ease;

}



.training-page-btn i{

    transition:.35s ease;

}



.training-page-card:hover .training-page-btn{

    transform:translateY(-3px);

    border-color:rgba(74,168,255,.45);

    box-shadow:
        0 10px 25px rgba(0,140,255,.18);

}



.training-page-card:hover .training-page-btn i{

    transform:translateX(5px);

}

.training-page-card.featured:hover .training-page-btn{

    border-color:rgba(212,175,55,.65);

    box-shadow:
        0 10px 25px rgba(212,175,55,.25);

        background:linear-gradient(
            180deg,
            #f7d774,
            #d4af37);

    color: black;

}



/*==================================================
  CARD HOVER
==================================================*/

.training-page-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 25px 55px rgba(0,140,255,.15);

}



.training-page-card:hover::before{

    opacity:1;

}



.training-page-card:hover .training-page-image img{

    transform:scale(1.08);

}

.training-center-card{
    grid-column:1 / -1;
    width:calc(50% - 15px);
    justify-self:center;
}

/*==================================================
  FEATURED CARD
==================================================*/

.training-page-card.featured:hover{

    box-shadow:

    0 25px 60px rgba(212,175,55,.22);

}

.training-page-card.featured::before{

    background:linear-gradient(

        135deg,

        rgba(212,175,55,.9),

        transparent,

        rgba(212,175,55,.6)

    );

}

@media(max-width:1200px){

    .training-page{

        padding:30px 6% 100px;

    }

    .training-page-grid{

        gap:28px;

    }

    .training-page-image{

        height:280px;

    }

    .training-page-content{

        padding:30px;

    }

    .training-page-content h3{

        font-size:24px;

    }

}

/*==================================================
  TABLET
==================================================*/

@media(max-width:992px){

    .training-page-header{

        margin-bottom:55px;

    }

    .training-page-header h2{

        font-size:38px;

    }

    .training-page-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .training-page-image{

        height:320px;

    }

}

/*==================================================
  MOBILE
==================================================*/

@media(max-width:768px){

    .training-page{

        padding:20px 20px 80px;

    }

    .training-page-header{

        margin-bottom:45px;

    }

    .training-page-subtitle{

        font-size:12px;

        padding:9px 18px;

    }

    .training-page-header h2{

        font-size:31px;

        margin:16px 0 18px;

    }

    .training-page-header p{

        font-size:15px;

        line-height:1.7;

    }

    .training-page-image{

        height:250px;

    }

    .training-page-content{

        padding:26px;

    }

    .training-page-content h3{

        font-size:22px;

    }

    .training-page-content p{

        font-size:14px;

        margin-bottom:24px;

    }

    .training-page-list li{

        font-size:14px;

    }

    .training-page-btn{

        height:52px;

        font-size:14px;

    }

    .training-center-card{
        grid-column:auto;
        width:100%;
        justify-self:stretch;
    }

    .training-category{
        margin-top:50px;
    }

    .training-category-title h3{
        font-size:26px;
    }

    .training-page-grid,
    .training-page-grid.two-card{
        grid-template-columns:1fr;
    }

    .training-category:first-of-type .training-page-card:last-child,
    .training-category:not(.renewal-category) .training-page-card:nth-child(3){
        grid-column:auto;
        width:100%;
        justify-self:stretch;
    }

    .renewal-category{
        margin-top:60px;
    }

}



/*==================================================
  SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .training-page{

        padding:15px 15px 70px;

    }

    .training-page-header h2{

        font-size:27px;

    }

    .training-page-image{

        height:220px;

    }

    .training-page-content{

        padding:22px;

    }

    .training-page-badge{

        left:15px;

        bottom:15px;

        padding:8px 14px;

        font-size:11px;

    }

    .training-page-popular{

        top:15px;

        right:15px;

        padding:8px 14px;

        font-size:11px;

    }

}

/*==================================================
TRAINING CATEGORY
==================================================*/

.training-category{

    margin-top:70px;

}


.training-category-title{

    text-align:center;

    margin-bottom:35px;

}


.training-category-title h3{

    position:relative;

    display:inline-block;

    margin:0;

    font-size:32px;

    font-weight:700;

    color:#ffffff;

}


.training-category-title h3::after{

    content:"";

    display:block;

    width:55px;

    height:3px;

    margin:14px auto 0;

    background:#4da3ff;

    border-radius:10px;

    box-shadow:0 0 15px rgba(77,163,255,.8);

}


/* GRID */

.training-page-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}


/* 2 KARTLI ALAN */

.training-page-grid.two-card{

    grid-template-columns:repeat(2,1fr);

    justify-content:center;

}




/* YENİLEME BÖLÜMÜ BOŞLUK */

.renewal-category{

    margin-top:90px;

}

/*==================================================
TRAINING MOBILE
==================================================*/

@media(max-width:992px){


    .training-page-grid{

        grid-template-columns:repeat(2,1fr);

    }


    .training-page-grid.two-card{

        grid-template-columns:repeat(2,1fr);

    }


}



@media(max-width:768px){


    .training-category{

        margin-top:50px;

    }


    .training-category-title h3{

        font-size:26px;

    }



    .training-page-grid,
    .training-page-grid.two-card{

        grid-template-columns:1fr;

    }



    .renewal-category{

        margin-top:60px;

    }


}

/*==================================================
TRAINING DETAIL PAGE
==================================================*/


.training-detail-page{

    padding:80px 0 120px;

    background:var(--bg-color);

}


/*==================================================
LAYOUT
==================================================*/


.training-detail-layout{

    display:grid;

    grid-template-columns:minmax(0,1fr) 330px;

    gap:35px;

    align-items:start;

}





/*==================================================
LEFT CONTENT
==================================================*/


.training-detail-content{

    display:grid;

    gap:25px;

}



.detail-card{

    padding:35px;

    border-radius:24px;

    border:1px solid rgba(255,255,255,.08);

    background:rgba(17,29,48,.65);

    backdrop-filter:blur(14px);

    transition:.3s;

}



.detail-card:hover{

    border-color:rgba(77,163,255,.30);

    transform:translateY(-4px);

    box-shadow:0 20px 45px rgba(0,0,0,.25);

}



.detail-card h2{

    position:relative;

    margin-bottom:22px;

    padding-left:18px;

    color:#fff;

    font-size:28px;

}



.detail-card h2::before{

    content:"";

    position:absolute;

    left:0;

    top:5px;

    width:4px;

    height:28px;

    border-radius:10px;

    background:#4da3ff;

}



.detail-card p{

    margin-bottom:15px;

    color:rgba(255,255,255,.72);

    line-height:1.8;

}

/*==================================================
DETAIL LIST
==================================================*/


.detail-list{

    display:grid;

    gap:16px;

    padding:0;

    margin:0;

    list-style:none;

}



.detail-list li{

    display:flex;

    align-items:center;

    gap:12px;

    color:rgba(255,255,255,.78);

}



.detail-list i{

    color:#4da3ff;

}

/*==================================================
PROGRAM ITEMS
==================================================*/


.detail-program{

    display:grid;

    gap:15px;

}



.program-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px;

    border-radius:16px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.06);

}



.program-item div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

}



.program-item i{

    color:#4da3ff;

}



.program-item strong{

    color:#4da3ff;

    font-size:14px;

}

/*==================================================
SIDEBAR
==================================================*/


.training-detail-sidebar{

    position:sticky;

    top:110px;

    display:grid;

    gap:25px;

}





/*==================================================
EDUCATION MENU CARD
==================================================*/


.detail-menu-card{

    padding:28px;

    border-radius:24px;

    border:1px solid rgba(255,255,255,.08);

    background:rgba(17,29,48,.65);

    backdrop-filter:blur(14px);

}





.detail-menu-card h3{

    margin-bottom:28px;

    padding-bottom:16px;

    border-bottom:1px solid rgba(255,255,255,.08);

    color:#fff;

    font-size:22px;

    text-transform:uppercase;

    position:relative;

}

.detail-menu-card h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:15%;

    height:3px;

    border-radius:20px;

    background:linear-gradient(90deg,#4da3ff,#78bcff);

    box-shadow:0 0 12px rgba(77,163,255,.45);

}

/*==================================================
EDUCATION MENU
==================================================*/


.detail-education-menu{

    display:grid;

    gap:8px;

    padding:0;

    margin:0;

    list-style:none;

}





.detail-education-menu li a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:13px 15px;

    border-radius:14px;

    color:rgba(255,255,255,.72);

    font-size:14px;

    transition:.3s;

}



.detail-education-menu li a i{

    width:18px;

    color:#4da3ff;

}



.detail-education-menu li a:hover{

    color:#fff;

    background:rgba(77,163,255,.10);

}

.detail-education-menu li.active a{

    color:#fff;

    background:

    linear-gradient(
    135deg,
    rgba(77,163,255,.20),
    rgba(77,163,255,.05)
    );

    border:1px solid rgba(77,163,255,.35);

    box-shadow:
    0 10px 30px rgba(77,163,255,.12);

}

/*==================================================
CONTACT CARD
==================================================*/


.detail-contact-card{

    padding:30px;

    border-radius:24px;

    border:1px solid rgba(77,163,255,.25);

    background:
    radial-gradient(
    circle at top right,
    rgba(77,163,255,.20),
    transparent 55%
    ),
    rgba(17,29,48,.75);

    backdrop-filter:blur(15px);

}





.detail-contact-card span{

    display:block;

    margin-bottom:15px;

    color:#4da3ff;

    font-size:13px;

    font-weight:600;

}


.detail-contact-card h3{

    margin-bottom:15px;

    color:#fff;

    font-size:24px;

}



.detail-contact-card p{

    margin-bottom:25px;

    color:rgba(255,255,255,.70);

    line-height:1.7;

    font-size:14px;

}


.detail-whatsapp-btn,
.detail-phone-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:100%;

    padding:15px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

}

.detail-whatsapp-btn{

    margin-bottom:12px;

    background:#25d366;

    color:#fff;

}

.detail-whatsapp-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 12px 30px rgba(37,211,102,.30);

}


.detail-phone-btn{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

}



.detail-phone-btn:hover{

    color:#4da3ff;

    border-color:#4da3ff;

}

/*==================================================
TABLET
==================================================*/


@media(max-width:1100px){


    .training-detail-layout{

        grid-template-columns:1fr;

    }



    .training-detail-sidebar{

        position:relative;

        top:auto;

        grid-template-columns:repeat(2,1fr);

    }


}

/*==================================================
MOBILE
==================================================*/


@media(max-width:768px){



    .training-detail-page{

        padding:50px 0 80px;

    }




    .training-detail-header{

        text-align:center;

    }





    .training-detail-header span{

        font-size:12px;

    }





    .training-detail-header h1{

        font-size:34px;

    }





    .training-detail-header p{

        font-size:15px;

        line-height:1.7;

    }






    .training-detail-layout{

        gap:25px;

    }






    .detail-card{

        padding:25px 20px;

        border-radius:20px;

    }





    .detail-card h2{

        font-size:23px;

    }






    .training-detail-sidebar{

        display:grid;

        grid-template-columns:1fr;

        gap:20px;

    }






    .detail-menu-card,
    .detail-contact-card{

        padding:22px;

    }




}

@media(max-width:480px){



    .training-detail-header h1{

        font-size:28px;

    }





    .detail-card h2{

        font-size:21px;

    }





    .detail-education-menu li a{

        padding:12px;

        font-size:13px;

    }





    .program-item{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }


}

/*==================================================
SINAV İŞLEMLERİ
==================================================*/

.exam-page{
    padding:90px 0;
    background:
    radial-gradient(circle at top right,rgba(79,140,255,.12),transparent 35%),
    linear-gradient(180deg,#08111f 0%,#0b1424 100%);
    color:#fff;
}


/* HEADER */

.exam-header{
    text-align:center;
    max-width:800px;
    margin:0 auto 55px;
}

.exam-header h1,
.exam-header .exam-title{

    position:relative;
    display:inline-block;
    font-size:46px;
    font-weight:700;
    margin-bottom:18px;
    color:#fff;

}

.exam-header h1 span,
.exam-header .exam-title span{

    color:#4f8cff;

}

.exam-header h1::after,
.exam-header .exam-title::after{

    content:"";

    width:70px;
    height:3px;
    background:#4f8cff;

    position:absolute;
    bottom:-12px;
    left:50%;
    transform:translateX(-50%);
    border-radius:10px;

}

.exam-header p{
    color:#b8c2d1;
    font-size:16px;
}


/* TABLO KART */

.exam-table-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    padding:35px;
    backdrop-filter:blur(12px);
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}


.exam-table-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}

.exam-table-title i{
    color:#4f8cff;
    font-size:24px;
}

.exam-table-title h2{
    font-size:25px;
    color:#fff;
    margin:0;
}


.exam-description{
    color:#b8c2d1;
    line-height:1.7;
    margin-bottom:30px;
}



/* TABLE */

.table-responsive{
    width:100%;
    overflow-x:auto;
}

.exam-table{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
}

.exam-table th{
    text-align:left;
    padding:18px 15px;
    font-size:14px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.15);
}

.exam-table td{
    padding:20px 15px;
    color:#cbd5e1;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
}


.exam-table tbody tr{
    transition:.3s ease;
}


.exam-table tbody tr:hover{
    background:rgba(79,140,255,.06);
}

.exam-table th:last-child,
.exam-table td:last-child{
    min-width:190px;
    text-align:center;
}

/* AKTİF SINAV */

.exam-table tr.active{
    background:rgba(79,140,255,.10);
    box-shadow:inset 4px 0 #4f8cff;
}


.exam-table tr.active td{
    color:#fff;
}



/* DURUM BADGE */

.exam-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
}


.exam-status.finished{
    background:rgba(148,163,184,.15);
    color:#cbd5e1;
    border:1px solid rgba(148,163,184,.25);
}


.exam-status.closed{
    background:rgba(239,68,68,.12);
    color:#f87171;
    border:1px solid rgba(239,68,68,.25);
}

.exam-status.upcoming{
    background:#eef2ff;
    color:#4f46e5;
    border:1px solid #c7d2fe;
}

.exam-table tr.upcoming-row{
    opacity:.85;
}

.exam-status.open{
    background:rgba(79,140,255,.15);
    color:#76a8ff;
    border:1px solid rgba(79,140,255,.35);
}

/*==================================================
SINAV İŞLEMLERİ KUTULAR
==================================================*/

.exam-links{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:45px;
}


.exam-box{
    display:flex;
    align-items:center;
    gap:18px;
    padding:28px 25px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}


.exam-box::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    background:#4f8cff;
    transition:.35s ease;
}


.exam-box:hover{
    transform:translateY(-6px);
    border-color:rgba(79,140,255,.45);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}


.exam-box:hover::before{
    width:100%;
}


.exam-box i{
    min-width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(79,140,255,.12);
    color:#4f8cff;
    font-size:20px;
}


.exam-box h3{
    font-size:17px;
    color:#fff;
    margin:0 0 8px;
}


.exam-box p{
    font-size:14px;
    line-height:1.6;
    color:#aeb8c8;
    margin:0;
}

/*==================================================
TABLET
==================================================*/

@media(max-width:992px){

    .exam-page{
        padding:75px 0;
    }
    
    .exam-header{
        margin-bottom:40px;
    }
    
    .exam-header h1,
    .exam-header .exam-title{
        font-size:38px;
    }
    
    .exam-table-card{
        padding:25px;
    }
    
    .exam-links{
        grid-template-columns:1fr;
    }
    
    }
    
    
    /*==================================================
    MOBİL
    ==================================================*/
    
    @media(max-width:576px){
    
    .exam-page{
        padding:60px 0;
    }
    
    
    .exam-header h1,
    .exam-header .exam-title{
        font-size:32px;
    }
    
    .exam-header p{
        font-size:14px;
        line-height:1.6;
    }
    
    .exam-table-card{
        padding:20px 15px;
        border-radius:18px;
    }
    
    
    .exam-table-title{
        align-items:flex-start;
    }
    
    
    .exam-table-title h2{
        font-size:20px;
    }
    
    
    .exam-description{
        font-size:14px;
    }
    
    
    .table-responsive{
        margin:0 -5px;
    }
    
    
    .exam-table{
        min-width:750px;
    }
    
    
    .exam-table th,
    .exam-table td{
        padding:15px 10px;
        font-size:13px;
    }
    
    
    .exam-status{
        font-size:11px;
        padding:7px 12px;
    }
    
    
    .exam-links{
        margin-top:30px;
        gap:15px;
    }
    
    
    .exam-box{
        padding:22px 18px;
        gap:15px;
    }
    
    
    .exam-box i{
        min-width:40px;
        height:40px;
        font-size:18px;
    }
    
    
    .exam-box h3{
        font-size:16px;
    }
    
    
    .exam-box p{
        font-size:13px;
    }
    
    }


/*==================================================
EXAM HUB
==================================================*/

.examhub-section{

    position:relative;
    overflow:hidden;
    padding:110px 0;
    background:
    radial-gradient(circle at top left,rgba(79,140,255,.12),transparent 35%),
    radial-gradient(circle at bottom right,rgba(79,140,255,.10),transparent 35%),
    #07111f;

}

.examhub-section::before{

    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:70px 70px;
    opacity:.35;
    pointer-events:none;

}

.examhub-section .container{

    position:relative;
    z-index:2;

}


/*==================================================
HEADER
==================================================*/

.examhub-header{

    max-width:760px;
    margin:0 auto 70px;
    text-align:center;

}

.examhub-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 22px;
    margin-bottom:24px;

    border:1px solid rgba(79,140,255,.35);
    border-radius:50px;

    background:rgba(79,140,255,.08);
    backdrop-filter:blur(18px);

    color:#4f8cff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}

.examhub-badge i{

    font-size:15px;

}

.examhub-title{

    margin:0;
    color:#ffffff;
    font-size:46px;
    font-weight:700;
    line-height:1.25;

}

.examhub-title span{

    color:#4f8cff;

}

.examhub-title-line{

    width:95px;
    height:4px;
    margin:26px auto;
    border-radius:50px;

    background:#4f8cff;

    box-shadow:
    0 0 12px rgba(79,140,255,.7),
    0 0 28px rgba(79,140,255,.45);

}

.examhub-description{

    margin:0;
    color:#9eaec6;
    font-size:17px;
    line-height:1.9;

}

/*==================================================
GRID
==================================================*/

.examhub-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}


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

.examhub-card{

    position:relative;
    display:flex;
    flex-direction:column;

    padding:35px 32px;

    min-height:290px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;

    background:rgba(14,24,40,.82);
    backdrop-filter:blur(18px);

    text-decoration:none;

    transition:.45s ease;

    overflow:hidden;

}

.examhub-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;

    width:100%;
    height:4px;

    background:linear-gradient(90deg,#4f8cff,#73b1ff);

    transform:scaleX(0);
    transform-origin:left;

    transition:.45s;

}

.examhub-card::after{

    content:"";
    position:absolute;

    width:220px;
    height:220px;

    right:-120px;
    top:-120px;

    border-radius:50%;

    background:rgba(79,140,255,.10);

    filter:blur(45px);

    opacity:0;

    transition:.45s;

}

.examhub-card:hover{

    transform:translateY(-12px);

    border-color:rgba(79,140,255,.45);

    box-shadow:
    0 18px 45px rgba(0,0,0,.45),
    0 0 40px rgba(79,140,255,.12);

}

.examhub-card:hover::before{

    transform:scaleX(1);

}

.examhub-card:hover::after{

    opacity:1;

}


/*==================================================
ICON
==================================================*/

.examhub-card-icon{

    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:28px;

    border-radius:18px;

    background:linear-gradient(145deg,#4f8cff,#2e66d7);

    box-shadow:
    0 0 25px rgba(79,140,255,.35);

    transition:.4s;

}

.examhub-card-icon i{

    color:#fff;
    font-size:28px;

}

.examhub-card:hover .examhub-card-icon{

    transform:rotate(-8deg) scale(1.08);

}


/*==================================================
TEXT
==================================================*/

.examhub-card-title{

    margin:0 0 15px;

    color:#fff;

    font-size:24px;
    font-weight:700;

}

.examhub-card-text{

    color:#9daec5;

    font-size:15px;

    line-height:1.8;

    margin:0;

    flex:1;

}


/*==================================================
ARROW
==================================================*/

.examhub-card-arrow{

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:30px;

    border-radius:50%;

    background:rgba(79,140,255,.10);

    color:#4f8cff;

    transition:.4s;

}

.examhub-card:hover .examhub-card-arrow{

    background:#4f8cff;

    color:#fff;

    transform:translateX(8px);

}


/*==================================================
FEATURED
==================================================*/

.examhub-card-featured{

    border:1px solid rgba(79,140,255,.35);

    background:
    linear-gradient(180deg,
    rgba(79,140,255,.08),
    rgba(14,24,40,.88));

}

/*==================================================
ANIMATIONS
==================================================*/

.examhub-card,
.examhub-card-icon,
.examhub-card-arrow{

    will-change:transform;

}

@keyframes examhubGlow{

    0%{

        box-shadow:0 0 0 rgba(79,140,255,.25);

    }

    50%{

        box-shadow:0 0 28px rgba(79,140,255,.35);

    }

    100%{

        box-shadow:0 0 0 rgba(79,140,255,.25);

    }

}

.examhub-card-featured .examhub-card-icon{

    animation:examhubGlow 3s infinite;

}


/*==================================================
TABLET
==================================================*/

@media(max-width:992px){

    .examhub-section{

        padding:90px 0;

    }

    .examhub-grid{

        grid-template-columns:repeat(2,1fr);
        gap:24px;

    }

    .examhub-title{

        font-size:38px;

    }

    .examhub-card{

        min-height:270px;
        padding:30px;

    }

}


/*==================================================
MOBILE
==================================================*/
    
@media(max-width:768px){

    .examhub-section{

        padding:70px 0;

    }

    .examhub-header{

        margin-bottom:50px;

    }

    .examhub-badge{

        font-size:12px;
        letter-spacing:1px;
        padding:10px 18px;

    }

    .examhub-title{

        font-size:31px;
        line-height:1.35;

    }

    .examhub-title-line{

        width:75px;
        margin:22px auto;

    }

    .examhub-description{

        font-size:15px;
        line-height:1.8;

    }

    .examhub-grid{

        grid-template-columns:1fr;
        justify-items:center;
        text-align: center;
        align-items: center;
        gap:20px;

    }

    .examhub-card{

        min-height:auto;
        padding:28px 24px;
        width:100%;
        max-width:360px;
        justify-items:center;
        text-align: center;
        align-items: center;

    }

    .examhub-card-title{

        font-size:21px;

    }

    .examhub-card-icon{

        width:64px;
        height:64px;
        margin-bottom:22px;

    }

    .examhub-card-icon i{

        font-size:25px;

    }

    .examhub-card:hover{

        transform:translateY(-6px);

    }

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .examhub-section{

        padding:60px 0;

    }

    .examhub-title{

        font-size:27px;

    }

    .examhub-description{

        font-size:14px;

    }

    .examhub-card{

        border-radius:20px;
        padding:24px 20px;

    }

    .examhub-card-title{

        font-size:20px;

    }

    .examhub-card-text{

        font-size:14px;

    }

}

/*==================================================
EXAM RESULT
==================================================*/

.examresult-section{

    position:relative;
    overflow:hidden;

    padding:110px 0;

    background:
    radial-gradient(circle at top left,rgba(79,140,255,.12),transparent 35%),
    radial-gradient(circle at bottom right,rgba(79,140,255,.08),transparent 35%),
    #07111f;

}

.examresult-section::before{

    content:"";

    position:absolute;
    inset:0;

    background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);

    background-size:70px 70px;

    opacity:.35;

    pointer-events:none;

}

.examresult-section .container{

    position:relative;
    z-index:2;

}


/*==================================================
HEADER
==================================================*/

.examresult-header{

    max-width:820px;

    margin:0 auto 55px;

    text-align:center;

}

.examresult-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:11px 22px;

    margin-bottom:22px;

    border:1px solid rgba(79,140,255,.35);

    border-radius:50px;

    background:rgba(79,140,255,.08);

    backdrop-filter:blur(18px);

    color:#4f8cff;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.examresult-title{

    margin:0;

    color:#ffffff;

    font-size:46px;

    font-weight:700;

    line-height:1.25;

}

.examresult-title span{

    color:#4f8cff;

}

.examresult-title-line{

    width:90px;

    height:4px;

    margin:24px auto;

    border-radius:50px;

    background:#4f8cff;

    box-shadow:
    0 0 18px rgba(79,140,255,.7),
    0 0 35px rgba(79,140,255,.3);

}

.examresult-description{

    margin:0;

    color:#9eaec6;

    font-size:17px;

    line-height:1.9;

}


/*==================================================
RESULT IMAGE
==================================================*/

.examresult-preview{

    max-width:980px;

    margin:0 auto;

    padding:18px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:26px;

    background:rgba(13,23,38,.82);

    backdrop-filter:blur(20px);

    box-shadow:
    0 20px 60px rgba(0,0,0,.45);

    transition:.45s;

}

.examresult-preview:hover{

    border-color:rgba(79,140,255,.35);

    transform:translateY(-6px);

    box-shadow:
    0 25px 70px rgba(0,0,0,.55),
    0 0 45px rgba(79,140,255,.12);

}

.examresult-preview img{

    display:block;

    width:100%;

    border-radius:18px;

}

/*==================================================
BUTTON
==================================================*/

.examresult-button-area{

    display:flex;
    justify-content:center;

    margin:40px 0 70px;

}

.examresult-button{

    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 34px;

    border-radius:60px;

    background:linear-gradient(135deg,#4f8cff,#2f6ff2);

    color:#ffffff;

    font-size:16px;
    font-weight:600;

    text-decoration:none;

    transition:.35s;

    box-shadow:
    0 10px 30px rgba(79,140,255,.35);

}

.examresult-button:hover{

    transform:translateY(-4px);

    box-shadow:
    0 16px 40px rgba(79,140,255,.45);

}

.examresult-button i{

    font-size:17px;

}


/*==================================================
INFO CARD
==================================================*/

.examresult-info{

    display:flex;
    align-items:flex-start;
    gap:28px;

    max-width:1000px;

    margin:0 auto;

    padding:38px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:26px;

    background:rgba(13,23,38,.82);

    backdrop-filter:blur(20px);

    transition:.35s;

}

.examresult-info:hover{

    border-color:rgba(79,140,255,.35);

    transform:translateY(-5px);

    box-shadow:
    0 18px 50px rgba(0,0,0,.40),
    0 0 30px rgba(79,140,255,.12);

}

.examresult-info-icon{

    flex-shrink:0;

    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:20px;

    background:linear-gradient(135deg,#4f8cff,#2f6ff2);

    color:#ffffff;

    font-size:28px;

    box-shadow:
    0 0 25px rgba(79,140,255,.35);

}

.examresult-info-content{

    flex:1;

}

.examresult-info-content h3{

    margin:0 0 18px;

    color:#ffffff;

    font-size:28px;

    line-height:1.4;

}

.examresult-info-content p{

    margin:0;

    color:#a6b5ca;

    font-size:16px;

    line-height:1.9;

}

.examresult-info-content strong{

    color:#4f8cff;

    font-weight:700;

}

/*==================================================
RESULT STEPS
==================================================*/

.examresult-steps{

    margin-top:90px;

}

.examresult-steps-header{

    max-width:760px;

    margin:0 auto 55px;

    text-align:center;

}

.examresult-steps-title{

    color:#fff;

    font-size:42px;

    font-weight:700;

}

.examresult-steps-title span{

    color:#4f8cff;

}

.examresult-steps-line{

    width:90px;
    height:4px;

    margin:22px auto;

    border-radius:50px;

    background:#4f8cff;

    box-shadow:0 0 20px rgba(79,140,255,.45);

}

.examresult-steps-header p{

    color:#9eaec6;

    font-size:16px;

    line-height:1.9;

}

.examresult-steps-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:22px;

}

.examresult-step-card{

    position:relative;

    padding:35px 24px;

    border-radius:24px;

    background:rgba(13,23,38,.82);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    transition:.35s;

    overflow:hidden;

}

.examresult-step-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#4f8cff;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.examresult-step-card:hover{

    transform:translateY(-8px);

    border-color:rgba(79,140,255,.35);

    box-shadow:

    0 20px 45px rgba(0,0,0,.45),

    0 0 30px rgba(79,140,255,.12);

}

.examresult-step-card:hover::before{

    transform:scaleX(1);

}

.examresult-step-number{

    width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:22px;

    border-radius:50%;

    background:linear-gradient(135deg,#4f8cff,#2d6bf1);

    color:#fff;

    font-size:20px;

    font-weight:700;

    box-shadow:0 0 22px rgba(79,140,255,.35);

}

.examresult-step-card h3{

    margin:0 0 15px;

    color:#fff;

    font-size:20px;

    line-height:1.5;

}

.examresult-step-card p{

    margin:0;

    color:#9eaec6;

    font-size:15px;

    line-height:1.8;

}

/*=========================
TABLET
=========================*/

@media(max-width:992px){

    .examresult-steps-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

/*=========================
MOBILE
=========================*/

@media(max-width:768px){

    .examresult-steps{

        margin-top:70px;

    }

    .examresult-steps-title{

        font-size:32px;

    }

    .examresult-steps-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .examresult-step-card{

        padding:28px 22px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .examresult-info{

        flex-direction:column;
        align-items:center;
    
        text-align:center;
    
        padding:28px 22px;
    
        gap:22px;
    
    }
    
    .examresult-info-icon{
    
        width:62px;
        height:62px;
    
        font-size:24px;
    
    }
    
    .examresult-info-content h3{
    
        font-size:22px;
    
        line-height:1.45;
    
        margin-bottom:14px;
    
    }
    
    .examresult-info-content p{
    
        font-size:15px;
    
        line-height:1.8;
    
    }

    .examresult-button-area{

        margin:28px 0 45px;

    }

    .examresult-button{

        display:flex;
        align-items:center;
        justify-content:center;

        width:fit-content;
        max-width:100%;

        margin:0 auto;

        padding:12px 22px;

        height:48px;

        border-radius:50px;

        font-size:14px;
        font-weight:600;
        line-height:1;

        gap:8px;

        white-space:nowrap;

    }

    .examresult-button i{

        font-size:14px;

        line-height:1;

    }
    .examresult-step-number{
        position:static;
        margin:0 auto 18px;
        display:flex;
        align-items:center;
        justify-content:center;
    } 
    
}

/*==================================================
ARŞİV
==================================================*/

.archive-section{

    position:relative;
    padding:100px 0;
    background:linear-gradient(180deg,#081321 0%,#0b1727 100%);
    overflow:hidden;

}

.archive-section::before{

    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:-250px;
    top:-250px;
    background:radial-gradient(circle,rgba(79,140,255,.10),transparent 70%);
    pointer-events:none;

}

.archive-section::after{

    content:"";
    position:absolute;
    width:600px;
    height:600px;
    right:-220px;
    bottom:-220px;
    background:radial-gradient(circle,rgba(79,140,255,.07),transparent 70%);
    pointer-events:none;

}

.archive-section .container{

    position:relative;
    z-index:2;

}

/*==================================================
HEADER
==================================================*/

.archive-header{

    max-width:760px;
    margin:0 auto 70px;
    text-align:center;

}

.archive-subtitle{

    display:inline-block;
    position:relative;
    padding-bottom:16px;
    font-size:13px;
    font-weight:700;
    letter-spacing:4px;
    color:var(--primary-color);
    text-transform:uppercase;

}

.archive-subtitle::after{

    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:85px;
    height:3px;
    border-radius:30px;
    background:var(--primary-color);
    box-shadow:0 0 18px rgba(79,140,255,.6);

}

.archive-header h2{

    position:relative;
    display:inline-block;
    margin:24px 0 26px;
    padding-bottom:18px;
    font-size:46px;
    font-weight:700;
    line-height:1.2;
    color:#ffffff;

}

.archive-header h2 span{

    color:#4f8cff;

}

.archive-header h2::after{

    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:55%;
    height:4px;
    border-radius:30px;
    background:linear-gradient(90deg,var(--primary-color),#7ab4ff);
    box-shadow:0 0 18px rgba(79,140,255,.45);

}

.archive-header p{

    font-size:17px;
    line-height:1.9;
    color:#9fb0c8;

}

/*==================================================
YIL
==================================================*/

.archive-year{

    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:70px 0 35px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.archive-year-left span{

    display:block;
    margin-bottom:8px;
    font-size:13px;
    letter-spacing:3px;
    font-weight:600;
    color:var(--primary-color);

}

.archive-year-left h3{

    position:relative;
    display:inline-block;
    font-size:46px;
    color:#fff;
    font-weight:700;

}

.archive-year-left h3::after{

    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:75%;
    height:3px;
    border-radius:30px;
    background:var(--primary-color);
    transition:.35s;

}

.archive-year:hover .archive-year-left h3::after{

    width:100%;

}

.archive-year-right{

    display:flex;
    align-items:center;
    justify-content:center;
    min-width:115px;
    height:44px;
    border-radius:40px;
    border:1px solid rgba(79,140,255,.35);
    background:rgba(79,140,255,.08);
    backdrop-filter:blur(10px);

}

.archive-year-right span{

    font-size:14px;
    font-weight:600;
    color:#fff;
    letter-spacing:1px;

}

/*==================================================
KART
==================================================*/

.archive-card{

    display:grid;
    grid-template-columns:180px 1fr 190px;
    align-items:center;
    margin-bottom:28px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    overflow:hidden;
    background:rgba(14,23,37,.95);
    transition:.35s;

}

.archive-card:hover{

    transform:translateY(-6px);
    border-color:rgba(79,140,255,.35);
    box-shadow:0 25px 55px rgba(0,0,0,.35);

}

/*==================================================
SOL DÖNEM KUTUSU
==================================================*/

.archive-card-number{

    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:230px;
    overflow:hidden;
    background:linear-gradient(135deg,#13263f,#0f1c2d);

}

.archive-card-number::before{

    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    right:-130px;
    top:-80px;
    border:1px solid rgba(79,140,255,.12);

}

.archive-card-number::after{

    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    left:-90px;
    bottom:-70px;
    border:1px solid rgba(79,140,255,.08);

}

.archive-card-number h2{

    position:relative;
    z-index:2;
    margin:0;
    font-size:72px;
    line-height:1;
    font-weight:700;
    color:#ffffff;

}

.archive-card-number span{

    position:relative;
    z-index:2;
    margin-top:10px;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    color:#9fb0c8;

}

/*==================================================
İÇERİK
==================================================*/

.archive-card-content{

    padding:38px 42px;

}

.archive-badges{

    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:22px;

}

.archive-badges span{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;

}

.badge-basic{

    color:#7ef0b8;
    background:rgba(31,185,113,.15);
    border:1px solid rgba(31,185,113,.30);

}

.badge-renew{

    color:#82b5ff;
    background:rgba(79,140,255,.15);
    border:1px solid rgba(79,140,255,.30);

}

.badge-pdf{

    color:#d5dceb;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);

}

/*==================================================
BAŞLIK
==================================================*/

.archive-card-content h3{

    position:relative;
    display:inline-block;
    margin-bottom:18px;
    padding-bottom:12px;
    font-size:34px;
    line-height:1.35;
    font-weight:700;
    color:#ffffff;
    transition:.35s;

}

.archive-card-content h3::after{

    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    border-radius:30px;
    background:var(--primary-color);
    transition:.35s;

}

.archive-card:hover .archive-card-content h3::after{

    width:100%;

}

.archive-card:hover .archive-card-content h3{

    color:#ffffff;

}

.archive-card-content p{

    margin:0;
    max-width:760px;
    color:#9fb0c8;
    line-height:1.9;
    font-size:16px;

}

/*==================================================
BUTON
==================================================*/

.archive-card-button{

    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;

}

.archive-card-button a{

    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:160px;
    height:52px;
    border-radius:14px;
    background:linear-gradient(135deg,#4f8cff,#3577ff);
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 12px 30px rgba(79,140,255,.25);

}

.archive-card-button a::before{

    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
    transform:translateX(-130%);
    transition:.7s;

}

.archive-card-button a::after{

    content:"→";
    font-size:18px;
    transition:.35s;

}

.archive-card-button a:hover{

    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(79,140,255,.40);

}

.archive-card-button a:hover::before{

    transform:translateX(130%);

}

.archive-card-button a:hover::after{

    transform:translateX(6px);

}



.archive-card-buttons{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:25px;
}

.archive-btn{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding:14px 18px;
    border-radius:14px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.archive-btn i{
    font-size:16px;
}

.archive-btn-pdf{
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.05);
    color:#fff;
}

.archive-btn-pdf:hover{
    transform:translateY(-3px);
    border-color:#4f8cff;
}

.archive-btn-online{
    background:linear-gradient(135deg,#4f8cff,#2563eb);
    color:#fff;
    box-shadow:0 12px 35px rgba(79,140,255,.35);
}

.archive-btn-online:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 45px rgba(79,140,255,.45);
}

@media(max-width:768px){

    .archive-card-buttons{
        flex-direction:column;
    }

    .archive-btn{
        width:100%;
    }

}


/*==================================================
MOBİL
==================================================*/

@media(max-width:992px){

    .archive-card{

        grid-template-columns:140px 1fr;

    }

    .archive-card-button{

        grid-column:1/3;
        justify-content:flex-end;
        padding:0 30px 30px;

    }

    .archive-card-number{

        min-height:200px;

    }

    .archive-card-number h2{

        font-size:58px;

    }

    .archive-card-content{

        padding:30px;

    }

    .archive-card-content h3{

        font-size:28px;

    }

}

@media(max-width:768px){

    .archive-section{

        padding:70px 0;

    }

    .archive-header{

        margin-bottom:45px;

    }

    .archive-header h2{

        font-size:34px;

    }

    .archive-header p{

        font-size:15px;

    }

    .archive-year{

        margin:50px 0 25px;
        align-items:flex-start;
        gap:18px;
        flex-direction:column;

    }

    .archive-year-left h3{

        font-size:34px;

    }

    .archive-year-right{

        display: none;

    }

    .archive-card{

        grid-template-columns:1fr;

    }

    .archive-card-number{

        min-height:130px;

    }

    .archive-card-number h2{

        font-size:54px;

    }

    .archive-card-content{

        padding:28px 24px;

    }

    .archive-card-content h3{

        font-size:24px;

    }

    .archive-card-content p{

        font-size:15px;

    }

    .archive-card-button{

        padding:0 24px 24px;
        justify-content:flex-start;

    }

    .archive-card-button a{

        width:100%;

    }

}

@media(max-width:480px){

    .archive-badges{

        gap:8px;

    }

    .archive-badges span{

        height:30px;
        padding:0 14px;
        font-size:12px;

    }

    .archive-card-content h3{

        font-size:21px;

    }

    .archive-card-number h2{

        font-size:46px;

    }

}

/*==================================================
PREMIUM DETAYLAR
==================================================*/

/* Kartın üst çizgisi */

.archive-card{

    position:relative;

}

.archive-card::before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:2px;
    background:linear-gradient(90deg,var(--primary-color),#7ab4ff);
    transition:.45s;

}

.archive-card:hover::before{

    width:100%;

}

/* Hafif arka plan glow */

.archive-card::after{

    content:"";
    position:absolute;
    inset:0;
    border-radius:24px;
    background:radial-gradient(circle at top right,
    rgba(79,140,255,.10),
    transparent 65%);
    opacity:0;
    transition:.35s;
    pointer-events:none;

}

.archive-card:hover::after{

    opacity:1;

}

/* Sol kutu hover */

.archive-card:hover .archive-card-number{

    background:linear-gradient(135deg,#17345b,#12243c);

}

/* 90 yazısı */

.archive-card-number h2{

    transition:.35s;

}

.archive-card:hover .archive-card-number h2{

    transform:scale(1.08);
    text-shadow:0 0 25px rgba(79,140,255,.35);

}

/* Badge */

.archive-badges span{

    transition:.3s;

}

.archive-badges span:hover{

    transform:translateY(-2px);

}

/* PDF Badge */

.badge-pdf:hover{

    border-color:rgba(79,140,255,.45);
    color:#fff;

}

/* Başlık */

.archive-card-content h3{

    transition:.35s;

}

.archive-card:hover .archive-card-content h3{

    color:#8ebdff;

}

/* Açıklama */

.archive-card-content p{

    transition:.35s;

}

.archive-card:hover .archive-card-content p{

    color:#c6d2e3;

}

/* Yıl */

.archive-year{

    transition:.35s;

}

.archive-year:hover{

    border-color:rgba(79,140,255,.20);

}

.archive-year-right{

    transition:.35s;

}

.archive-year:hover .archive-year-right{

    background:rgba(79,140,255,.15);
    border-color:rgba(79,140,255,.50);

}

/* Buton */

.archive-card-button a{

    letter-spacing:.3px;

}

.archive-card-button a:hover{

    letter-spacing:.8px;

}

/* Focus */

.archive-card-button a:focus{

    outline:none;
    box-shadow:
    0 0 0 3px rgba(79,140,255,.18),
    0 18px 45px rgba(79,140,255,.35);

}

.archive-type{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}

.archive-type.basic{

    color:#7ef0b8;
    background:rgba(31,185,113,.12);
    border-bottom:1px solid rgba(31,185,113,.25);

}

.archive-type.renew{

    color:#82b5ff;
    background:rgba(79,140,255,.12);
    border-bottom:1px solid rgba(79,140,255,.25);

}

.archive-card-number h2{

    margin-top:18px;

}

/*======================================
        KIZILELMA - SIK SORULAN SORULAR
======================================*/

.kg-faq-section{
    position:relative;
    padding:110px 0;
    background:#07111f;
    overflow:hidden;
}

.kg-faq-section::before{
    content:"";
    position:absolute;
    top:-220px;
    left:-220px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(79,140,255,.12);
    filter:blur(120px);
}

.kg-faq-section::after{
    content:"";
    position:absolute;
    right:-220px;
    bottom:-220px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(0,174,255,.10);
    filter:blur(120px);
}

.kg-faq-section .container{
    position:relative;
    z-index:2;
}

.kg-faq-header{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.kg-faq-header>span{
    display:inline-block;
    color:#4f8cff;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.kg-faq-header h2{
    margin-top:18px;
    color:#fff;
    font-size:46px;
    font-weight:700;
    line-height:1.2;
}

.kg-faq-header h2 span{
    color:#4f8cff;
}

.kg-faq-header h2::after{
    content:"";
    display:block;
    width:95px;
    height:4px;
    margin:18px auto 0;
    border-radius:30px;
    background:#4f8cff;
    box-shadow:0 0 18px rgba(79,140,255,.8);
}

.kg-faq-header p{
    margin-top:22px;
    color:#b8c6db;
    font-size:16px;
    line-height:1.9;
}

.kg-faq-wrapper{
    max-width:980px;
    margin:0 auto;
}

/*======================================
            FAQ CARD
======================================*/

.kg-faq-card{
    position:relative;
    margin-bottom:22px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(14px);
    overflow:hidden;
    transition:.35s ease;
}

.kg-faq-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:0;
    background:#4f8cff;
    border-radius:20px;
    transition:.35s;
}

.kg-faq-card:hover{
    transform:translateY(-4px);
    border-color:rgba(79,140,255,.45);
    box-shadow:0 18px 45px rgba(0,0,0,.35),
               0 0 35px rgba(79,140,255,.15);
}

.kg-faq-card:hover::before{
    height:100%;
}

.kg-faq-question{
    width:100%;
    padding:26px 78px 26px 30px;
    background:none;
    border:none;
    color:#fff;
    font-size:18px;
    font-weight:600;
    line-height:1.6;
    text-align:left;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    transition:.3s;
}

.kg-faq-question:hover{
    color:#4f8cff;
}

.kg-faq-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    border:1px solid rgba(79,140,255,.35);
    background:rgba(79,140,255,.08);
    color:#4f8cff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    font-weight:300;
    transition:.35s;
}

.kg-faq-card:hover .kg-faq-icon{
    background:#4f8cff;
    color:#fff;
    box-shadow:0 0 20px rgba(79,140,255,.45);
}

/*======================================
        FAQ ACCORDION
======================================*/

.kg-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}

.kg-faq-answer p{
    margin:0;
    padding:0 30px 28px;
    color:#b8c6db;
    font-size:15px;
    line-height:1.9;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:22px;
}

.kg-faq-active{
    border-color:rgba(79,140,255,.45);
    box-shadow:0 18px 45px rgba(0,0,0,.35),
               0 0 35px rgba(79,140,255,.18);
}

.kg-faq-active::before{
    height:100%;
}

.kg-faq-active .kg-faq-question{
    color:#4f8cff;
}

.kg-faq-active .kg-faq-icon{
    background:#4f8cff;
    color:#fff;
    transform:rotate(45deg);
    box-shadow:0 0 20px rgba(79,140,255,.45);
}

.kg-faq-active .kg-faq-answer{
    max-height: none;
}

/* Hafif parlama efekti */

.kg-faq-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(79,140,255,.08),
        transparent 35%,
        transparent 70%,
        rgba(79,140,255,.05)
    );
    opacity:0;
    pointer-events:none;
    transition:.35s;
}

.kg-faq-card:hover::after,
.kg-faq-active::after{
    opacity:1;
}

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

@media (max-width:991px){

    .kg-faq-section{
        padding:90px 0;
    }

    .kg-faq-header{
        margin-bottom:50px;
    }

    .kg-faq-header h2{
        font-size:38px;
    }

    .kg-faq-header p{
        font-size:15px;
        line-height:1.8;
    }

    .kg-faq-question{
        font-size:17px;
        padding:22px 24px;
        gap:18px;
    }

    .kg-faq-answer p{
        font-size:15px;
        padding:20px 24px 24px;
    }

}

@media (max-width:768px){

    .kg-faq-section{
        padding:75px 0;
    }

    .kg-faq-header h2{
        font-size:32px;
    }

    .kg-faq-header p{
        font-size:14px;
    }

    .kg-faq-question{
        font-size:16px;
        line-height:1.6;
        padding:20px;
    }

    .kg-faq-icon{
        width:38px;
        height:38px;
        min-width:38px;
        font-size:22px;
    }

    .kg-faq-answer p{
        font-size:14px;
        line-height:1.8;
        padding:18px 20px 22px;
    }

    .kg-faq-active .kg-faq-answer{
        max-height: none;
    }

}

@media (max-width:480px){

    .kg-faq-header h2{
        font-size:28px;
    }

    .kg-faq-header p{
        font-size:13px;
    }

    .kg-faq-question{
        font-size:15px;
        padding:18px;
        gap:14px;
    }

    .kg-faq-icon{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:20px;
    }

    .kg-faq-answer p{
        font-size:13px;
        line-height:1.7;
        padding:16px 18px 20px;
    }

    .kg-faq-active .kg-faq-answer{
        max-height: none;
    }

}
/*========================================
  SINAV HESAPLAMA
========================================*/

.calc-section{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:
    radial-gradient(circle at top right,rgba(79,140,255,.15),transparent 35%),
    radial-gradient(circle at bottom left,rgba(79,140,255,.08),transparent 40%),
    #0b1120;
}

.calc-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
    background-size:60px 60px;
    pointer-events:none;
}

.calc-section .container{
    position:relative;
    z-index:2;
}


/*========================================
HEADER
========================================*/

.calc-header{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
}

.calc-header h2{
    color:#fff;
    font-size:46px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:18px;
}

.calc-header h2 span{
    color:#4f8cff;
}

.calc-title-line{
    width:90px;
    height:4px;
    margin:0 auto 24px;
    border-radius:50px;
    background:#4f8cff;
    box-shadow:0 0 18px rgba(79,140,255,.45);
}

.calc-header p{
    color:#b8c5da;
    font-size:17px;
    line-height:1.8;
}


/*========================================
ANA KART
========================================*/

.calc-card{
    max-width:950px;
    margin:0 auto;
    padding:40px;
    border-radius:24px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    transition:.35s;
    box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.calc-card:hover{
    transform:translateY(-6px);
    border-color:rgba(79,140,255,.30);
    box-shadow:
    0 25px 70px rgba(0,0,0,.45),
    0 0 30px rgba(79,140,255,.12);
}


/*========================================
BAŞLIK
========================================*/

.calc-card-title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:35px;
}

.calc-card-title i{
    width:58px;
    height:58px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(79,140,255,.12);
    color:#4f8cff;
    font-size:22px;
}

.calc-card-title h3{
    color:#fff;
    font-size:28px;
    font-weight:600;
}


/*========================================
LABEL
========================================*/

.calc-label{
    display:block;
    margin-bottom:18px;
    color:#fff;
    font-size:16px;
    font-weight:600;
}


/*========================================
EĞİTİM TÜRÜ
========================================*/

.calc-training{
    margin-bottom:38px;
}

.calc-training-grid{
    display:grid;
    grid-template-columns:repeat(1fr);
    gap:18px;
}

.calc-training-item input{
    display:none;
}

.calc-training-box{
    height:95px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    cursor:pointer;
    transition:.35s;
}

.calc-training-box i{
    color:#4f8cff;
    font-size:24px;
}

.calc-training-box span{
    color:#fff;
    font-size:17px;
    font-weight:600;
}

.calc-training-box:hover{
    transform:translateY(-4px);
    border-color:#4f8cff;
    box-shadow:0 15px 30px rgba(79,140,255,.14);
}

.calc-training-item input:checked + .calc-training-box{
    background:rgba(79,140,255,.10);
    border-color:#4f8cff;
    box-shadow:0 0 25px rgba(79,140,255,.18);
}


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

@media(max-width:992px){

    .calc-card{
        padding:32px;
    }

}

@media(max-width:768px){

    .calc-section{
        padding:70px 0;
    }

    .calc-header{
        margin-bottom:45px;
    }

    .calc-header h2{
        font-size:32px;
    }

    .calc-header p{
        font-size:15px;
    }

    .calc-card{
        padding:24px;
        border-radius:20px;
    }

    .calc-card-title{
        flex-direction:column;
        text-align:center;
    }

    .calc-card-title h3{
        font-size:24px;
    }

    .calc-training-grid{
        grid-template-columns:1fr;
    }

}

/*========================================
FORM
========================================*/

.calc-form{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-bottom:35px;
}

.calc-input{
    display:flex;
    flex-direction:column;
}

.calc-input label{
    color:#fff;
    font-size:15px;
    font-weight:500;
    margin-bottom:10px;
}

.calc-input input{
    width:100%;
    height:58px;
    padding:0 18px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:16px;
    outline:none;
    transition:.3s;
}

.calc-input input::placeholder{
    color:#8190a8;
}

.calc-input input:hover{
    border-color:rgba(79,140,255,.45);
}

.calc-input input:focus{
    border-color:#4f8cff;
    background:rgba(79,140,255,.08);
    box-shadow:0 0 0 4px rgba(79,140,255,.12);
}


/*========================================
BUTON
========================================*/

.calc-button{
    width:100%;
    height:60px;
    border:none;
    border-radius:16px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:17px;
    font-weight:600;
    background:linear-gradient(135deg,#4f8cff,#2563eb);
    transition:.35s;
    box-shadow:0 18px 35px rgba(37,99,235,.35);
}

.calc-button:hover{
    transform:translateY(-4px);
    box-shadow:
    0 22px 45px rgba(37,99,235,.45),
    0 0 28px rgba(79,140,255,.22);
}


/*========================================
SONUÇ
========================================*/

.calc-result{
    display:none;
    max-width:950px;
    margin:35px auto 0;
    padding:40px;
    border-radius:24px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    animation:calcFade .45s ease;
}

.calc-result.show{
    display:block;
}

@keyframes calcFade{

    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

.calc-result-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:30px;
}

.calc-result-header i{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(79,140,255,.12);
    color:#4f8cff;
    font-size:22px;
}

.calc-result-header h3{
    color:#fff;
    font-size:28px;
}


/*========================================
SKORLAR
========================================*/

.calc-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.calc-result-grid.silahsız-mode{

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;

}


.calc-result-grid.silahsız-mode .calc-result-card{

    width:260px;

}


.calc-result-grid.without-weapon .calc-result-card{

    max-width:300px;

}

.calc-result-card{
    padding:26px 18px;
    text-align:center;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
}

/* Hesaplama Notu */
.calc-note{

    margin-top:16px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:12px 16px;

    background:rgba(79,140,255,.08);

    border:1px solid rgba(79,140,255,.20);

    border-radius:12px;

    color:#cfd8e3;

    font-size:14px;

    line-height:1.5;

    text-align:center;

}


.calc-note i{

    color:#4f8cff;

    font-size:15px;

    flex-shrink:0;

}


@media (max-width:768px){

    .calc-note{

        font-size:13px;

        padding:10px 14px;

    }

}

/*========================================
ORTALAMA KARTI
========================================*/

.calc-average-card{
    background:linear-gradient(135deg,#2563eb,#4f8cff);
    border-color:#4f8cff;
    box-shadow:0 15px 35px rgba(37,99,235,.30);
    grid-column:span 1;
}

.calc-average-card span,
.calc-average-card strong{
    color:#fff;
}

.calc-average-card strong{
    font-size:46px;
}

.calc-result-card:hover{
    transform:translateY(-5px);
    border-color:#4f8cff;
    box-shadow:0 15px 30px rgba(79,140,255,.12);
}

.calc-result-card span{
    display:block;
    color:#9eb0cb;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.8px;
    line-height:1.6;
}

.calc-result-card strong{
    display:block;
    margin-top:14px;
    color:#fff;
    font-size:38px;
    font-weight:700;
}

/*========================================
MESAJ
========================================*/

.calc-result-message{
    margin-top:18px;
    padding:24px;
    border-radius:18px;
    text-align:center;
    color:#d7e4ff;
    font-size:16px;
    line-height:1.9;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

/*========================================
SONUÇ KARTI
========================================*/

.calc-status-card{

    grid-column:span 2;

}

.calc-status-card strong{

    font-size:28px;

    line-height:1.4;

    display:block;

    margin-top:18px;

}


.calc-status-card.success{

    background:rgba(34,197,94,0.12);
    border:1px solid rgba(34,197,94,0.45);

}

.calc-status-card.success strong{

    color:#22c55e;

}

.calc-status-card.warning{

    border-color:#facc15;

    background:rgba(250,204,21,.12);

}

.calc-status-card.warning strong{

    color:#facc15;

}


.calc-status-card.fail{

    background:rgba(239,68,68,0.12);
    border:1px solid rgba(239,68,68,0.45);

}

.calc-status-card.fail strong{

    color:#ef4444;

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

@media(max-width:992px){

    .calc-form{
        grid-template-columns:1fr 1fr;
    }

    .calc-result-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .calc-form{
        grid-template-columns:1fr;
    }

    .calc-button{
        height:56px;
        font-size:16px;
    }

    .calc-result{
        padding:24px;
    }

    .calc-result-header{
        flex-direction:column;
        text-align:center;
    }

    .calc-result-header h3{
        font-size:24px;
    }

    .calc-result-grid{
        grid-template-columns:1fr 1fr;
        gap:14px;
    }

    .calc-result-card strong{
        font-size:30px;
    }

}

@media(max-width:480px){

    .calc-result-grid{
        grid-template-columns:1fr;
    }

}

/*========================================
BİLGİ KARTLARI
========================================*/

.calc-info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:45px;
}

.calc-info-card{
    position:relative;
    padding:30px;
    border-radius:22px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    overflow:hidden;
    transition:.35s;
}

.calc-info-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#4f8cff,#73a5ff);
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
}

.calc-info-card:hover{
    transform:translateY(-8px);
    border-color:rgba(79,140,255,.35);
    box-shadow:
    0 18px 40px rgba(0,0,0,.35),
    0 0 30px rgba(79,140,255,.12);
}

.calc-info-card:hover::before{
    transform:scaleX(1);
}

.calc-info-card i{
    width:60px;
    height:60px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    background:rgba(79,140,255,.12);
    color:#4f8cff;
    font-size:24px;
}

.calc-info-card h4{
    color:#fff;
    font-size:22px;
    margin-bottom:14px;
    font-weight:600;
}

.calc-info-card p{
    color:#b8c5da;
    font-size:15px;
    line-height:1.9;
}

.calc-info-card strong{
    color:#4f8cff;
    font-weight:700;
}


/*========================================
UYARI
========================================*/

.calc-warning{
    margin-top:40px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:24px 28px;
    border-radius:20px;
    background:rgba(79,140,255,.08);
    border:1px solid rgba(79,140,255,.16);
}

.calc-warning i{
    color:#4f8cff;
    font-size:24px;
    margin-top:2px;
    flex-shrink:0;
}

.calc-warning p{
    color:#d6e5ff;
    font-size:15px;
    line-height:1.9;
    margin:0;
}


/*========================================
PREMIUM BORDER
========================================*/

.calc-card,
.calc-result,
.calc-info-card{
    position:relative;
}

.calc-card::after,
.calc-result::after,
.calc-info-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.10),
        rgba(79,140,255,.10),
        transparent
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;
}


/*========================================
SCROLL BAR
========================================*/

.calc-input input::-webkit-inner-spin-button,
.calc-input input::-webkit-outer-spin-button{
    opacity:1;
}


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

@media(max-width:992px){

    .calc-info-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .calc-info-card{
        text-align:center;
        padding:22px 16px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }

    .calc-info-card h4{
        font-size:18px;
        margin-bottom: 10px;
        text-align: center;
    }

    .calc-info-card i{
        width:55px;
        height:55px;
        font-size:32px; 
        margin-bottom:14px;
    }

    .calc-info-card p{
        font-size:13px;
        line-height:1.6;
        text-align:center;
        margin:0;
    }

    .calc-info-card strong{
        font-weight:700;
    }

    .calc-warning{
        flex-direction:column;
        gap:14px;
        padding:22px;
        font-size:13px;
        text-align: center;
        align-items:center;
    }
    .calc-warning i {
        width:55px;
        font-size:32px; 
    }
}

@media(max-width:480px){

    .calc-header h2{
        font-size:28px;
    }

    .calc-title-line{
        width:75px;
    }

    .calc-card,
    .calc-result{
        padding:20px;
        border-radius:18px;
    }

    .calc-info-card,
    .calc-warning{
        border-radius:18px;
    }

}

/* ===== KAYIT BELGELERİ HERO ===== */
.kg-docs-hero{
    padding:120px 0 60px;
    background:
        radial-gradient(circle at top left, rgba(79,140,255,.12), transparent 40%),
        radial-gradient(circle at bottom right, rgba(0,180,255,.08), transparent 40%),
        #0b1120;
}

.kg-docs-hero-box{
    position:relative;
    max-width:850px;
    margin:0 auto;
    padding:0;
    border-radius:0;
    background:transparent;
    border:none;
    backdrop-filter:none;
    box-shadow:none;
    text-align:center;
}


.kg-docs-label{
    display:inline-block;
    margin-bottom:18px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(79,140,255,.12);
    border:1px solid rgba(79,140,255,.25);
    color:#76a8ff;
    font-size:12px; 
    font-weight:700;
    letter-spacing:1.5px;
}

.kg-docs-hero-box h1, .kg-docs-hero-box .page-titles{
    font-size:54px;
    line-height:1.1;
    color:#fff;
    margin-bottom:18px;
}

.kg-docs-hero-box h1 span, .kg-docs-hero-box .page-titles span{
    color:#4f8cff;
    text-shadow:0 0 20px rgba(79,140,255,.35);
}

.kg-docs-line{
    width:80px;
    height:4px;
    border-radius:20px;
    background:#4f8cff;
    box-shadow:0 0 18px rgba(79,140,255,.45);
    margin:25px auto;
}

.kg-docs-hero-box p{
    color:#b8c4d9;
    font-size:17px;
    line-height:1.8;
}


/* ===== BİLGİLENDİRME KUTUSU ===== */
.kg-docs-info{
    padding:0 0 70px;
    background:#0b1120;
}

.kg-docs-info-box{
    display:flex;
    align-items:flex-start;
    gap:24px;
    padding:32px;
    border-radius:26px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(79,140,255,.18);
    backdrop-filter:blur(18px);
    transition:.35s ease; 
}

.kg-docs-info-box:hover{
    transform:translateY(-5px);
    border-color:rgba(79,140,255,.4);
    box-shadow:0 18px 50px rgba(79,140,255,.16);
}

.kg-docs-info-icon{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    color:#fff;
    background:linear-gradient(135deg,#4f8cff,#00b4ff);
    box-shadow:0 10px 25px rgba(79,140,255,.35);
}

.kg-docs-info-label{
    display:inline-block;
    margin-bottom:10px;
    color:#76a8ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.3px;
}

.kg-docs-info-content h2{
    color:#fff;
    font-size:28px;
    margin-bottom:12px;
}

.kg-docs-info-content p{
    color:#b8c4d9;
    line-height:1.8;
    font-size:16px;
}


/* ===== MOBİL ===== */
@media(max-width:768px){

    .kg-docs-hero{
        padding:95px 0 40px;
    }

    .kg-docs-hero-box{
        padding:30px 24px;
        border-radius:24px;
    }

    .kg-docs-hero-box h1, .kg-docs-hero-box .page-titles{
        font-size:36px;
    }

    .kg-docs-hero-box p{
        font-size:15px;
    }

    .kg-docs-info-box{

        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;

        padding:24px;
        gap:18px;

    }

    .kg-docs-info-icon{

        width:56px;
        height:56px;
        min-width:56px;

        font-size:22px;

        margin:0 auto;

    }

    .kg-docs-info-content{

        width:100%;
        text-align:center;

    }

    .kg-docs-info-content h2{

        font-size:22px;
        line-height:1.4;
        justify-content:center;

    }

    .kg-docs-info-content p{

        font-size:15px;

    }

}

.docs-section{

    position:relative;
    padding:90px 0;

}

.docs-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:32px;

}

.docs-card{

    position:relative;

    padding:34px;

    border-radius:26px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.15);

    backdrop-filter:blur(18px);

    overflow:hidden;

    transition:.4s;

}

.docs-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:#4f8cff;

    opacity:.5;

    transition:.4s;

}

.docs-card:hover{

    transform:translateY(-8px);

    border-color:#4f8cff;

    box-shadow:

    0 25px 55px rgba(79,140,255,.18);

}

.docs-card:hover::before{

    opacity:1;

    box-shadow:0 0 20px #4f8cff;

}

/* ===========================
   KART BAŞLIK ALANI
=========================== */

/* ===========================
   KART BAŞLIK
=========================== */

.docs-icon{

    width:70px;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 22px;

    border-radius:22px;

    font-size:28px;

    color:#4f8cff;

    background:rgba(79,140,255,.12);

    border:1px solid rgba(79,140,255,.25);

    transition:.35s;

}

.docs-card:hover .docs-icon{

    transform:translateY(-4px);

    border-color:#4f8cff;

    box-shadow:0 0 25px rgba(79,140,255,.35);

}

.docs-card h3{

    margin:0;

    text-align:center;

    font-size:29px;

    font-weight:700;

    color:#fff;

    line-height:1.35;

}

.docs-card h3 span{

    color:#6ea8ff;

}

.docs-title-line{

    width:70px;

    height:4px;

    border-radius:30px;

    background:#4f8cff;

    margin:22px auto 26px;

    transition:.35s;

}

.docs-card:hover .docs-title-line{

    width:120px;

}

.docs-card p{

    text-align:center;

    color:#9ca8c3;

    line-height:1.8;

    margin-bottom:28px;

}

/* ===========================
   EVRAK LİSTESİ
=========================== */

.docs-card ul{

    display:flex;
    flex-direction:column;
    gap:12px;

    margin:0;
    padding:0;

    list-style:none;

}

.docs-card ul li{

    display:flex;
    align-items:center;
    gap:14px;

    padding:14px 18px;

    border-radius:14px;

    background:rgba(255,255,255,.035);

    border:1px solid rgba(79,140,255,.10);

    color:#dfe7ff;

    font-size:15px;

    transition:.35s;

}

.docs-card ul li::before{

    content:"";

    width:28px;
    height:28px;

    min-width:28px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(79,140,255,.18);

    border:1px solid rgba(79,140,255,.30);

    box-shadow:0 0 12px rgba(79,140,255,.20);

    content:"✓";

    color:#4f8cff;

    font-weight:700;

    font-size:14px;

}

.docs-card ul li:hover{

    transform:translateX(8px);

    border-color:#4f8cff;

    background:rgba(79,140,255,.10);

    box-shadow:0 10px 25px rgba(79,140,255,.15);

}

@media(max-width:992px){

    .docs-grid{
    
    grid-template-columns:1fr;
    
    }
    
    .docs-card{
    
    padding:28px;
    
    }
    
    .docs-card h3{
    
    font-size:24px;
    
    }
    
    }
    
    @media(max-width:576px){
    
    .docs-card{
    
    padding:24px;
    
    border-radius:20px;
    
    }
    
    .docs-card-top{
    
    flex-direction:column;
    
    align-items:flex-start;
    
    gap:16px;
    
    }
    
    .docs-card h3{
    
    font-size:21px;
    
    }
    
    .docs-card ul li{
    
    font-size:14px;
    
    line-height:1.6;
    
    }
    
    .docs-icon{
    
    width:52px;
    height:52px;
    
    }
    
    }

/* =========================================================
   KIZILELMA PREMIUM CONTACT PAGE
========================================================= */

.kg-contact-page{
    position:relative;
    padding:110px 20px 120px;
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(79,140,255,.08),
            transparent 35%
        ),
        radial-gradient(
            circle at 90% 30%,
            rgba(124,77,255,.07),
            transparent 35%
        );
    overflow:hidden;
}

.kg-contact-container{
    width:min(1180px,100%);
    margin:auto;
}


/* =========================================================
   HEADING
========================================================= */

.kg-contact-heading{
    max-width:720px;
    margin:0 auto 65px;
    text-align:center;
}

.kg-contact-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border:1px solid rgba(79,140,255,.18);
    border-radius:100px;
    background:rgba(79,140,255,.06);
    color:#79aaff;
    font-size:12px;
    font-weight:600;
    letter-spacing:.4px;
}

.kg-contact-heading h2{
    margin:20px 0 15px;
    color:#fff;
    font-size:clamp(34px,4vw,52px);
    line-height:1.12;
    letter-spacing:-1.8px;
}

.kg-contact-heading h2 span,
.kg-map-heading h3 span{
    background:linear-gradient(
        90deg,
        #4f8cff,
        #7c4dff
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.kg-contact-heading p{
    max-width:620px;
    margin:auto;
    color:#91a0b7;
    font-size:15px;
    line-height:1.8;
}


/* =========================================================
   MAIN GRID
========================================================= */

.kg-contact-main{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);
    gap:28px;
    align-items:start;
}


/* =========================================================
   FORM CARD
========================================================= */

.kg-contact-form-card{
    position:relative;
    padding:38px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    box-shadow:
        0 30px 80px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.kg-contact-form-card::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    top:-130px;
    right:-100px;
    border-radius:50%;
    background:rgba(79,140,255,.10);
    filter:blur(50px);
    pointer-events:none;
}

.kg-form-header{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
}

.kg-form-icon{
    width:52px;
    height:52px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#fff;
    font-size:20px;
    background:
        linear-gradient(
            135deg,
            #4f8cff,
            #7c4dff
        );
    box-shadow:
        0 12px 30px rgba(79,140,255,.25);
}

.kg-form-header span{
    display:block;
    margin-bottom:3px;
    color:#71809a;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1.2px;
}

.kg-form-header h3{
    margin:0;
    color:#fff;
    font-size:24px;
    font-weight:700;
}

.kg-form-description{
    margin:20px 0 30px;
    color:#8f9db3;
    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   FORM
========================================================= */

.kg-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.kg-form-group{
    margin-bottom:18px;
}

.kg-form-group label{
    display:block;
    margin:0 0 8px 3px;
    color:#c5cfdf;
    font-size:12px;
    font-weight:600;
}

.kg-input-wrap{
    position:relative;
}

.kg-input-wrap > i{
    position:absolute;
    left:17px;
    top:50%;
    transform:translateY(-50%);
    color:#65748d;
    font-size:14px;
    pointer-events:none;
    transition:.3s;
}

.kg-input-wrap input,
.kg-input-wrap select,
.kg-input-wrap textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    outline:none;
    color:#fff;
    background:rgba(5,13,25,.55);
    box-sizing:border-box;
    font-family:inherit;
    font-size:13px;
    transition:
        border-color .3s,
        box-shadow .3s,
        background .3s;
}

.kg-input-wrap input,
.kg-input-wrap select{
    height:52px;
    padding:0 16px 0 46px;
}

.kg-input-wrap textarea{
    min-height:125px;
    resize:vertical;
    padding:16px 16px 16px 46px;
}

.kg-input-wrap input::placeholder,
.kg-input-wrap textarea::placeholder{
    color:#56647a;
}

.kg-input-wrap select{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}

.kg-select-wrap::after{
    content:"\f078";
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    color:#687891;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:10px;
    pointer-events:none;
}

.kg-input-wrap select option{
    color:#fff;
    background:#0b1423;
}

.kg-input-wrap input:focus,
.kg-input-wrap select:focus,
.kg-input-wrap textarea:focus{
    border-color:rgba(79,140,255,.65);
    background:rgba(8,18,34,.8);
    box-shadow:
        0 0 0 3px rgba(79,140,255,.08),
        0 10px 30px rgba(0,0,0,.12);
}

.kg-input-wrap:focus-within > i{
    color:#5e9aff;
}


/* =========================================================
   SUBMIT
========================================================= */

.kg-contact-btn{
    position:relative;
    width:100%;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:6px;
    border:0;
    border-radius:15px;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            #4f8cff,
            #6b5cff,
            #7c4dff
        );
    box-shadow:
        0 15px 35px rgba(79,140,255,.20);
    cursor:pointer;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    overflow:hidden;
    transition:.3s;
}

.kg-contact-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        100deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
    transform:translateX(-100%);
    transition:.6s;
}

.kg-contact-btn:hover::before{
    transform:translateX(100%);
}

.kg-contact-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 20px 45px rgba(79,140,255,.30);
}

.kg-contact-btn i{
    transition:.3s;
}

.kg-contact-btn:hover i{
    transform:translateX(4px);
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.kg-contact-side{
    display:flex;
    flex-direction:column;
    gap:14px;
}


/* =========================================================
   OPEN / CLOSED
========================================================= */

.kg-open-card{
    position:relative;
    padding:24px;
    border:1px solid rgba(34,197,94,.15);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            rgba(34,197,94,.07),
            rgba(255,255,255,.025)
        );
    overflow:hidden;
}

.kg-open-card::after{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    right:-80px;
    top:-80px;
    border-radius:50%;
    background:rgba(34,197,94,.08);
    filter:blur(20px);
}

.kg-open-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:14px;
}

.kg-live-indicator{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(34,197,94,.10);
}

.kg-live-dot{
    width:10px;
    height:10px;
    display:block;
    border-radius:50%;
    background:#22c55e;
    box-shadow:
        0 0 0 0 rgba(34,197,94,.6),
        0 0 16px rgba(34,197,94,.7);
    animation:kg-live-pulse 1.8s infinite;
}

@keyframes kg-live-pulse{

    0%{
        transform:scale(1);
        box-shadow:
            0 0 0 0 rgba(34,197,94,.55),
            0 0 12px rgba(34,197,94,.7);
    }

    35%{
        transform:scale(1.28);
        box-shadow:
            0 0 0 7px rgba(34,197,94,.08),
            0 0 20px rgba(34,197,94,.9);
    }

    60%{
        transform:scale(1);
        box-shadow:
            0 0 0 0 rgba(34,197,94,0),
            0 0 12px rgba(34,197,94,.7);
    }

    100%{
        transform:scale(1);
    }

}

.kg-open-label{
    display:block;
    margin-bottom:3px;
    color:#71809a;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.kg-open-top strong{
    color:#4ade80;
    font-size:17px;
}

.kg-open-divider{
    height:1px;
    margin:20px 0;
    background:rgba(255,255,255,.07);
}

.kg-open-hours{
    display:grid;
    gap:10px;
}

.kg-open-hours div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.kg-open-hours span{
    color:#8998af;
    font-size:12px;
}

.kg-open-hours strong{
    color:#dbe5f3;
    font-size:12px;
}


/* KAPALI */

.kg-open-card.kg-is-closed{
    border-color:rgba(239,68,68,.15);
    background:
        linear-gradient(
            145deg,
            rgba(239,68,68,.07),
            rgba(255,255,255,.025)
        );
}

.kg-open-card.kg-is-closed .kg-live-indicator{
    background:rgba(239,68,68,.10);
}

.kg-open-card.kg-is-closed .kg-live-dot{
    background:#ef4444;
    box-shadow:
        0 0 0 0 rgba(239,68,68,.5),
        0 0 14px rgba(239,68,68,.7);
}

.kg-open-card.kg-is-closed .kg-open-top strong{
    color:#f87171;
}


/* =========================================================
   MINI CONTACT CARDS
========================================================= */

.kg-contact-mini-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    background:rgba(255,255,255,.025);
    text-decoration:none;
    transition:.3s;
}

.kg-contact-mini-card:hover{
    transform:translateX(4px);
    border-color:rgba(79,140,255,.3);
    background:rgba(79,140,255,.045);
}

.kg-mini-icon{
    width:43px;
    height:43px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#fff;
    font-size:17px;
}

.kg-phone-icon{
    background:rgba(79,140,255,.12);
    color:#6da2ff;
}

.kg-whatsapp-icon{
    background:rgba(37,211,102,.10);
    color:#35dc78;
}

.kg-mail-icon{
    background:rgba(124,77,255,.12);
    color:#9b7aff;
}

.kg-mini-content{
    flex:1;
    min-width:0;
}

.kg-mini-content span{
    display:block;
    margin-bottom:3px;
    color:#71809a;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.kg-mini-content strong{
    display:block;
    overflow:hidden;
    color:#dbe4f1;
    font-size:13px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.kg-mini-arrow{
    color:#53627a;
    font-size:11px;
    transition:.3s;
}

.kg-contact-mini-card:hover .kg-mini-arrow{
    color:#6da2ff;
    transform:translate(2px,-2px);
}


/* =========================================================
   ADDRESS
========================================================= */

.kg-address-card{
    position:relative;
    padding:25px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.018)
        );
    overflow:hidden;
}

.kg-address-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-70px;
    bottom:-80px;
    border-radius:50%;
    background:rgba(79,140,255,.08);
    filter:blur(20px);
}

.kg-address-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:13px;
}

.kg-address-icon{
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#6da2ff;
    background:rgba(79,140,255,.10);
}

.kg-address-top span{
    display:block;
    color:#71809a;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.kg-address-top h3{
    margin:3px 0 0;
    color:#fff;
    font-size:17px;
}

.kg-address-card p{
    position:relative;
    z-index:1;
    margin:17px 0;
    color:#8998af;
    font-size:12px;
    line-height:1.8;
}

.kg-map-button{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid rgba(79,140,255,.15);
    border-radius:12px;
    color:#78a9ff;
    background:rgba(79,140,255,.05);
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    transition:.3s;
}

.kg-map-button:hover{
    border-color:rgba(79,140,255,.35);
    background:rgba(79,140,255,.09);
}

.kg-map-button span{
    display:flex;
    align-items:center;
    gap:8px;
}


/* =========================================================
   MAP
========================================================= */

.kg-map-section{
    margin-top:70px;
}

.kg-map-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:25px;
    margin-bottom:25px;
}

.kg-map-heading h3{
    margin:15px 0 0;
    color:#fff;
    font-size:30px;
    letter-spacing:-.7px;
}

.kg-route-button{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:12px 18px;
    border:1px solid rgba(79,140,255,.18);
    border-radius:13px;
    color:#fff;
    background:rgba(79,140,255,.06);
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    transition:.3s;
}

.kg-route-button:hover{
    transform:translateY(-2px);
    border-color:rgba(79,140,255,.4);
    background:rgba(79,140,255,.12);
}

.kg-route-button i{
    color:#6da2ff;
}

.kg-map-frame{
    position:relative;
    height:420px;
    padding:6px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:25px;
    background:rgba(255,255,255,.025);
    box-shadow:
        0 25px 70px rgba(0,0,0,.25);
    overflow:hidden;
}

.kg-map-frame iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
    border-radius:20px;
}


/* =========================================================
   SOCIAL
========================================================= */

.kg-contact-social{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-top:55px;
}

.kg-contact-social > span{
    color:#71809a;
    font-size:12px;
}

.kg-contact-social > div{
    display:flex;
    gap:8px;
}

.kg-contact-social a{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    color:#9ba9bd;
    background:rgba(255,255,255,.025);
    text-decoration:none;
    transition:.3s;
}

.kg-contact-social a:hover{
    color:#fff;
    border-color:rgba(79,140,255,.35);
    background:rgba(79,140,255,.10);
    transform:translateY(-3px);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:950px){

    .kg-contact-main{
        grid-template-columns:1fr;
    }

    .kg-contact-side{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .kg-open-card,
    .kg-address-card{
        grid-column:1 / -1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    .kg-contact-page{
        padding:75px 15px 85px;
    }

    .kg-contact-heading{
        margin-bottom:40px;
    }

    .kg-contact-heading h2{
        font-size:34px;
        letter-spacing:-1.2px;
    }

    .kg-contact-heading p{
        font-size:13px;
    }

    .kg-contact-form-card{
        padding:24px 18px;
        border-radius:22px;
    }

    .kg-form-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .kg-form-header h3{
        font-size:20px;
    }

    .kg-contact-side{
        display:flex;
    }

    .kg-open-card{
        padding:20px;
    }

    .kg-open-hours div{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
    }

    .kg-map-section{
        margin-top:55px;
    }

    .kg-map-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .kg-map-heading h3{
        font-size:25px;
    }

    .kg-map-frame{
        height:330px;
        border-radius:20px;
    }

    .kg-map-frame iframe{
        border-radius:15px;
    }

    .kg-contact-social{
        flex-direction:column;
        margin-top:40px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:400px){

    .kg-contact-heading h2{
        font-size:30px;
    }

    .kg-contact-form-card{
        padding:20px 15px;
    }

    .kg-form-icon{
        width:46px;
        height:46px;
    }

    .kg-form-header h3{
        font-size:18px;
    }

}

/* =========================================
   TELEFON KARTI
========================================= */

.kg-contact-phone {
    position: relative;
  }
  
  .kg-contact-info-content {
    width: 100%;
  }
  
  .kg-contact-info-content h3 {
    margin-bottom: 16px;
  }
  
  .kg-phone-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin-top: 8px;
  
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
  
    background: rgba(255, 255, 255, 0.025);
  
    text-decoration: none;
  
    transition:
      background .25s ease,
      border-color .25s ease,
      transform .25s ease;
  }
  
  .kg-phone-item:hover {
    background: rgba(79, 140, 255, 0.08);
    border-color: rgba(79, 140, 255, 0.28);
    transform: translateY(-2px);
  }
  
  .kg-phone-item-icon {
    width: 36px;
    height: 36px;
  
    flex-shrink: 0;
  
    display: flex;
    align-items: center;
    justify-content: center;
  
    border-radius: 10px;
  
    background: rgba(79, 140, 255, 0.10);
    color: #4f8cff;
  
    font-size: 16px;
  }
  
  .kg-phone-item:first-of-type .kg-phone-item-icon {
    color: #25d366;
    background: rgba(37, 211, 102, 0.10);
  }
  
  .kg-phone-item > span:last-child {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  
  .kg-phone-item strong {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }
  
  .kg-phone-item small {
    margin-top: 3px;
  
    color: rgba(255, 255, 255, 0.48);
  
    font-size: 11px;
    line-height: 1.3;
  }

/* =========================================
   FORM + SAĞ BİLGİ ALANI EŞİT YÜKSEKLİK
========================================= */

.kg-contact-container {
    align-items: stretch;
}

.kg-contact-form-card,
.kg-contact-side {
    height: 100%;
    box-sizing: border-box;
}
/*==================================================
BLOG LIST
==================================================*/

.blog-list-section{

    padding:100px 0;
    position:relative;
}

.blog-list-header{

    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.blog-list-label{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 20px;

    border:1px solid rgba(79,140,255,.25);
    background:rgba(79,140,255,.08);

    color:#4f8cff;

    border-radius:50px;

    font-size:.9rem;
    font-weight:600;

    margin-bottom:22px;
}

.blog-list-label i{

    font-size:.9rem;
}

.blog-list-header h2{

    font-size:2.7rem;
    color:#fff;
    line-height:1.2;
    margin-bottom:18px;
}

.blog-list-header h2 span{

    color:#4f8cff;
}

.blog-list-line{

    width:90px;
    height:4px;

    border-radius:30px;

    margin:0 auto 25px;

    background:linear-gradient(90deg,#4f8cff,#70a6ff);
}

.blog-list-header p{

    color:#b8c4d6;

    font-size:1.05rem;

    line-height:1.8;
}

/*======================================
SEARCH
======================================*/

.blog-search-area{

    display:flex;
    justify-content:center;

    margin-bottom:35px;
}

.blog-search-box{

    width:100%;
    max-width:520px;
    height:58px;

    display:flex;
    align-items:center;
    gap:15px;

    padding:0 22px;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.08);

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(16px);

    transition:.35s;
}

.blog-search-box:hover{

    border-color:rgba(79,140,255,.35);
}

.blog-search-box:focus-within{

    border-color:#4f8cff;

    box-shadow:0 0 30px rgba(79,140,255,.18);
}

.blog-search-box i{

    color:#4f8cff;
    font-size:1rem;
}

.blog-search-box input{

    flex:1;

    background:none;
    border:none;
    outline:none;

    color:#fff;

    font-size:1rem;
}

.blog-search-box input::placeholder{

    color:#8f9fb3;
}

/*======================================
FILTER
======================================*/

.blog-filter{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

    margin-bottom:45px;
}

.blog-filter button{

    border:none;
    cursor:pointer;

    padding:13px 24px;

    border-radius:50px;

    background:rgba(255,255,255,.04);

    color:#d8e3ef;

    font-size:.95rem;
    font-weight:500;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;
}

.blog-filter button:hover{

    transform:translateY(-3px);

    border-color:#4f8cff;

    color:#fff;
}

.blog-filter button.active{

    background:#4f8cff;

    color:#fff;

    border-color:#4f8cff;

    box-shadow:0 12px 30px rgba(79,140,255,.35);
}

.blog-filter-wrapper{

    position:relative;
}

.blog-filter-wrapper::before,
.blog-filter-wrapper::after{

    content:"";

    position:absolute;

    top:0;

    bottom:0;

    width:30px;

    pointer-events:none;

    z-index:2;
}

.blog-filter-wrapper::before{

    left:0;

    background:linear-gradient(to right,#0b1220,transparent);
}

.blog-filter-wrapper::after{

    right:0;

    background:linear-gradient(to left,#0b1220,transparent);
}

/*======================================
BLOG GRID
======================================*/

.blog-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:32px;
}

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

.blog-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    opacity:1;

    transform:translateY(0);

    transition:
    opacity .35s ease,
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

    display:flex;
    flex-direction:column;
}

.blog-card.hide{

    opacity:0;

    transform:translateY(20px) scale(.97);

    pointer-events:none;
}

.blog-card:hover{

    transform:translateY(-10px);

    border-color:rgba(79,140,255,.45);

    box-shadow:
    0 25px 60px rgba(0,0,0,.45),
    0 0 0 1px rgba(79,140,255,.25),
    0 0 35px rgba(79,140,255,.15);
}

/*======================================
IMAGE
======================================*/

.blog-card-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:16/9;

    height: 250px;
}

.blog-card-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.6s ease;
}

.blog-card:hover .blog-card-image img{

    transform:scale(1.08);
}

.blog-card-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(7,12,20,.92),
        rgba(7,12,20,.35),
        transparent
    );

    opacity:.75;

    transition:.35s;
}

.blog-card:hover .blog-card-image::after{

    opacity:1;
}

.blog-card-icon{

    position:absolute;

    top:18px;

    right:18px;

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,.15);

    color:#fff;

    transition:.35s;
}

.blog-card:hover .blog-card-icon{

    background:#4f8cff;

    transform:rotate(12deg);
}

.blog-card-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;
}

/*======================================
BADGE
======================================*/

.blog-card-badge{

    position:absolute;

    top:18px;
    left:18px;

    padding:8px 16px;

    border-radius:50px;

    background:rgba(79,140,255,.92);

    color:#fff;

    font-size:.82rem;
    font-weight:600;

    backdrop-filter:blur(10px);

    box-shadow:0 10px 25px rgba(79,140,255,.28);
}

/*======================================
CONTENT
======================================*/

.blog-card-content{

    padding:28px;

    display:flex;
    flex-direction:column;

    flex:1;
}

/*======================================
EMPTY
======================================*/

.blog-empty{

    display:none;

    grid-column:1/-1;

    max-width:600px;

    margin:30px auto;

    padding:60px 40px;

    text-align:center;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    backdrop-filter:blur(18px);

    box-shadow:0 20px 45px rgba(0,0,0,.25);
}

.blog-empty i{

    font-size:55px;

    color:#4f8cff;

    margin-bottom:20px;
}

.blog-empty h3{

    color:#fff;

    margin-bottom:12px;

    font-size:1.6rem;
}

.blog-empty.show{

    display:block;
}

/*======================================
META
======================================*/

.blog-card-meta{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:18px;

    color:#94a7bc;

    font-size:.87rem;
}

.blog-card-meta span{

    display:flex;

    align-items:center;

    gap:8px;
}

.blog-card-meta i{

    color:#4f8cff;
}

/*======================================
TITLE
======================================*/

.blog-card-content h3{

    color:#fff;

    font-size:1.45rem;

    line-height:1.4;

    margin-bottom:15px;

    transition:.35s;
}

.blog-card:hover h3{

    color:#4f8cff;
}

/*======================================
TEXT
======================================*/

.blog-card-content p{

    color:#b7c4d3;

    line-height:1.8;

    margin-bottom:28px;

    flex:1;
}

/*======================================
LINK
======================================*/

.blog-card-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    width:max-content;

    text-decoration:none;

    color:#4f8cff;

    font-weight:600;

    transition:.35s;
}

.blog-card-content a i{

    transition:.35s;
}

.blog-card:hover a{

    color:#7ba9ff;
}

.blog-card:hover a i{

    transform:translateX(6px);
}

/*======================================
TOP LIGHT
======================================*/

.blog-card::before{

    content:"";

    position:absolute;

    left:-50%;

    top:0;

    width:180px;

    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );

    transform:skewX(-25deg);

    transition:.8s;

    opacity:0;
}

.blog-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:#4f8cff;

    transition:.45s;
}

.blog-card:hover::after{

    width:100%;
}

.blog-card:hover::before{

    left:140%;

    opacity:1;
}

.blog-card-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:22px;

    padding-top:18px;

    border-top:1px solid rgba(255,255,255,.08);

    color:#9cb0c5;

    font-size:.9rem;
}

.blog-card-footer div{

    display:flex;

    align-items:center;

    gap:8px;
}

.blog-card-footer i{

    color:#4f8cff;
}

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

@media(max-width:1200px){

    .blog-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:992px){

    .blog-list-section{

        padding:80px 0;
    }

    .blog-list-header h2{

        font-size:2.2rem;
    }

    .blog-list-header p{

        font-size:1rem;
    }

    .blog-filter{

        gap:12px;
    }

    .blog-filter button{

        padding:12px 20px;
    }

}

@media(max-width:768px){

    .blog-grid{

        grid-template-columns:1fr;

        gap:24px;
    }

    .blog-list-header{

        margin-bottom:40px;
    }

    .blog-list-header h2{

        font-size:1.9rem;
    }

    .blog-list-header p{

        font-size:.95rem;

        line-height:1.7;
    }

    .blog-search-box{

        height:54px;
    }

    .blog-filter{

        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        overflow-y:hidden;

        gap:10px;

        padding:0 0 10px;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }

    .blog-filter::-webkit-scrollbar{

        display:none;
    }

    .blog-filter button{

        flex-shrink:0;

        white-space:nowrap;

        padding:10px 18px;

        font-size:.9rem;
    }

    .blog-card-content{

        padding:24px;
    }

    .blog-card-content h3{

        font-size:1.25rem;
    }

    .blog-card-content p{

        font-size:.95rem;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

}

@media(max-width:480px){

    .blog-list-section{

        padding:70px 0;
    }

    .blog-list-label{

        font-size:.82rem;

        padding:8px 18px;
    }

    .blog-list-header h2{

        font-size:1.65rem;
    }

    .blog-list-line{

        width:70px;
    }

    .blog-search-box{

        padding:0 18px;
    }

    .blog-card{

        border-radius:20px;
    }

    .blog-card-content{

        padding:20px;
    }

    .blog-card-meta{

        font-size:.8rem;

        gap:14px;
    }

    .blog-card-content h3{

        font-size:1.15rem;
    }

    .blog-card-content a{

        font-size:.92rem;
    }

}

/*======================================
BLOG POST
======================================*/

.blog-post-main{

    padding:90px 0 100px;
}

.blog-post{

    max-width:900px;

    margin:auto;

    padding: 0 18px;
}

.blog-post-hero{

    margin-bottom:50px;
}

/*======================================
BREADCRUMB
======================================*/

.blog-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

    margin-bottom:28px;

    font-size:.92rem;
}

.blog-breadcrumb a{

    color:#93a4b7;

    text-decoration:none;

    transition:.3s;
}

.blog-breadcrumb a:hover{

    color:#4f8cff;
}

.blog-breadcrumb span{

    color:#fff;
}

.blog-breadcrumb i{

    color:#5c6f85;

    font-size:.7rem;
}

/*======================================
CATEGORY
======================================*/

.blog-post-category{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 20px;

    margin-bottom:24px;

    border-radius:50px;

    background:rgba(79,140,255,.10);

    border:1px solid rgba(79,140,255,.25);

    color:#4f8cff;

    font-size:.9rem;

    font-weight:600;
}

/*======================================
TITLE
======================================*/

.blog-post-hero h1, .page-titles{

    font-size:3rem;

    line-height:1.2;

    color:#fff;

    margin-bottom:24px;
}

/*======================================
SUMMARY
======================================*/

.blog-post-summary{

    font-size:1.15rem;

    line-height:1.9;

    color:#b5c2d1;

    margin-bottom:30px;
}

/*======================================
META
======================================*/

.blog-post-meta{

    display:flex;

    gap:28px;

    flex-wrap:wrap;

    color:#93a4b7;
}

.blog-post-meta div{

    display:flex;

    align-items:center;

    gap:10px;
}

.blog-post-meta i{

    color:#4f8cff;
}

/*======================================
COVER
======================================*/

.blog-cover{

    margin:0 0 60px;

    overflow:hidden;

    border-radius:26px;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 25px 60px rgba(0,0,0,.35);
}

.blog-cover img{

    width:100%;

    display:block;

    transition:.6s;
}

.blog-cover:hover img{

    transform:scale(1.03);
}

.blog-post-line{

    width:90px;

    height:4px;

    border-radius:50px;

    margin:0 0 28px;


    background:linear-gradient(
        90deg,
        #4f8cff,
        #79a9ff
    );

    box-shadow:0 0 18px rgba(79,140,255,.35);
}

/*======================================
CONTENT
======================================*/

.blog-post-content{

    color:#c5d0dc;

    font-size:1.08rem;

    line-height:2;
}

.blog-post-content section{

    margin-bottom:65px;
}

.blog-post-content h2{

    position:relative;

    display:flex;

    align-items:center;

    gap:14px;

    font-size:2rem;

    font-weight:700;

    color:#fff;

    line-height:1.3;

    margin:70px 0 30px;

    padding-bottom:18px;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.blog-post-content h2::before{

    content:"";

    width:14px;

    height:14px;

    border-radius:50%;

    background:#4f8cff;

    box-shadow:
    0 0 18px rgba(79,140,255,.55),
    0 0 35px rgba(79,140,255,.25);

    flex-shrink:0;
}

.blog-post-content h2::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-1px;

    width:110px;

    height:3px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        #4f8cff,
        #7eb1ff
    );
}

.blog-post-content h3{

    font-size:1.45rem;

    color:#fff;

    margin:45px 0 20px;

    position:relative;

    padding-left:18px;
}

.blog-post-content h3::before{

    content:"";

    position:absolute;

    left:0;

    top:6px;

    width:4px;

    height:22px;

    border-radius:20px;

    background:#4f8cff;
}

.blog-post-content p{

    color:#c2cedb;

    font-size:1.08rem;

    line-height:2.05;

    margin-bottom:28px;
}

.blog-post-content section:first-of-type p:first-of-type{

    font-size:1.2rem;

    color:#e2ebf7;

    font-weight:500;
}

.blog-post-content section:first-of-type p:first-of-type::first-letter{

    float:left;

    font-size:4.8rem;

    line-height:.82;

    font-weight:700;

    margin-right:14px;

    margin-top:8px;

    color:#4f8cff;

    text-shadow:0 0 18px rgba(79,140,255,.25);
}

.blog-post-content ::selection{

    background:#4f8cff;

    color:#fff;
}

.blog-post-content ul,
.blog-post-content ol{

    margin:25px 0;

    padding-left:26px;
}

.blog-post-content li{

    margin-bottom:14px;

    color:#c8d3df;

    line-height:1.9;
}

.blog-post-content ul li::marker{

    color:#4f8cff;
}

.blog-post-content ol li::marker{

    color:#4f8cff;

    font-weight:700;
}

.blog-post-content a{

    color:#4f8cff;

    font-weight:600;

    text-decoration:none;

    transition:.3s;
}

.blog-post-content a:hover{

    color:#82b0ff;

    text-decoration:underline;
}

.blog-post-content img{

    width:100%;

    border-radius:22px;

    margin:35px 0;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 20px 45px rgba(0,0,0,.30);
}

/*======================================
BLOG POST RESPONSIVE
======================================*/

@media(max-width:992px){

    .blog-post{

        max-width:100%;
    }

    .blog-post-main{

        padding:70px 0 80px;
    }

    .blog-post-hero h1, .page-titles{

        font-size:2.4rem;
    }

}

@media(max-width:768px){

    .blog-post-main{

        padding:55px 0 70px;
    }

    .blog-post-hero{

        margin-bottom:35px;
    }

    .blog-breadcrumb{

        gap:8px;

        font-size:.82rem;
    }

    .blog-post-category{

        padding:8px 16px;

        font-size:.82rem;
    }

    .blog-post-hero h1, .page-titles{

        font-size:2rem;

        line-height:1.3;
    }

    .blog-post-line{

        width:70px;
    }

    .blog-post-summary{

        font-size:1rem;

        line-height:1.8;
    }

    .blog-post-meta{

        gap:14px;

        flex-direction:column;

        align-items:flex-start;
    }

    .blog-cover{

        border-radius:18px;

        margin-bottom:45px;
    }

}

@media(max-width:576px){

    .blog-post-main{

        padding:40px 0 60px;
    }

    .blog-post-hero h1, .page-titles{

        font-size:1.7rem;
    }

    .blog-post-summary{

        font-size:.96rem;
    }

    .blog-post-content{

        font-size:1rem;

        line-height:1.9;
    }

    .blog-post-content h2{

        font-size:1.45rem;

        gap:10px;

        margin:50px 0 22px;

        padding-bottom:14px;
    }

    .blog-post-content h2::before{

        width:10px;

        height:10px;
    }

    .blog-post-content h2::after{

        width:75px;
    }

    .blog-post-content h3{

        font-size:1.2rem;

        padding-left:14px;
    }

    .blog-post-content ul,
    .blog-post-content ol{

        padding-left:20px;
    }

    .blog-post-content img{

        border-radius:16px;

        margin:28px 0;
    }

    .blog-post-content section:first-of-type p:first-of-type::first-letter{

        font-size:3.4rem;

        margin-right:10px;

        margin-top:5px;
    }

}

/*==================================================
PRIVACY POLICY
==================================================*/

.privacy-page{

    padding:70px 0 90px;

}

.privacy-notice{

    display:flex;
    align-items:center;
    gap:25px;

    padding:32px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.18);

    border-radius:24px;

    backdrop-filter:blur(18px);

    margin-bottom:40px;

}

.privacy-notice-icon{

    width:82px;
    height:82px;
    min-width:82px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:22px;

    background:linear-gradient(135deg,#4f8cff,#296cff);

    color:#fff;

    font-size:34px;

    box-shadow:0 0 35px rgba(79,140,255,.35);

}

.privacy-notice h2{

    margin:0 0 12px;

    color:#fff;

    font-size:30px;

    font-weight:700;

}

.privacy-notice p{

    margin:0;

    color:#b9c7da;

    line-height:1.8;

}

.privacy-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    margin-bottom:50px;

}

.privacy-card{

    padding:30px;

    border-radius:22px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.15);

    backdrop-filter:blur(18px);

    transition:.35s;

}

.privacy-card:hover{

    transform:translateY(-6px);

    border-color:#4f8cff;

    box-shadow:0 18px 40px rgba(79,140,255,.15);

}

.privacy-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 20px;

    color:#fff;

    font-size:24px;

}

.privacy-card h3 i{

    color:#4f8cff;

}

.privacy-card p{

    color:#b9c7da;

    line-height:1.9;

}

.privacy-card ul{

    padding-left:22px;

    margin:0;

}

.privacy-card ul li{

    margin-bottom:14px;

    color:#d8e3f0;

    line-height:1.7;

}

.privacy-section-title{

    text-align:center;

    margin-bottom:35px;

}

.privacy-section-title h2{

    margin:0;

    color:#fff;

    font-size:34px;

}

.privacy-contact{

    margin-top:15px;

    padding:40px;

    border-radius:24px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.18);

    text-align:center;

}

.privacy-contact h2{

    margin:0 0 18px;

    color:#fff;

}

.privacy-contact p{

    color:#b9c7da;

    margin-bottom:35px;

    line-height:1.8;

}

.privacy-contact-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:30px;

}

.privacy-contact-grid div{

    padding:22px;

    border-radius:18px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(79,140,255,.12);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    transition:.3s;

}

.privacy-contact-grid div:hover{

    border-color:#4f8cff;

    transform:translateY(-4px);

}

.privacy-contact-grid i{

    color:#4f8cff;

}

.privacy-response{

    display:inline-block;

    padding:14px 22px;

    border-radius:14px;

    background:rgba(79,140,255,.12);

    color:#dce8ff;

}

.privacy-links{

    margin-top:55px;

}

.privacy-links h2{

    text-align:center;

    color:#fff;

    margin-bottom:28px;

}

.privacy-link-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.privacy-link-grid a{

    text-decoration:none;

    color:#fff;

    padding:22px;

    border-radius:18px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.15);

    text-align:center;

    transition:.3s;

}

.privacy-link-grid a:hover{

    border-color:#4f8cff;

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(79,140,255,.15);

}

.privacy-footer{

    margin-top:55px;

    text-align:center;

    color:#9eb2ca;

    line-height:1.8;

}

.privacy-footer i{

    color:#4f8cff;

    margin-right:8px;

}

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

@media(max-width:991px){

    .privacy-grid{

        grid-template-columns:1fr;

    }

    .privacy-contact-grid{

        grid-template-columns:1fr;

    }

    .privacy-link-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .privacy-page{

        padding:50px 0 70px;

    }

    .privacy-notice{

        flex-direction:column;

        text-align:center;

        padding:25px;

    }

    .privacy-notice-icon{

        width:72px;
        height:72px;
        min-width:72px;

        font-size:30px;

    }

    .privacy-notice h2{

        font-size:24px;

    }

    .privacy-section-title h2{

        font-size:28px;

    }

    .privacy-card{

        padding:24px;

    }

    .privacy-card h3{

        font-size:21px;

    }

    .privacy-contact{

        padding:30px 22px;

    }

}

@media(max-width:576px){

    .privacy-notice{

        border-radius:18px;

    }

    .privacy-card{

        border-radius:18px;

    }

    .privacy-contact{

        border-radius:18px;

    }

    .privacy-link-grid a{

        padding:18px;

    }

}

/*==================================================
KVKK PAGE
==================================================*/

.kvkk-page{

    padding:70px 0 90px;

}

.kvkk-notice{

    display:flex;
    align-items:center;
    gap:25px;

    padding:32px;

    margin-bottom:45px;

    border-radius:24px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.18);

    backdrop-filter:blur(18px);

}

.kvkk-notice-icon{

    width:82px;
    height:82px;
    min-width:82px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:22px;

    background:linear-gradient(135deg,#4f8cff,#296cff);

    color:#fff;

    font-size:34px;

    box-shadow:0 0 35px rgba(79,140,255,.35);

}

.kvkk-notice h2{

    margin:0 0 12px;

    color:#fff;

    font-size:30px;

}

.kvkk-notice p{

    margin:0;

    color:#b8c7da;

    line-height:1.8;

}

/*==================================================
GRID
==================================================*/

.kvkk-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

    margin-bottom:30px;

}

.kvkk-card{

    padding:30px;

    margin-bottom:30px;

    border-radius:22px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.15);

    backdrop-filter:blur(18px);

    transition:.35s;

}

.kvkk-card:hover{

    transform:translateY(-6px);

    border-color:#4f8cff;

    box-shadow:0 18px 40px rgba(79,140,255,.15);

}

.kvkk-card h3{

    display:flex;

    align-items:center;

    gap:12px;

    margin:0 0 22px;

    color:#fff;

    font-size:24px;

}

.kvkk-card h3 i{

    color:#4f8cff;

}

.kvkk-card p{

    color:#b8c7da;

    line-height:1.9;

}

.kvkk-card ul{

    margin:0;

    padding-left:22px;

}

.kvkk-card li{

    color:#dbe7f7;

    margin-bottom:14px;

    line-height:1.7;

}

.kvkk-card strong{

    color:#ffffff;

}

/*==================================================
TABLE
==================================================*/

.kvkk-table{

    margin:45px 0;

}

.kvkk-table h2{

    text-align:center;

    margin-bottom:30px;

    color:#fff;

    font-size:32px;

}

.kvkk-table-row{

    display:grid;

    grid-template-columns:2fr 1fr;

    margin-bottom:12px;

    overflow:hidden;

    border-radius:16px;

}

.kvkk-table-row div{

    padding:18px 22px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.12);

    color:#dbe7f7;

}

.kvkk-table-head div{

    background:rgba(79,140,255,.15);

    color:#fff;

    font-weight:700;

}

/*==================================================
RIGHTS
==================================================*/

.kvkk-rights{

    margin:60px 0;

}

.kvkk-rights h2{

    text-align:center;

    margin-bottom:35px;

    color:#fff;

    font-size:32px;

}

.kvkk-right-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.kvkk-right-grid div{

    display:flex;

    align-items:center;

    gap:14px;

    padding:22px;

    border-radius:18px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.12);

    color:#fff;

    transition:.3s;

}

.kvkk-right-grid div:hover{

    transform:translateY(-4px);

    border-color:#4f8cff;

}

.kvkk-right-grid i{

    color:#4f8cff;

}

/*==================================================
CONTACT
==================================================*/

.kvkk-contact{

    margin-top:50px;

    padding:40px;

    border-radius:24px;

    text-align:center;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(79,140,255,.15);

}

.kvkk-contact h2{

    margin:0 0 18px;

    color:#fff;

}

.kvkk-contact p{

    color:#b8c7da;

    line-height:1.8;

    margin-bottom:28px;

}

.kvkk-contact-box{

    display:inline-block;

    padding:14px 22px;

    border-radius:14px;

    background:rgba(79,140,255,.12);

    color:#dce7ff;

}

/*==================================================
FOOTER
==================================================*/

.kvkk-footer{

    margin-top:55px;

    text-align:center;

    color:#9eb1ca;

    line-height:1.8;

}

.kvkk-footer i{

    color:#4f8cff;

    margin-right:8px;

}

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

@media(max-width:991px){

    .kvkk-grid{

        grid-template-columns:1fr;

    }

    .kvkk-right-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .kvkk-page{

        padding:50px 0 70px;

    }

    .kvkk-notice{

        flex-direction:column;

        text-align:center;

        padding:25px;

    }

    .kvkk-notice-icon{

        width:70px;

        height:70px;

        min-width:70px;

        font-size:28px;

    }

    .kvkk-notice h2{

        font-size:24px;

    }

    .kvkk-card{

        padding:24px;

    }

    .kvkk-card h3{

        font-size:21px;

    }

    .kvkk-table-row{

        grid-template-columns:1fr;

    }

    .kvkk-table-row div{

        text-align:center;

    }

    .kvkk-contact{

        padding:30px 22px;

    }

}

@media(max-width:576px){

    .kvkk-notice{

        border-radius:18px;

    }

    .kvkk-card{

        border-radius:18px;

    }

    .kvkk-contact{

        border-radius:18px;

    }

}



/*==================================================
PHOTO GALLERY
==================================================*/

.gallery-section{

    padding:110px 0;

}

.gallery-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.gallery-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    border-radius:50px;

    background:rgba(79,140,255,.08);

    border:1px solid rgba(79,140,255,.2);

    color:var(--primary-light);

    font-weight:600;

}

.gallery-header h2{

    margin:22px 0 18px;

    font-size:clamp(2rem,5vw,3rem);

    color:#fff;

    font-weight:800;

}

.gallery-header h2 span{

    color:var(--primary);

}

.gallery-header p{

    max-width:680px;

    margin:auto;

    color:rgba(255,255,255,.72);

    line-height:1.8;

}

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:28px;

}

.gallery-card{

    border-radius:22px;

    overflow:hidden;

}

.gallery-card a{

    position:relative;

    display:block;

    border-radius:22px;

    overflow:hidden;

    text-decoration:none;

}

.gallery-card img{

    width:100%;

    aspect-ratio:4/3;

    display:block;

    object-fit:cover;

    transition:.6s;

}

    

.gallery-content{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:16px;

    background:linear-gradient(
        rgba(8,15,30,.15),
        rgba(8,15,30,.82)
    );

    opacity:0;

    transition:.35s;

    pointer-events:none;

}

.gallery-content i{

    width:64px;

    height:64px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(79,140,255,.18);

    border:1px solid rgba(79,140,255,.35);

    color:#fff;

    font-size:22px;

    transform:translateY(15px);

    transition:.35s;

}

.gallery-header h2{

    position:relative;

    margin:22px 0 30px;

    padding-bottom:18px;

}

.gallery-header h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-1px;

    transform:translateX(-50%);

    width:110px;

    height:3px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        #4f8cff,
        #7eb1ff
    );

}

.gallery-content h4{

    color:#fff;

    font-size:1.15rem;

    font-weight:700;

    transform:translateY(15px);

    transition:.35s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}

.gallery-card:hover .gallery-content{

    opacity:1;

}

.gallery-card:hover .gallery-content i,

.gallery-card:hover .gallery-content h4{

    transform:translateY(0);

}

.gallery-card:hover{

    box-shadow:

    0 15px 40px rgba(0,0,0,.35),

    0 0 35px rgba(79,140,255,.15);

}

@media(max-width:991px){

    .gallery-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .gallery-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .gallery-section{

        padding:80px 0;

    }

}
.grecaptcha-badge {
    transform: scale(.75);
    transform-origin: right bottom;
    bottom: 20px !important;
    opacity: .8;
}

@media (max-width: 768px) {

    .grecaptcha-badge {
        right: 5px !important;
        bottom: 0 !important;
        transform: scale(.55);
        transform-origin: right bottom;
        opacity: 0;
    }

}

/* ================================
   TEAM SECTION
================================ */


.team-section{
    padding:100px 0;
}



.section-title{
    text-align:center;
    max-width:750px;
    margin:auto;
}


.section-badge{

    display:inline-block;
    padding:8px 18px;

    background:rgba(79,140,255,.12);
    border:1px solid rgba(79,140,255,.3);

    border-radius:30px;

    color:#76a8ff;

    font-size:14px;

    margin-bottom:20px;

}


.section-title h2{

    font-size:42px;
    margin-bottom:20px;

}



.section-title h2 span,
.team-heading span{

    color:#4f8cff;

}



.section-title p{

    color:#b7bfd0;

    line-height:1.8;

}




/* GROUP */


.team-group{

    margin-top:80px;

}



.team-heading{

    text-align:center;

    font-size:32px;

    margin-bottom:45px;

}



.team-heading:after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    background:#4f8cff;

    margin:18px auto 0;

    border-radius:10px;

}




/* GRID */


.founders-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}



.team-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}




/* CARD */


.team-card{

    background:
    rgba(255,255,255,.05);


    border:1px solid rgba(255,255,255,.1);


    backdrop-filter:blur(15px);


    border-radius:30px;


    padding:30px 20px;


    text-align:center;


    transition:.4s;


}

.team-badge{

    display:inline-block;

    padding:6px 16px;

    margin-bottom:20px;

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

    color:#ffd76a;

    background:
    rgba(255,215,106,.12);

    border:1px solid rgba(255,215,106,.35);

    border-radius:30px;

}

.team-image{

    transition:.4s;

}


.team-card:hover .team-image{

    transform:scale(1.08);

}


.team-card:hover .team-image img{

    box-shadow:
    0 0 35px rgba(79,140,255,.7);

}

.founder-card{

    border:1px solid rgba(79,140,255,.35);

    box-shadow:
    0 15px 40px rgba(79,140,255,.15);

}


.team-card:hover{

    transform:translateY(-10px);


    border-color:#4f8cff;


    box-shadow:
    0 20px 50px rgba(79,140,255,.25);

}

.team-image {
    width: 130px;
    height: 130px;
    margin: auto;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #4f8cff;
    box-sizing: border-box;
}

.team-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.team-image-first {
    object-position: center 20% !important;
}

.team-image-four {
    object-position: center 20% !important;
}

.team-image-two {
    object-position: center 30% !important;
}

.founder-card{

    padding:40px 25px;

}



.founder-card .team-image{

    width:170px;

    height:170px;

}





.team-card h4{

    font-size:20px;

    margin-bottom:8px;

}



.team-card p{

    color:#9da8bd;

    margin:0;

}

@media(max-width:992px){


    .founders-grid{
    
        grid-template-columns:repeat(2,1fr);
    
    }
    
    
    .team-grid{
    
        grid-template-columns:repeat(2,1fr);
    
    }
    
    
    }
    
    
    
    @media(max-width:576px){
    
    
    .team-section{
    
        padding:70px 20px;
    
    }
    
    
    
    .section-title h2{
    
        font-size:32px;
    
    }
    
    
    
    .founders-grid,
    .team-grid{
    
        grid-template-columns:1fr;
    
    }
    
    
    
    .founder-card .team-image{
    
        width:150px;
    
        height:150px;
    
    }
    
    
}

/* =========================================================
   KIZILELMA GOOGLE REVIEWS
========================================================= */

.kg-reviews-section {
    position: relative;
    width: 100%;
    padding: 110px 20px;
    overflow: hidden;
}

.kg-reviews-container {
    width: min(100%, 1380px);
    margin: 0 auto;
}

.kg-reviews-container .section-title{
    transform: translateY(-95px);
}

/* =========================================================
   HEADER
========================================================= */

.kg-reviews-header {
    max-width: 720px;
    margin: 0 auto 50px;
    text-align: center;
    transform: translateY(-90px);
}

.kg-reviews-badge {
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(45,140,255,.08);
    border:1px solid rgba(45,140,255,.18);
    color:#4da3ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.kg-reviews-badge-dot {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #4f8cff;

    box-shadow: 0 0 10px rgba(79, 140, 255, 0.8);
}

.kg-reviews-title {
    margin: 0;

    color: #fff;

    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.15;

    font-weight: 500;
    letter-spacing: -1px;
}

.kg-reviews-title span {
    display: inline;

    background: linear-gradient(
        90deg,
        #76a8ff,
        #4f8cff
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;
}

.kg-reviews-description {
    max-width: 650px;

    margin: 17px auto 0;

    color: rgba(255,255,255,0.55);

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   REVIEW GRID
========================================================= */

.kg-reviews-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;
    transform: translateY(-35px);
}


/* =========================================================
   REVIEW CARD
========================================================= */

.kg-review-card {
    position: relative;

    min-width: 0;
    min-height: 270px;

    padding: 25px 23px;

    border: 1px solid rgba(255,255,255,0.075);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.055),
            rgba(255,255,255,0.025)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.kg-review-card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(79, 140, 255, 0.22);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.22),
        0 0 30px rgba(79,140,255,0.05);
}


/* =========================================================
   USER TOP
========================================================= */

.kg-review-top {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 12px;
}

.kg-review-user {
    display: flex;

    align-items: center;

    min-width: 0;

    gap: 11px;
}

.kg-review-avatar {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(79,140,255,0.25);
    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            rgba(79,140,255,0.18),
            rgba(124,77,255,0.12)
        );

    color: #9fc1ff;

    font-size: 15px;
    font-weight: 600;
}

.kg-review-user-info {
    display: flex;

    flex-direction: column;

    min-width: 0;
}

.kg-review-user-info strong {
    color: rgba(255,255,255,0.92);

    font-size: 13px;
    font-weight: 600;

    line-height: 1.3;
}

.kg-review-user-info span {
    margin-top: 3px;

    color: rgba(255,255,255,0.38);

    font-size: 10px;

    line-height: 1.3;
}


/* =========================================================
   GOOGLE LOGO
========================================================= */

.kg-review-google {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    opacity: 0.9;
}

.kg-review-google svg {
    display: block;

    width: 100%;
    height: 100%;
}


/* =========================================================
   STARS
========================================================= */

.kg-review-stars {
    margin-top: 20px;

    color: #fbbc04;

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 1;
}


/* =========================================================
   REVIEW TEXT
========================================================= */

.kg-review-text {
    margin: 19px 0 0;

    color: rgba(255,255,255,0.66);

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================================
   BUTTON
========================================================= */

.kg-reviews-button-wrap {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.kg-reviews-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 50px;

    padding: 0 24px;

    border: 1px solid rgba(79,140,255,0.28);
    border-radius: 13px;

    background: rgba(79,140,255,0.07);

    color: #8eb6ff;

    text-decoration: none;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 0.3px;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.kg-reviews-button:hover {
    background: rgba(79,140,255,0.13);

    border-color:
        rgba(79,140,255,0.45);

    transform: translateY(-2px);
}

.kg-reviews-button-arrow {
    font-size: 17px;

    transition:
        transform 0.25s ease;
}

.kg-reviews-button:hover
.kg-reviews-button-arrow {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .kg-reviews-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) { 

    .kg-reviews-section { 
        padding-top: 110px;
        padding-bottom: 30px;
    }

    .kg-reviews-header { 
        padding: 0 20px; 
        margin-bottom: 34px; 
    }

    .kg-reviews-badge { 
        margin-bottom: 17px; 
    }

    .kg-reviews-title { 
        font-size: 30px; 
    }

    .kg-reviews-description { 
        font-size: 13px; 
        line-height: 1.65; 
    }

    .kg-reviews-button-wrap { 
        margin-top: 0px; 
        margin-bottom: 0; 
        padding: 0 20px; 
    }


    /* Yatay mobil slider */

    .kg-reviews-grid {

        display: flex;

        gap: 13px;

        overflow-x: auto;

        padding:
            0 20px
            10px;

        scroll-snap-type: x mandatory;

        scroll-padding-left: 20px;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .kg-reviews-grid::-webkit-scrollbar {
        display: none;
    }


    .kg-review-card {

        flex: 0 0
            calc(100vw - 55px);

        min-height: 255px;

        padding: 22px 20px;

        border-radius: 18px;

        scroll-snap-align: start;
    }

    .kg-review-card:hover {
        transform: none;
    }


    .kg-review-stars {
        margin-top: 18px;
    }

    .kg-review-text {
        margin-top: 17px;

        font-size: 13px;

        line-height: 1.7;
    }


    .kg-reviews-button-wrap { 
        margin-top: 5px; 
        padding: 0 20px; 
    }

    .kg-reviews-button {
        width: 100%;

        min-height: 52px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .kg-reviews-title {
        font-size: 27px;
    }

    .kg-review-card {
        flex-basis:
            calc(100vw - 42px);
    }

}


/* =========================================
   KIZILELMA KOPYALAMA KORUMASI
========================================= */

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    -webkit-user-drag: none;
    user-drag: none;
}

/*==================================================
  SINAV / KAYIT DUYURU ŞERİDİ
==================================================*/

.kg-exam-notice{
    position:relative;
    width:100%;
    overflow:hidden;

    background:
        linear-gradient(
            100deg,
            #071b32 0%,
            #0b2948 45%,
            #101d3c 100%
        );

    border-top:1px solid rgba(79,140,255,.22);
    border-bottom:1px solid rgba(79,140,255,.22);

    box-shadow:
        0 15px 45px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.04);
}

/* Arka plandaki hareketli ışık */

.kg-exam-notice::before{
    content:"";
    position:absolute;

    width:420px;
    height:180px;

    top:50%;
    left:8%;

    transform:translateY(-50%);

    background:
        radial-gradient(
            circle,
            rgba(79,140,255,.20),
            transparent 70%
        );

    filter:blur(35px);

    pointer-events:none;

    animation:kgNoticeGlow 6s ease-in-out infinite;
}

.kg-exam-notice::after{
    content:"";

    position:absolute;

    width:300px;
    height:160px;

    right:8%;
    top:50%;

    transform:translateY(-50%);

    background:
        radial-gradient(
            circle,
            rgba(124,77,255,.14),
            transparent 70%
        );

    filter:blur(40px);

    pointer-events:none;
}

@keyframes kgNoticeGlow{

    0%,100%{
        opacity:.55;
        transform:translateY(-50%) translateX(0);
    }

    50%{
        opacity:1;
        transform:translateY(-50%) translateX(70px);
    }

}


/*==================================================
  İÇERİK
==================================================*/

.kg-exam-notice-inner{
    position:relative;
    z-index:2;

    width:min(1320px,92%);
    min-height:76px;

    margin:auto;

    display:flex;
    align-items:center;

    gap:24px;
}


/*==================================================
  DUYURU BADGE
==================================================*/

.kg-exam-notice-badge{
    position:relative;

    flex-shrink:0;

    display:flex;
    align-items:center;
    gap:9px;

    padding:10px 17px;

    border:1px solid rgba(79,140,255,.35);
    border-radius:50px;

    background:
        linear-gradient(
            135deg,
            rgba(79,140,255,.20),
            rgba(124,77,255,.12)
        );

    color:#fff;

    font-size:12px;
    font-weight:700;

    letter-spacing:1.2px;

    box-shadow:
        0 0 20px rgba(79,140,255,.15);

    white-space:nowrap;

    animation:kgNoticeBadge 2.2s ease-in-out infinite;
}

.kg-exam-notice-badge::before{
    content:"";

    position:absolute;
    inset:-4px;

    border-radius:inherit;

    border:1px solid rgba(79,140,255,.18);

    animation:kgNoticeRing 2.2s ease-out infinite;
}

@keyframes kgNoticeBadge{

    0%,100%{
        transform:scale(1);
    }

    8%{
        transform:scale(1.04);
    }

    16%{
        transform:scale(1);
    }

    24%{
        transform:scale(1.04);
    }

    32%{
        transform:scale(1);
    }

}

@keyframes kgNoticeRing{

    0%{
        opacity:.8;
        transform:scale(1);
    }

    70%,100%{
        opacity:0;
        transform:scale(1.18);
    }

}

.kg-notice-heart{
    width:22px;
    height:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#6eb1ff;
}

.kg-notice-heart i{
    font-size:14px;

    filter:
        drop-shadow(0 0 7px rgba(79,140,255,.8));

    animation:kgBellPulse 1.5s ease-in-out infinite;
}

@keyframes kgBellPulse{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.2);
    }

}


/*==================================================
  DUYURU METNİ
==================================================*/

.kg-exam-notice-content{
    flex:1;

    color:#d9e5f5;

    font-size:14px;
    line-height:1.6;

    white-space:nowrap;
}

.kg-exam-notice-date{
    color:#fff;
    font-weight:600;
}

.kg-exam-notice-content strong{
    color:#fff;
    font-weight:600;
}

.kg-notice-highlight{
    color:#5fb3ff !important;

    font-weight:700 !important;

    text-shadow:
        0 0 12px rgba(79,140,255,.45);
}

.kg-notice-limited{
    color:#aebed2;
    margin-left:4px;
}


/*==================================================
  SINAV TAKVİMİ BUTONU
==================================================*/

.kg-exam-notice-link{
    position:relative;

    flex-shrink:0;

    display:flex;
    align-items:center;
    gap:9px;

    padding:10px 17px;

    border:1px solid rgba(79,140,255,.32);
    border-radius:50px;

    background:
        rgba(79,140,255,.08);

    color:#fff;

    font-size:12px;
    font-weight:600;

    white-space:nowrap;

    transition:.35s ease;
}

.kg-exam-notice-link i{
    color:#69adff;

    transition:.35s ease;
}

.kg-exam-notice-link:hover{
    transform:translateY(-2px);

    background:
        rgba(79,140,255,.16);

    border-color:
        rgba(79,140,255,.55);

    box-shadow:
        0 8px 25px rgba(79,140,255,.18);
}

.kg-exam-notice-link:hover i{
    transform:translateX(4px);
}


/*==================================================
  TABLET
==================================================*/

@media (max-width:1100px){

    .kg-exam-notice-inner{
        gap:16px;
    }

    .kg-exam-notice-content{
        font-size:13px;
    }

    .kg-exam-notice-link{
        padding:9px 13px;
    }

}


/*==================================================
  MOBİL DUYURU KARTI
==================================================*/

@media (max-width:700px){

    .kg-exam-notice{
        width:calc(100% - 28px);

        margin:18px auto 0;

        border-radius:22px;

        border:1px solid rgba(79,140,255,.28);

        background:
            linear-gradient(
                145deg,
                #081c34,
                #0c2948 55%,
                #111d3d
            );

        box-shadow:
            0 20px 50px rgba(0,0,0,.28),
            0 0 35px rgba(79,140,255,.07);
    }

    .kg-exam-notice::before{
        width:260px;
        height:180px;

        left:50%;
        top:0;

        transform:translateX(-50%);

        background:
            radial-gradient(
                circle,
                rgba(79,140,255,.17),
                transparent 70%
            );
    }

    .kg-exam-notice::after{
        display:none;
    }

    .kg-exam-notice-inner{
        width:100%;

        min-height:auto;

        padding:24px 20px 22px;

        display:flex;
        flex-direction:column;

        align-items:center;
        justify-content:center;

        gap:14px;

        text-align:center;
    }


    /* BADGE */

    .kg-exam-notice-badge{
        padding:9px 17px;

        font-size:11px;

        letter-spacing:1.3px;
    }


    /* METİN */

    .kg-exam-notice-content{
        width:100%;

        flex:none;

        white-space:normal;

        font-size:13px;

        line-height:1.75;

        color:#dce7f5;
    }

    .kg-exam-notice-date{
        display:inline;
    }

    .kg-notice-limited{
        display:block;

        margin:4px 0 0;

        color:#aebed2;
    }


    /* BUTON */

    .kg-exam-notice-link{
        width:100%;

        justify-content:center;

        padding:11px 16px;

        font-size:12px;

        background:
            linear-gradient(
                135deg,
                rgba(79,140,255,.16),
                rgba(124,77,255,.12)
            );
    }

}


/*==================================================
  KÜÇÜK TELEFON
==================================================*/

@media (max-width:400px){

    .kg-exam-notice{
        width:calc(100% - 20px);

        border-radius:19px;
    }

    .kg-exam-notice-inner{
        padding:21px 16px 19px;
    }

    .kg-exam-notice-content{
        font-size:12.5px;
    }

    .kg-exam-notice-badge{
        font-size:10px;
        padding:8px 14px;
    }

}

/*==================================================
  ÖZEL GÜVENLİK SINAV İŞLEMLERİ
==================================================*/

.kg-exam-actions{
    width:100%;
    padding:15px 0;
    padding-bottom: 120px;
    overflow:hidden;
}

.kg-exam-actions-container{
    width:min(1280px,92%);
    margin:auto;
}

.kg-exam-actions .section-title{
    text-align:center;
    max-width:720px;
    margin:0 auto 55px;
}

.kg-exam-actions .section-title > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#76a8ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.8px;
    margin-bottom:14px;
}

.kg-exam-actions .section-title > span i{
    font-size:13px;
}

.kg-exam-actions .section-title h2{
    margin:0;
    font-size:clamp(30px,4vw,46px);
    line-height:1.2;
    font-weight:700;
    color:#fff;
}

.kg-exam-actions .section-title p{
    max-width:650px;
    margin:20px auto 0;
    color:var(--text-light);
    font-size:15px;
    line-height:1.8;
}

/*==================================================
  KART GRID
==================================================*/

.kg-exam-actions-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/*==================================================
  KART
==================================================*/

.kg-exam-action-card{
    position:relative;
    min-height:285px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:42px 25px 30px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    backdrop-filter:blur(18px);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    overflow:hidden;
    transition:.4s ease;
}

.kg-exam-action-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    top:-100px;
    left:50%;
    transform:translateX(-50%);
    background:radial-gradient(
        circle,
        rgba(79,140,255,.14),
        transparent 70%
    );
    opacity:.7;
    transition:.4s ease;
}

.kg-exam-action-card:hover{
    transform:translateY(-8px);
    border-color:rgba(79,140,255,.32);
    box-shadow:
        0 25px 60px rgba(0,0,0,.3),
        0 0 35px rgba(79,140,255,.07);
}

.kg-exam-action-card:hover::before{
    opacity:1;
    transform:translateX(-50%) scale(1.25);
}

/*==================================================
  İKON
==================================================*/

.kg-exam-action-icon{
    position:relative;
    z-index:1;
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
    border:1px solid rgba(79,140,255,.22);
    border-radius:18px;
    background:rgba(79,140,255,.08);
    color:#76a8ff;
    font-size:27px;
    box-shadow:
        0 10px 30px rgba(79,140,255,.08);
    transition:.4s ease;
}

.kg-exam-action-card:hover .kg-exam-action-icon{
    transform:translateY(-4px) scale(1.04);
    background:rgba(79,140,255,.13);
    border-color:rgba(79,140,255,.42);
    box-shadow:
        0 15px 35px rgba(79,140,255,.15);
}

/*==================================================
  KART BAŞLIK
==================================================*/

.kg-exam-action-card h3{
    position:relative;
    z-index:1;
    margin:0 0 10px;
    color:#fff;
    font-size:17px;
    font-weight:600;
    line-height:1.4;
}

.kg-exam-action-card p{
    position:relative;
    z-index:1;
    margin:0;
    max-width:230px;
    color:#9eacc0;
    font-size:13px;
    line-height:1.7;
}

/*==================================================
  KART OKU
==================================================*/

.kg-exam-action-arrow{
    position:absolute;
    right:22px;
    bottom:20px;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    color:#76a8ff;
    font-size:12px;
    background:rgba(255,255,255,.025);
    transition:.35s ease;
}

.kg-exam-action-card:hover .kg-exam-action-arrow{
    transform:translateX(4px);
    color:#fff;
    border-color:rgba(79,140,255,.35);
    background:rgba(79,140,255,.10);
}

/*==================================================
  POPÜLER BADGE
==================================================*/

.kg-exam-popular-badge{
    position:absolute;
    top:0;
    right:0;
    z-index:3;
    display:flex;
    align-items:center;
    gap:6px;
    padding:7px 12px;
    border-left:1px solid rgba(218,165,32,.45);
    border-bottom:1px solid rgba(218,165,32,.45);
    border-radius:0 22px 0 14px;
    background:rgba(218,165,32,.13);
    color:#daa520;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    box-shadow:
        0 0 20px rgba(218,165,32,.08);
}

.kg-exam-popular-badge i{
    font-size:9px;
}

/*==================================================
  TABLET
==================================================*/

@media (max-width:1100px){

    .kg-exam-notice-inner{
        gap:18px;
    }

    .kg-exam-notice-content{
        font-size:13px;
    }

    .kg-exam-actions-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/*==================================================
  MOBILE
==================================================*/

@media (max-width:700px){

    .kg-exam-notice{
        padding:15px 0;
    }

    .kg-exam-notice-inner{
        width:92%;
        min-height:auto;
        flex-wrap:wrap;
        gap:13px;
    }

    .kg-exam-notice-badge{
        padding:8px 13px;
        font-size:11px;
    }

    .kg-notice-heart{
        width:22px;
        height:22px;
    }

    .kg-exam-notice-content{
        width:100%;
        flex:unset;
        font-size:13px;
        line-height:1.75;
    }

    .kg-notice-limited{
        display:block;
        margin:3px 0 0;
    }

    .kg-exam-notice-link{
        width:100%;
        justify-content:center;
        padding:10px 15px;
    }

    .kg-exam-actions{
        padding:15px 0 50px;
        padding-bottom: 75px;
    }

    .kg-exam-actions .section-title{
        margin-bottom:35px;
    }

    .kg-exam-actions .section-title h2{
        font-size:30px;
    }

    .kg-exam-actions .section-title p{
        font-size:14px;
        line-height:1.7;
    }

    .kg-exam-actions-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .kg-exam-action-card{
        min-height:250px;
        padding:35px 22px 30px;
    }

}


/*==================================================
  SMALL MOBILE
==================================================*/

@media (max-width:400px){

    .kg-exam-notice-inner{
        width:90%;
    }

    .kg-exam-notice-badge{
        font-size:10px;
    }

    .kg-exam-action-card{
        min-height:240px;
    }

}

.pm-title{
    color: #4da3ff;
}