:root {

            --primary-color: #102C57; /* Koyu Lacivert */

            --accent-color: #BE1E2D;  /* Kırmızı */

            --bg-color: #F8F9FA;      /* Açık Gri / Beyaz */

        }



        body {

            font-family: 'Poppins', sans-serif;

            background-color: var(--bg-color);

            color: #333;

        }



        /* Top Bar */

        .top-bar {

            background-color: var(--primary-color);

            color: #fff;

            font-size: 0.9rem;

        }

        .top-bar a {

            color: #fff;

            transition: color 0.3s;

        }

        .top-bar a:hover {

            color: var(--accent-color);

        }



        /* Header & Navigation */

        .brand-logo {

            color: var(--primary-color);

            font-weight: 700;

            font-size: 2.5rem;

            margin: 0;

        }

        .brand-logo span {

            color: var(--accent-color);

        }

        .navbar-nav .nav-link {

            color: var(--primary-color);

            font-weight: 500;

            padding: 0.5rem 1.2rem;

            transition: color 0.3s;

        }

        .navbar-nav .nav-link:hover {

            color: var(--accent-color);

        }



        /* Header Scrolled Animasyonları */
        #main-header {
            transition: padding 0.4s ease, box-shadow 0.4s ease;
        }

        #header-logo {
            transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.4s ease, padding 0.4s ease;
            max-height: 150px; /* Logonun ve kapsayıcı div'in maksimum yüksekliği */
            opacity: 1;
            overflow: hidden;
        }

        /* Scroll Sonrası (Scrolled) Durumu */
        #main-header.scrolled {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        #main-header.scrolled #header-logo {
            max-height: 0;
            opacity: 0;
            margin: 0;
        }

        #main-header.scrolled .navbar {
            margin-top: 0 !important;
        }

        /* Hero Slider */

        .carousel-item {

            height: 60vh;

            min-height: 400px;

        }

        .carousel-item img {

            object-fit: cover;

            height: 100%;

            width: 100%;

            filter: brightness(0.6);

        }

        .carousel-caption h2 {

            font-size: 3rem;

            font-weight: 700;

            text-shadow: 2px 2px 4px rgba(0,0,0,0.7);

        }



        /* Faaliyetlerimiz (Services) */

        .service-icon {

            width: 80px;

            height: 80px;

            background-color: #fff;

            color: var(--primary-color);

            border: 2px solid var(--primary-color);

            border-radius: 50%;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            font-size: 2rem;

            margin-bottom: 15px;

            transition: all 0.3s ease;

        }

        .service-card:hover .service-icon {

            background-color: var(--accent-color);

            border-color: var(--accent-color);

            color: #fff;

            transform: translateY(-10px);

            box-shadow: 0 10px 20px rgba(0,0,0,0.1);

        }

        .service-title {

            font-weight: 600;

            font-size: 1.1rem;

            color: var(--primary-color);

        }



        /* Sections General */

        .section-title {

            color: var(--primary-color);

            font-weight: 700;

            position: relative;

            display: inline-block;

            margin-bottom: 3rem;

        }

        .section-title::after {

            content: '';

            width: 50px;

            height: 3px;

            background-color: var(--accent-color);

            position: absolute;

            bottom: -10px;

            left: 50%;

            transform: translateX(-50%);

        }



        /* Footer */

        footer {

            background-color: var(--primary-color);

            color: #fff;

        }

        footer h5 {

            color: var(--accent-color);

            font-weight: 600;

            margin-bottom: 1.2rem;

        }

        footer a {

            color: #ccc;

            text-decoration: none;

            transition: color 0.3s;

        }

        footer a:hover {

            color: #fff;

        }



        /* Language Carousel */

        .language-carousel {

            background-color: #fff;

            padding: 2.5rem 0;

            overflow: hidden;

            white-space: nowrap;

            position: relative;

            border-bottom: 1px solid #eaeaea;

        }

        .carousel-track {

            display: inline-flex;

            gap: 4rem;

            padding-right: 4rem; /* Kusursuz döngü hizalaması için gap değeri ile aynı olmalı */

            animation: scroll 20s linear infinite;

        }

        .language-carousel:hover .carousel-track {

            animation-play-state: paused; /* Üzerine gelince durdurma */

        }

        .lang-item {

            display: flex;

            flex-direction: column;

            align-items: center;

            min-width: 80px;

        }

        .lang-item img {

            width: 60px;

            height: 60px;

            border-radius: 50%;

            object-fit: cover;

            box-shadow: 0 4px 8px rgba(0,0,0,0.15);

            margin-bottom: 0.6rem;

        }

        .lang-item span {

            color: var(--primary-color);

            font-weight: 700;

            font-size: 0.95rem;

        }

        @keyframes scroll {

            0% { transform: translateX(0); }

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

        }



        /* Sınav İngilizcesi Programları */

        .exam-section-title {

            color: var(--primary-color);

            font-weight: 700;

            font-size: 2.2rem;

            margin-bottom: 0.5rem;

            white-space: normal;

        }

        @media (min-width: 992px) {

            .exam-section-title {

                white-space: nowrap;

            }

        }

        .exam-section-title span {

            color: var(--accent-color);

        }

        .exam-title-underline {

            width: 60px;

            height: 4px;

            background-color: var(--accent-color);

            margin: 0 auto;

            border-radius: 2px;

        }

        .exam-card {

            background-color: #fff;

            border: none;

            border-radius: 10px;

            padding: 2.5rem 1rem;

            text-align: center;

            box-shadow: 0 5px 20px rgba(0,0,0,0.08);

            transition: all 0.3s ease;

            height: 100%;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

        }

        .exam-card:hover {

            transform: translateY(-10px);

            box-shadow: 0 15px 35px rgba(0,0,0,0.15);

        }

        .exam-icon-wrapper {

            width: 75px;

            height: 75px;

            border-radius: 50%;

            display: flex !important;

            align-items: center !important;

            justify-content: center !important;

            margin-bottom: 1.2rem;

        }

        .exam-icon-wrapper i {

            font-size: 2.5rem !important; /* Tik işaretini oldukça büyüttük */

            line-height: 1 !important; /* Dikey hizalama çakışmasını engeller */

            margin: 0 !important; /* Fazladan boşlukları sıfırlar */

        }

        .exam-title {

            color: var(--primary-color);

            font-weight: 700;

            font-size: 1.1rem;

            margin: 0;

            text-transform: uppercase;

            letter-spacing: 0.5px;

        }

        

        /* Pastel Renkler */

        .bg-ice-blue { background-color: #E3F2FD; color: #1976D2; }

        .bg-light-pink { background-color: #FCE4EC; color: #C2185B; }

        .bg-lilac { background-color: #F3E5F5; color: #7B1FA2; }

        .bg-light-yellow { background-color: #FFF9C4; color: #F57F17; }

        .bg-light-green { background-color: #E8F5E9; color: #388E3C; }

        .bg-light-orange { background-color: #FFF3E0; color: #F57C00; }

        .bg-light-red { background-color: #FFEBEE; color: #D32F2F; }

        .bg-light-teal { background-color: #E0F2F1; color: #00796B; }

        .bg-light-cyan { background-color: #E0F7FA; color: #0097A7; }

        .bg-light-indigo { background-color: #E8EAF6; color: #303F9F; }



        /* Seviye Tespit Sınavı Menü Linki Animasyonu */

        @keyframes yanip-sonme {

            0% { background-color: var(--primary-color); color: #ffffff; transform: scale(1); box-shadow: 0 0 0 rgba(0,0,0,0); }

            50% { background-color: var(--accent-color); color: #ffffff; transform: scale(1.05); box-shadow: 0 4px 10px rgba(190, 30, 45, 0.5); }

            100% { background-color: var(--primary-color); color: #ffffff; transform: scale(1); box-shadow: 0 0 0 rgba(0,0,0,0); }

        }

        

        .sts-menu-link {

            animation: yanip-sonme 1.5s infinite;

            border-radius: 8px;

            font-weight: 700 !important;

            padding: 8px 18px !important;

            color: #ffffff !important;

            transition: all 0.3s ease;

        }

        .sts-menu-link:hover {

            animation: none;

            background-color: #0d2242; /* Primary rengin bir ton koyusu */

        }

        /* Büyük Seviye Tespit Sınavı Butonu (Slider & Mobil) */
        .big-sts-btn {

            animation: yanip-sonme 1.5s infinite;

            border-radius: 10px;

            font-weight: 700 !important;

            padding: 15px 25px !important;

            font-size: 1.3rem !important;

            color: #ffffff !important;

            transition: all 0.3s ease;

        }

        .big-sts-btn:hover {

            animation: none;

            background-color: #0d2242;

        }

        .navbar-nav .nav-link.active,
        .dropdown-item.active {
            color: var(--accent-color) !important;
            font-weight: 700;
            background-color: transparent;
        }


        /* Header Scrolled Animasyonları */
        #main-header {
            transition: padding 0.4s ease, box-shadow 0.4s ease;
        }

        #header-logo {
            transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.4s ease, padding 0.4s ease;
            max-height: 150px; /* Logonun ve kapsayıcı div'in maksimum yüksekliği */
            opacity: 1;
            overflow: hidden;
        }

        /* Scroll Sonrası (Scrolled) Durumu */
        #main-header.scrolled {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        #main-header.scrolled #header-logo {
            max-height: 0;
            opacity: 0;
            margin: 0;
        }

        #main-header.scrolled .navbar {
            margin-top: 0 !important;
        }

        /* Hero Slider */

        .carousel-item {