/* Global Styles */
        body {
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
            background-color: #FFFFFF;
        }

        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* Header Styles */
        header {
            max-width: 1450px !important;
            background-color: #FFFFFF;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .logo {
            margin-left: -20px;
        }

        .nav {
            display: flex;
            color: #234;
            gap: 30px;
            flex: 1;
            margin-left: 300px;
        }

        .nav a {

            text-decoration: none;
            color: #4c3769;
            font-size: 14px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .nav a i {
            margin-left: 5px;
        }

        .nav a:hover {
            color: #0F49B0;
        }

        .cta {
            background-color: #0F49B0;
            color: #FFFFFF;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 13px;
            text-decoration: none;
            font-weight: 600;
        }

        .cta:hover {
            background-color: #fff;
        }

        /* Fullscreen Mobile Navigation */
        .hamburger {
            display: none;
            font-size: 28px;
            cursor: pointer;
        }

        .mobile-nav {
            display: none;
            flex-direction: column;
            gap: 20px;
            position: fixed;
            top: 60px;
            left: 0;
            width: 100%;
            background: white;
            padding: 20px;
            z-index: 1000;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .mobile-nav a {
            text-decoration: none;
            color: #000;
            font-size: 18px;
            font-weight: 600;
        }

        .mobile-nav a:hover {
            color: #0F49B0;
        }

        @media (max-width: 768px) {
            .nav {
                display: none;
            }

            .hamburger {
                display: block;
                color: #0F49B0;
            }

            .cta {
                display: none;
            }
        }

        @media (min-width: 769px) {
            .mobile-nav {
                display: none !important;
            }

            .hamburger {
                display: none;
            }
        }
    
        .header-gradient {
            background: linear-gradient(to bottom, #ffffb7, #FFFFFF);
            height: 200px;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
        }

        

    
        

        a {
            color: inherit; /* Yazının rengini çevresindeki öğeden alır */
            text-decoration: none; /* Alt çizgiyi kaldırır */
        }

        a:hover {
            color: inherit; /* Üzerine gelindiğinde de çevresindeki rengin aynısını alır */
            text-decoration: none; /* Üzerine gelindiğinde alt çizgiyi korur */
        }


        .faq-section {
                max-width: 800px;
                margin: 0 auto;
                margin-top: 100px;
            }

            .faq-title {
                text-align: center;
                font-size: 28px;
                font-weight: 600;
                margin-bottom: 30px;
                color: #333;
            }

            .faq-item {
                background: #fff;
                border-radius: 8px;
                margin-bottom: 10px;
                overflow: hidden;
            }

            .faq-question {
                background: #f9f9f9;
                color: #000;
                padding: 15px 20px;
                cursor: pointer;
                font-size: 18px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .faq-answer {
                padding: 15px 20px;
                background: #f9f9f9;
                color: #333;
                display: none;
                border-top: 1px solid #ddd;
            }

            .faq-question i {
                transition: transform 0.3s ease;
            }

            .faq-item.active .faq-answer {
                display: block;
            }

            .faq-item.active .faq-question i {
                transform: rotate(180deg);
            }   


            .blog-section {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }

        .blog-title {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .blog-categories {
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            gap: 10px;
            padding: 10px 0;
            margin: 0 auto; /* Ortalar */
            max-width: 100%; /* Sayfa genişliğine uyum sağlar */
            scrollbar-width: thin; /* Tarayıcıya özel kaydırma çubuğu */
            -ms-overflow-style: none; /* IE için kaydırma çubuğunu gizler */
        }

        .blog-categories::-webkit-scrollbar {
            display: none; /* Webkit tarayıcılarda kaydırma çubuğunu gizler */
        }

        .blog-categories ul {
            display: flex;
            gap: 10px;
            list-style: none;
            padding: 0;
            margin: 0;
            white-space: nowrap;
        }

        .blog-categories ul li {
            font-size: 14px;
            color: #333;
            cursor: pointer;
            flex-shrink: 0;
        }

        .blog-categories ul li:hover {
            color: #0F49B0;
            font-weight: bold;
        }


        .blog-search {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-left: 140px;
            margin-top: -10px;
        }

        .blog-search input {
            padding: 8px 12px;
            border: 1px solid #ccc;
            border-radius: 20px;
        }

        .blog-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .blog-card {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            text-align: left;
            padding: 10px;
        }

        .blog-card img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 10px;
        }

        .blog-card p {
            margin: 10px 0 0 0;
            font-size: 14px;
            color: #333;
        }

        @media (max-width: 768px) {
            .blog-grid {
                
                grid-template-columns: 1fr;
            }

           .blog-categories {
                padding: 10px 5px; /* Mobilde daha dar bir padding */
                justify-content: flex-start;
                overflow-x: auto;
            }

            .blog-categories ul li {
                font-size: 12px;
            }

            .blog-search {
                margin-top: 10px;
                width: 100%;
            }

            .blog-search input {
                width: 100%;
            }
        }

       

       .row.no-gutters {
            display: flex;
            align-items: stretch; /* Tüm sütunların aynı hizada olmasını sağlar */
            margin: 0; /* Dış boşlukları sıfırla */
        }

        .col-lg-6 {
            display: flex;
            flex-direction: column; /* İçeriği dikey hizala */
            justify-content: space-between; /* İçerikleri eşit dağıt */
            padding: 20px; /* İçerik boşluğu */
        }

        .col-lg-6 img {
            display: block;
            margin: 0 auto; /* Yatayda ortalar */
        }

        .img-fluid {
            max-width: 100%;
            height: auto;
            align-items: center;
        }

        .text-white {
            color: #ffffff; /* Beyaz metin */
        }

        .sol-baslik {
            color: #000; /* Beyaz metin */
            font-size: 40px !important;
            font-weight: 600;
            text-align: center;
            margin-top: -50px;
        }

        .sol-detay {
            color: #000; /* Beyaz metin */
            text-align: center;
        }

        .sag-baslik {
            color: #fff; /* Beyaz metin */
            font-size: 20px !important;
            font-weight: 500 !important;
            text-align: left;
        }

        .sag-detay {
            color: #fff; /* Beyaz metin */
            font-size: 16px;
            font-weight: 200 !important;
            text-align: left;
            margin-top: 20px;
        }

        .text-light {
            color: #f8f9fa; /* Açık gri metin */
        }

        .btn-light {
            background-color: #ffffff;
            color: #000;
            padding: 10px 20px;
            border-radius: 5px;
            font-weight: bold;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }

        .btn-light:hover {
            background-color: #e6e6e6;
        }

        .container134 {
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
        }

        .text-orange134 {
            color: #ff6600; /* Turuncu başlık rengi */
            font-weight: 600; /* Kalın başlık */
            font-size: 28px;
        }

        .text-muted134 {
            color: #6c757d; /* Gri açıklama metni */
            font-size: 16px;
            margin-top: 15px;
        }

        .btn134 {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: medium !important;
            text-decoration: none;
            color: #fff;
            transition: all 0.3s ease;
        }

        .btn-ios {
            background-color: #000; /* Siyah arka plan */
        }

        .btn-ios:hover {
            background-color: #fff; /* Hover efekti */
        }

        .btn-android {
            background-color: #34a853; /* Yeşil arka plan */
        }

        .btn-android:hover {
            background-color: #fff; /* Hover efekti */
        }

        .img-fluid134 {
            max-width: 100%;
            height: auto;
        }

        .fa-apple, .fa-android {
            font-size: 18px; /* İkon boyutu */
        }

        

        .container133 {
            max-width: 1100px;
            margin: 0 auto;
            background-color: #f8f9fa; /* Hafif gri arka plan */
            padding: 20px;
            border-radius: 10px; /* Köşeleri yuvarlat */
        }

        .img-fluid133 {
            max-width: 100%;
            height: auto;
        }

        .heading133 {
            font-weight: 400; /* Kalın başlık */
            font-size: 18px;
            color: #212529; /* Siyah başlık rengi */
            text-align: right;
        }

        .text-muted133 {
            color: #6c757d; /* Hafif gri metin rengi */
            font-size: 14px;
            text-align: right;
        }

        .col-lg-4 .heading134 {
            font-weight: 400; /* İnce başlık */
            font-size: 18px;
            color: #212529; /* Siyah başlık rengi */
            text-align: left;
        }

        .text-muted134 {
            color: #6c757d; /* Hafif gri metin rengi */
            font-size: 14px;
            text-align: left;
        }

        .text-orange133 {
            color: #ffffff; /* İkon rengini beyaz yap */
            background-color: #4c3769; /* Arka plan rengini ayarla */
            border-radius: 50%; /* Yuvarlak arka plan */
            padding: 10px; /* İkon boyutuna göre iç boşluk */
            width: 40px; /* Sabit genişlik */
            height: 40px; /* Sabit yükseklik */
            display: flex;
            align-items: center;
            justify-content: center; /* İkonu ortala */
            font-size: 20px; /* İkon boyutunu ayarla */
        }

        .list-unstyled li {
            display: flex;
            align-items: center;
        }

        .flex-grow-1 {
            flex-grow: 1; /* Başlık ve alt metni esnetir, aynı hizaya getirir */
        }

        .mb-4 {
            margin-bottom: 1.5rem;
        }


        .container124 {
            max-width: 1100px;
            margin: 0 auto;
        }

        .text-orange124 {
            color: #ff6600; /* Turuncu renk */
            font-size: 20px;
            font-weight: 600 !important;
        }

        .text-detay {
            color: #013220; /* Turuncu renk */
            font-size: 28px;
            font-weight: 600 !important;
        }

        .text-orta-baslik {
            color: #013220; /* Turuncu renk */
            font-size: 20px;
            font-weight: 500 !important;
        }

        .text-orta-detay {
            color: #000; /* Turuncu renk */
            font-size: 14px;
            font-weight: 400 !important;
        }

        .text-form-1 {
            color: #013220; /* Turuncu renk */
            font-size: 16px;
            font-weight: 700 !important;
            margin-right: 25px;
        }

        .divider124 {
            width: 1px;
            height: 80px;
            background-color: #6c757d; /* Gri renk */
            margin-left: -30px;
        }

        .btn-outline-orange124 {
            color: #4c3769;
            border: 2px solid #4c3769;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
        }

        .btn-outline-orange124:hover {
            background-color: #4c3769;
            color: #fff;
        }

        @media (max-width: 768px) {
            /* Genel yapı - Mobil uyumluluk */
            .container124 {
                padding: 10px; /* İçerik kenar boşluklarını daraltır */
            }

            .row {
                flex-direction: column; /* Satırları dikey hizalar */
            }

            .col-lg-4,
            .col-lg-5,
            .col-lg-3 {
                width: 100%; /* Her sütunu tam genişliğe yayar */
                margin-bottom: 20px; /* Altlarına boşluk ekler */
                text-align: center; /* Mobilde içeriği ortalar */
            }

            .divider124 {
                display: none; /* Mobilde ayrım çizgisini kaldırır */
            }

            .text-orange124 {
                font-size: 18px; /* Başlık boyutunu küçültür */
            }

            .text-detay {
                font-size: 24px; /* Ana başlığı küçültür */
                line-height: 1.4; /* Satır yüksekliğini artırır */
            }

            .text-orta-baslik {
                font-size: 18px; /* Orta başlık boyutunu küçültür */
            }

            .text-orta-detay {
                font-size: 14px; /* Açıklama metni için boyut ayarı */
            }

            .text-form-1 {
                font-size: 14px; /* Form açıklaması boyutunu küçültür */
                margin-right: 0; /* Mobilde sağa kaymayı engeller */
                text-align: center;
            }

            .btn-outline-orange124 {
            display: block;
            margin: 0 auto; /* Yatayda ortalar */
            text-align: center; /* Metni ortalar */
            }
        }


        .container123 {
        background-color: #f5f5f5;
        padding: 20px;
        border-radius: 8px;
        }

        img.img-fluid.rounded {
            max-height: 450px;
            object-fit: cover;
        }

        .carousel-control-prev,
        .carousel-control-next {
            top: 50%; /* Dikey olarak ortalanır */
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: rgba(0, 0, 0, 0.5); /* Gerekirse daha görünür hale getirin */
            border-radius: 50%;
            z-index: 5; /* Yazıların altında kalmasını engeller */
        }

        .carousel-control-prev {
            left: -5px; /* Sol oku daha dışa yaklaştırır */
        }

        .carousel-control-next {
            right: -5px; /* Sağ oku daha dışa yaklaştırır */
        }

        @media (max-width: 768px) {
            body, html {
                overflow-x: hidden; /* Sağ kaymayı tamamen engeller */
                margin: 0; /* Varsayılan marginleri kaldırır */
                padding: 0; /* Varsayılan paddingleri kaldırır */
                width: 100%; /* Genişliği tam ekrana oturtur */
            }

            .carousel-inner .row {
                flex-direction: column; /* Satır düzenini dikey yapar */
                margin: 0 auto; /* Ortalar */
                padding: 0 5px; /* Sağ-sol boşlukları minimize eder */
                width: 100%; /* Tam genişlik */
            }

            .carousel-inner .col-lg-6 {
                width: 100%; /* İçeriği tam genişlikte yapar */
                padding: 0; /* Ekstra boşlukları kaldırır */
            }

            img.img-fluid.rounded {
                max-width: 100%; /* Görselin mobilde tam oturmasını sağlar */
                height: auto; /* Yüksekliği otomatik ayarlar */
                object-fit: cover; /* Görselin düzgün görünmesini sağlar */
                margin: 0 auto; /* Ortalar */
            }

            .container123 {
                width: 100%; /* Konteynerin genişliğini tam ekrana yayar */
                margin: 0; /* Ekstra boşluk bırakmaz */
                padding: 0 5px; /* Sağ-sol boşlukları optimize eder */
                overflow-x: hidden; /* Sağ kaymayı engeller */
            }

            .carousel-control-prev,
            .carousel-control-next {
                display: block;
                top: 50%; /* Dikey olarak ortalanır */
                transform: translateY(-50%);
                width: 30px; /* Ok genişliği */
                height: 30px; /* Ok yüksekliği */
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 5; /* İçeriğin üstünde görünür */
            }

            .carousel-control-prev {
                left: 10px; /* Sol okun konumunu ayarlar */
            }

            .carousel-control-next {
                right: 10px; /* Sağ okun konumunu ayarlar */
            }

            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                width: 15px; /* Ok ikonlarının boyutunu küçültür */
                height: 15px;
            }
        }


        .container137 {
                max-width: 1100px;
                margin: 0 auto;
                background-color: #f8f9fa;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            }

            .text-muted137 {
                color: #6c757d;
                font-size: 14px;
            }

            .btn137 {
                padding: 10px 20px;
                background-color: #013220;
                color: #fff;
                border: none;
                border-radius: 5px;
                font-weight: bold;
                cursor: pointer;
                transition: background-color 0.3s;
            }

            .btn137:hover {
                background-color: #a10d7c;
            }

            .form-label {
                color: #013220;
                font-weight: 500;
                font-size: 14px;
            }

            .form-control, .form-select {
                border: 1px solid #ced4da;
                border-radius: 5px;
                font-size: 14px;
                height: 50px;
            }

            .form-check-label {
                font-size: 14px;
                color: #6c757d;
            }


            .container136 {
            max-width: 1100px;
            margin: 0 auto;
            padding: 20px;
        }

        .text-pink136 {
            color: #013220; /* Pembe tonunda başlık */
            font-weight: bold;
            font-size: 12px;
        }

        .text-dark136 {
            color: #212529; /* Siyah başlık rengi */
            font-weight: 500;
            font-size: 22px;
        }

        .text-muted136 {
            color: #6c757d; /* Gri metin rengi */
            font-size: 14px;
            margin-top: 15px;
        }

        .btn136 {
            width: auto; /* Buton genişliği içeriğine göre ayarlanır */
            max-width: 200px; /* İsterseniz sabit bir maksimum genişlik belirtebilirsiniz */
            display: inline-block;
            padding: 10px 20px;
            background-color: #013220;
            color: #ffffff;
            border-radius: 5px;
            font-weight: bold;
            text-decoration: none;
            font-size: 14px;
            text-align: center;
            transition: all 0.3s ease;
        }

        .btn136:hover {
            background-color: #a10d7c; /* Daha koyu hover efekti */
            color: #fff;
        }

        .img-fluid136 {
            max-width: 100%;
            height: auto;
        }


        .support-section {
            display: flex;
            align-items: center;
            gap: 10px; /* İkon ve metinler arasında boşluk */
            font-family: 'Poppins', sans-serif;
            font-size: 12px;
            color: #000000;
            }

            .support-icon {
                font-size: 26px;
                color: #000; /* Kulaklık ikonunun rengi */
            }

            .support-text {
                font-weight: 300;
                color: #1A73E8; /* "Destek" yazısının rengi */
            }

            .support-phone {
                text-decoration: none;
                font-weight: 400;
                color: #000000; /* Telefon numarası rengi */
            }

            .support-phone:hover {
                text-decoration: underline; /* Hover durumunda alt çizgi */
                text-decoration: none; /* Alt çizgiyi tamamen kaldırır */
            color: inherit; /* Link rengini metinle aynı yapar */
            }

            @media (max-width: 768px) {
            .support-phone {
                display: none;
            }
        }


        .footer-section {
            background-color: #f2f2f2; /* Açık gri arka plan */
            padding: 40px 0; /* Üst ve alt boşluk */
        }

        .footer-logo,
        .footer-menu,
        .footer-company {
            margin-top: 60px; /* Yukarıdan boşluk */
        }

        .container-footer {
            max-width: 1100px;
            margin: 0 auto;
        }

        .footer-icon {
            font-size: 24px;
            color: #ff6600; /* İkon rengi */
        }

        .footer-company p {
            font-size: 14px;
            color: #212529; /* Siyah metin */
        }

        .footer-menu {
            display: flex;
            gap: 20px;
        }

        .footer-menu-block {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .footer-menu a {
            font-size: 14px;
            color: #212529;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-menu a:hover {
            color: #013220; /* Hover rengi */
        }

        hr {
            border: 0.5px solid #dee2e6;
            margin: 15px 0;
        }

        .footer-link {
            font-size: 12px;
            color: #6c757d;
            text-decoration: none;
            margin-left: 10px;
        }

        .footer-link:hover {
            color: #013220;
        }

        .text-muted {
            font-size: 12px;
            color: #6c757d;
        }