body {
            font-family: 'Poppins', sans-serif;
        }
        .topbar {
            background-color: #28a745;
            color: white;
            padding: 10px;
            text-align: center;
            width: 100%;
        }
        .navbar-custom {
            max-width: 1100px;
            margin: 0 auto;
        }
        .navbar-light {
            background-color: #ebf3ff; /* Daha açık bir ton */
        }
        .navbar-light .navbar-nav .nav-link {
            color: rgba(0, 0, 0, 0.8); /* Koyu gri */
            padding-right: 25px; /* Menü başlıkları arasındaki boşluk */
            padding-left: 10px;  /* Menü başlıkları arasındaki boşluk */
            font-size: 16px; /* Yazı boyutu */
            font-weight: 400; /* Font ağırlığı */
        }
        .navbar-light .navbar-nav .nav-link:hover {
            color: #ffffff;
            background-color: #28a745; /* Arka plan rengi değişiyor */
        }
        .dropdown:hover .dropdown-menu {
            display: block;
        }
        .navbar-light .navbar-toggler {
            border-color: rgba(0, 0, 0, 0.5);
        }
        .navbar-light .navbar-toggler-icon {
            background-color: rgba(0, 0, 0, 0.5);
        }
        .navbar-brand {
            margin-right: 200px; /* Logo ve menü arasını açmak için */
        }
        .nav-link .bi {
            margin-right: 8px; /* İkon ile yazı arasındaki boşluk */
        }
    
        .login-button {
            display: flex;
            align-items: center;
            background-color: #ffffff; /* Buton arka planı beyaz */
            border: 1px solid #ccc; /* İnce gri kenarlık */
            padding: 8px 12px; /* Buton boyutu biraz küçültüldü */
            border-radius: 12px; /* Yuvarlak köşeler */
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
            transition: background-color 0.3s ease, border-color 0.3s ease; /* Geçiş efekti */
        }

        .login-button i {
            font-size: 1.5rem; /* İkon boyutu büyütüldü */
            margin-right: 5px;
        }

        .login-button div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 5px;
        }

        .login-button span {
            font-size: 0.9rem; /* "Giriş Yap" yazısı biraz küçültüldü */
            font-weight: SemiBold;
        }

        .login-button small {
            font-size: 0.7rem;
            color: #666;
        }

        .login-button:hover {
            background-color: #f8f9fa; /* Hover durumunda arka plan rengi */
            border-color: #bbb; /* Hover durumunda kenarlık rengi */
        }
  
        .slider-background {
            background-color: #f3f8ff; /* Tam genişlikte arka plan rengi */
            padding: 40px 0; /* Üst ve alt boşluk */
            width: 100%;
        }

        .slider-container {
            max-width: 1100px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px; /* Text ve resim arasındaki boşluk */
        }

        .slider-text {
            flex: 0 0 60%; /* Text kısmının genişliği yüzde 60 */
        }

        .slider-text h2 {
            font-size: 2rem;
            font-weight: 700;
            color: #333; /* Ana metin rengi */
        }

        .slider-text .highlight {
            color: #f96d00; /* Vurgulu metin rengi turuncu */
        }

        .slider-text p {
            font-size: 1rem;
            color: #666;
            margin-top: 15px;
        }

        .btn-primary {
            background-color: #007bff; /* Buton rengi örnekteki mavi tonuna uygun */
            border: none;
            padding: 12px 24px;
            font-size: 1rem;
            border-radius: 8px;
            margin-top: 20px;
        }

        .btn-primary:hover {
            background-color: #0056b3; /* Hover durumunda butonun koyulaşan rengi */
        }

        .slider-image {
            flex: 0 0 40%; /* Resim kısmının genişliği yüzde 40 */
            text-align: center;
        }

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

        @media (max-width: 768px) {
            .slider-container {
                flex-direction: column;
                text-align: center;
            }

            .slider-text {
                flex: 1;
                max-width: 100%;
            }

            .slider-image {
                flex: 1;
                max-width: 100%;
                margin-top: 20px;
            }
        }
  
        .content-background {
            background-color: #ffffff; /* Beyaz arka plan */
            padding: 60px 0; /* Üst ve alt boşluk */
            width: 100%;
        }

        .content-container {
            max-width: 1100px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            text-align: center; /* Merkezde hizalama */
            padding: 0 20px; /* İçerik kenar boşlukları */
        }

        .content-container h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
        }

        .content-container .highlight {
            color: #f96d00; /* Vurgulu metin rengi turuncu */
        }

        .content-container p {
            font-size: 1rem;
            color: #666;
            margin-bottom: 30px;
        }

        .features {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            margin-top: 40px;
        }

        .feature-card {
            background-color: #f8f9fa; /* Hafif gri arka plan */
            padding: 20px;
            border-radius: 12px;
            text-align: left;
            flex: 0 0 48%; /* İki kartın yan yana olması için genişlik */
        }

        .feature-card h4 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
        }

        .feature-card p {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }

        .feature-card img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }

        .btn-primary {
            background-color: #007bff; /* Buton rengi */
            border: none;
            padding: 12px 24px;
            font-size: 1rem;
            border-radius: 8px;
        }

        .btn-primary:hover {
            background-color: #0056b3; /* Hover rengi */
        }

        @media (max-width: 768px) {
            .features {
                flex-direction: column;
                align-items: center;
            }

            .feature-card {
                flex: 0 0 100%; /* Mobilde kartların tam genişlikte olması */
                margin-bottom: 20px;
            }
        }
    
        .reviews-background {
            background-color: #f3f8ff; /* Örnekteki arka plan rengi */
            padding: 60px 0; /* Üst ve alt boşluk */
            width: 100%; /* Tam genişlikte arka plan */
        }

        .reviews-container {
            max-width: 1100px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            text-align: center;
            padding: 0 20px; /* İçerik kenar boşlukları */
        }

        .reviews-slider {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .slider-btn {
            background-color: #ffffff; /* Buton arka planı beyaz */
            color: #000000; /* Ok rengi siyah */
            border: none;
            padding: 15px; /* Buton boyutu büyütüldü */
            border-radius: 50%; /* Tam yuvarlak buton */
            font-size: 1.2rem;
            cursor: pointer;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
        }

        .prev-btn {
            left: -60px; /* Sol ok konumu */
        }

        .next-btn {
            right: -60px; /* Sağ ok konumu */
        }

        .reviews-cards {
            display: flex;
            overflow: hidden; /* Kaydırma çubuğunu gizler */
            scroll-behavior: smooth;
            gap: 20px; /* Kartlar arasındaki boşluk azaltıldı */
        }

        .review-card {
            background-color: #ffffff; /* Kart arka plan rengi */
            padding: 20px;
            border-radius: 12px;
            text-align: left;
            flex: 0 0 300px; /* Kart genişliği */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
        }

        .review-card h4 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 5px;
        }

        .customer-info {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }

        .review-card p {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }

        @media (max-width: 768px) {
            .slider-btn {
                display: none; /* Mobilde ok tuşlarını gizle */
            }

            .reviews-cards {
                justify-content: center; /* Mobilde kartların ortalanması */
            }
        }


        .faq-background {
            background-color: #ffffff; /* Beyaz arka plan */
            padding: 40px 0; /* Üst ve alt boşluk */
            width: 100%; /* Tam genişlikte arka plan */
        }

        .faq-container {
            max-width: 700px; /* İçerik genişliği */
            margin: 0 auto; /* Ortalamak için */
            text-align: left;
            padding: 0 20px; /* İçerik kenar boşlukları */
        }

        .faq-container h2 {
            font-size: 1.75rem;
            font-weight: 700;
            color: #333;
            margin-bottom: 10px;
            text-align: center;
        }

        .faq-container p {
            font-size: 1rem;
            color: #666;
            margin-bottom: 30px;
            text-align: center;
        }

        .faq-item {
            margin-bottom: 15px;
        }

        .faq-question {
            width: 100%;
            background-color: #f8f9fa; /* Soru arka plan rengi */
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            text-align: left;
            font-size: 1rem;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
        }

        .faq-question:hover {
            background-color: #e2e6ea; /* Hover durumunda arka plan rengi */
        }

        .faq-answer {
            display: none; /* Varsayılan olarak gizli */
            padding: 15px;
            background-color: #f8f9fa; /* Cevap arka plan rengi */
            border-radius: 0 0 8px 8px; /* Alt kenarların yuvarlatılması */

        }

        .faq-answer p {
            margin: 0;
            text-align: left; /* Yazıyı sola yaslar */
        }

        .faq-question i {
            transition: transform 0.3s ease; /* İkon dönüş animasyonu */
        }

        .faq-question.active i {
            transform: rotate(45deg); /* Açıkken ikonu döndür */
        }
   

        .footer-links {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px; /* Linkler ve ayraçlar arasındaki boşluk */
            font-size: 0.8rem;
            color: #666;
            }

            .footer-links a {
                color: #000000;
                text-decoration: none;
            }

            .footer-links a:hover {
                color: #28a745; /* Hover durumunda yeşil renk */
            }

            .footer-links span {
                color: #000; /* Ayraçların rengi siyah */
            }


        .footer-background {
            background-color: #f1f3f5; /* Açık gri arka plan rengi */
            padding: 40px 20px; /* Üst ve alt boşluklar */
            }

            .footer-container {
                display: flex;
                justify-content: space-between;
                max-width: 1100px;
                margin: 0 auto; /* Ortalamak için */
                flex-wrap: wrap; /* Satır kaydırmayı sağlamak için */
                text-align: left;
            }

            .footer-column {
                flex: 0 0 18%; /* Kolon genişlik ayarı */
                margin-bottom: 20px; /* Kolonlar arası alt boşluk */
            }

            .footer-column h4 {
                font-size: 1rem;
                font-weight: bold;
                color: #000000;
                margin-bottom: 10px;
                position: relative;
            }

            .footer-column h4::after {
                content: "";
                display: block;
                width: 40px;
                height: 2px;
                background-color: #28a745; /* Yeşil alt çizgi */
                margin-top: 5px;
            }

            .footer-column ul {
                list-style-type: none;
                padding: 0;
            }

            .footer-column ul li {
                margin-bottom: 8px;
            }

            .footer-column ul li a {
                color: #000000;
                text-decoration: none;
                font-size: 0.9rem;
            }

            .footer-column ul li a:hover {
                color: #28a745; /* Hover durumunda yeşil renk */
            }

            .footer-bottom {
                text-align: center;
                margin-top: 30px;
            }

            .footer-bottom p {
                font-size: 0.8rem;
                color: #000000;
                margin: 5px 0;
            }

            .footer-logo {
                margin-top: 10px;
            }

            .footer-social {
                margin-top: 15px;
            }

            .footer-social a {
                color: #333;
                font-size: 1.2rem;
                margin: 0 10px;
                text-decoration: none;
            }

            .footer-social a:hover {
                color: #28a745; /* Hover durumunda yeşil renk */
            }

            @media (max-width: 768px) {
                .footer-container {
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                }

                .footer-column {
                    flex: 0 0 100%;
                    margin-bottom: 20px;
                }

                .footer-bottom {
                    text-align: center;
                }
            }

            .about-section {
    max-width: 1000px; /* İçerik genişliği */
    margin: 0 auto; /* Ortalamak için */
    text-align: center;
    padding: 40px 20px; /* Üst ve alt boşluk */
}

.about-section h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.about-section p {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.6;
}


    .acik-soru-hero-section {
    background-color: #f8f9fa; /* Arka plan rengi */
    width: 100%; /* Tam genişlik */
    padding: 40px 0; /* Üst ve alt boşluk */
    display: flex; /* İçerik ve görseli yan yana hizala */
    justify-content: center; /* İçerikleri ortala */
    align-items: center; /* Dikeyde ortalama */
    box-sizing: border-box;
}

.acik-soru-content {
    width: 600px; /* Yazı alanı genişliği */
    padding-right: 30px; /* Görsel ile yazı arasındaki boşluk */
}

.acik-soru-content h2 {
    font-size: 2.0rem; /* Başlık yazı boyutu */
    font-weight: 600; /* Başlık yazı kalınlığı */
    color: #333;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; /* Örnek tasarımda kullanılan font */
}

.acik-soru-content p {
    font-size: 0.9rem; /* Açıklama yazı boyutu */
    color: #666; /* Açıklama yazı rengi */
    line-height: 1.8; /* Satır yüksekliği */
    font-family: 'Poppins', sans-serif; /* Örnek tasarımda kullanılan font */
}

.acik-soru-image {
    width: 400px; /* Görsel genişliği */
    text-align: center;
}

.acik-soru-image img {
    max-width: 100%; /* Görselin tam genişlikte görünmesi */
    height: auto;
}

@media (max-width: 768px) {
    .acik-soru-hero-section {
        flex-direction: column; /* Mobilde içerikler üst üste gelsin */
        text-align: center;
    }

    .acik-soru-content {
        width: 100%; /* Mobilde yazı genişliği tam genişlik olsun */
        padding-right: 0; /* Görsel ile boşluğu kaldır */
    }

    .acik-soru-image {
        width: 100%; /* Görsel genişliği tam olsun */
    }
}


    .acik-soru-section-unique {
    background-color: #ffffff; /* Beyaz arka plan */
    width: 100%; /* Tam genişlik */
    padding: 40px 0; /* Üst ve alt boşluk */
    display: flex; /* İçerik ve görseli yan yana hizala */
    justify-content: center; /* İçerikleri ortala */
    align-items: center; /* Dikeyde ortalama */
    box-sizing: border-box;
}

.acik-soru-image-unique {
    width: 400px; /* Görsel genişliği */
    text-align: center;
}

.acik-soru-image-unique img {
    max-width: 100%; /* Görselin tam genişlikte görünmesi */
    height: auto;
}

.acik-soru-content-unique {
    width: 600px; /* Yazı alanı genişliği */
    padding-left: 50px; /* Görsel ile yazı arasındaki boşluk */
}

.acik-soru-content-unique h2 {
    font-size: 2.0rem; /* Başlık yazı boyutu */
    font-weight: 500; /* Başlık yazı kalınlığı */
    color: #333;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; /* Örnek tasarımda kullanılan font */
}

.acik-soru-content-unique p {
    font-size: 0.9rem; /* Açıklama yazı boyutu */
    color: #666; /* Açıklama yazı rengi */
    line-height: 1.8; /* Satır yüksekliği */
    font-family: 'Poppins', sans-serif; /* Örnek tasarımda kullanılan font */
}

@media (max-width: 768px) {
    .acik-soru-section-unique {
        flex-direction: column; /* Mobilde içerikler üst üste gelsin */
        text-align: center;
    }

    .acik-soru-content-unique {
        width: 100%; /* Mobilde yazı genişliği tam genişlik olsun */
        padding-left: 0; /* Görsel ile boşluğu kaldır */
    }

    .acik-soru-image-unique {
        width: 100%; /* Görsel genişliği tam olsun */
    }
}
    

    .register-section {
    background-color: #f9fbfd; /* Hafif açık mavi arka plan */
    width: 100%; /* Tam genişlik */
    padding: 60px 0; /* Üst ve alt boşluk */
    text-align: center;
}

.register-content {
    max-width: 1000px; /* İçerik genişliği */
    margin: 0 auto; /* Ortalamak için */
}

.register-section h2 {
    font-size: 2.0rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif; /* Modern font */
}

.register-section p {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif; /* Modern font */
}

.register-button {
    display: inline-block;
    background-color: #28a745; /* Buton arka plan rengi */
    color: #fff; /* Buton yazı rengi */
    padding: 15px 30px; /* Buton iç boşlukları */
    border-radius: 8px; /* Yuvarlak kenarlar */
    text-decoration: none; /* Alt çizgiyi kaldır */
    font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif; /* Buton yazı tipi */
    transition: background-color 0.3s ease;
}

.register-button:hover {
    background-color: #0056b3; /* Hover durumunda buton rengi */
}

.acik-soru-features-section {
    background-color: #f9fbfd; /* Hafif açık mavi arka plan */
    padding: 60px 0; /* Üst ve alt boşluk */
    text-align: center;
    width: 100%; /* Tam genişlik */
}

.acik-soru-features-content {
    max-width: 1000px; /* İçerik genişliği */
    margin: 0 auto; /* Ortalamak için */
}

.acik-soru-features-content h2 {
    font-size: 1.9rem; /* Başlık yazı boyutunu yarı yarıya küçülttük */
    font-weight: 700;
    color: #000; /* Siyah metin rengi */
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.acik-soru-features-content h2 .highlighted {
    color: #f15b2a; /* İlk kısmı turuncu */
}

.acik-soru-features-content p {
    font-size: 0.9rem; /* Yazı boyutunu yarı yarıya küçülttük */
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}


    .acik-soru-feature-wrapper {
    background-color: #f5f7fa; /* Naif açık mavi arka plan */
    width: 100%; /* Arka plan tam genişlik */
    padding: 60px 0; /* Üst ve alt boşluk */
    display: flex;
    justify-content: center; /* İçeriği ortala */
}

.acik-soru-feature-block {
    max-width: 1000px; /* İçerik genişliği 1000px */
    display: flex; /* İçerik ve görseli yan yana hizala */
    justify-content: space-between; /* İçerik ve görsel arasında boşluk bırak */
    align-items: center; /* Dikey hizalama */
    width: 100%;
}

.acik-soru-feature-content {
    width: 65%; /* İçerik genişliği %65 */
    padding-right: 20px; /* Sağ tarafında biraz boşluk */
}

.acik-soru-feature-content h2 {
    font-size: 1.75rem; /* Başlık boyutu */
    font-weight: 700;
    color: #28a745;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.acik-soru-feature-content p {
    font-size: 0.9rem; /* Yazı boyutu */
    color: #555;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif;
}

.acik-soru-feature-image {
    width: 35%; /* Görsel genişliği %35 */
    text-align: center;
}

.acik-soru-feature-image img {
    max-width: 100%; /* Görsel tam genişlikte */
    height: auto;
}

@media (max-width: 768px) {
    .acik-soru-feature-block {
        flex-direction: column; /* Mobilde üst üste gelsin */
        text-align: center;
    }

    .acik-soru-feature-content, .acik-soru-feature-image {
        width: 100%; /* Mobilde tam genişlik */
        padding-right: 0;
    }
}


    .acik-soru-ai-block {
    max-width: 1000px; /* İçeriği 1000 piksel genişlikte sınırla */
    margin: 0 auto; /* İçeriği yatayda ortala */
    display: flex;
    justify-content: space-between; /* İçerik ve görsel arasında boşluk bırak */
    align-items: center; /* Dikeyde hizalama */
}

.acik-soru-ai-image {
    width: 35%; /* Görsel genişliği %35 */
    text-align: center;
    margin-right: 20px;
}

.acik-soru-ai-image img {
    max-width: 100%; /* Görsel tam genişlikte */
    height: auto;
}

.acik-soru-ai-content {
    width: 65%; /* İçerik genişliği %65 */
}

.acik-soru-ai-content h2 {
    font-size: 1.75rem; /* Başlık boyutu */
    font-weight: 700;
    color: #28a745;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

.acik-soru-ai-content p {
    font-size: 0.9rem; /* Yazı boyutu */
    color: #555;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 768px) {
    .acik-soru-ai-block {
        flex-direction: column; /* Mobilde üst üste gelsin */
        text-align: center;
    }

    .acik-soru-ai-content, .acik-soru-ai-image {
        width: 100%; /* Mobilde tam genişlik */
        margin-right: 0;
    }
}
    

    .paketler-wrapper-456 {
    background-color: #ffffff; /* Arka plan beyaz */
    padding: 60px 0; /* Üst ve alt boşluk */
    display: flex;
    flex-direction: column;
    align-items: center; /* İçeriği ortala */
}

.paketler-header-456 {
    max-width: 1000px; /* İçerik genişliği 1000px */
    text-align: center;
    margin-bottom: 20px;
}

.paketler-header-456 h2 {
    color: #28a745; /* Başlık rengi yeşil */
    font-size: 1.75rem;
    font-family: 'Poppins', sans-serif;
}

.paketler-header-456 p {
    font-size: 1rem;
    color: #555;
    margin-top: 10px;
    font-family: 'Poppins', sans-serif;
}

.paketler-buttons-456 {
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap; /* Butonları sar */
    justify-content: center; /* Butonları ortala */
    gap: 15px; /* Butonlar arasında boşluk */
}

.paket-button-456 {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.0rem;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

.paket-button-456:hover {
    background-color: #28a745;
    color: #fff;
    border-color: #28a745;
}

@media (max-width: 768px) {
    .paket-button-456 {
        width: 100%; /* Mobilde tam genişlik */
        text-align: center;
    }
}


    .paketler-detay-wrapper-890 {
    background-color: #ffffff; /* Arka plan beyaz */
    display: flex;
    justify-content: center; /* İçeriği ortala */
    padding: 40px 0; /* Üst ve alt boşluk */
    margin-top: -60px; /* Butonlarla aradaki boşluğu ayarlar */
}

.paketler-detay-890 {
    width: 320px; /* Paket genişliği daraltıldı */
    border: 1px solid #28a745;
    border-radius: 8px;
    padding: 20px;
    background-color: #f8f9fa;
    font-family: 'Poppins', sans-serif;
}

.paket-header-890 h3 {
    color: #28a745; /* Yeşil başlık rengi */
    font-size: 1.3rem;
    margin-bottom: 10px;
    text-align: center;
}

.paket-header-890 h4 {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 10px;
}

.paket-degerlendirme-890 {
    color: #555;
    font-size: 0.8rem;
    margin-bottom: 20px;
}

.paket-fiyat-890 {
    text-align: center;
    margin-bottom: 20px;
}

.eski-fiyat-890 {
    text-decoration: line-through;
    color: #777;
    font-size: 0.85rem;
    margin-bottom: 5px;
}

.indirim-yuzde-890 {
    font-size: 0.75rem;
    color: #007bff;
    margin-bottom: 5px;
}

.indirimli-fiyat-890 {
    font-size: 1.5rem;
    color: #28a745;
    margin-bottom: 5px;
}

.taksit-890 {
    font-size: 0.75rem;
    color: #777;
}

.paket-incele-890 {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    margin-top: 10px;
    width: 100%;
}

.paket-ozellikler-890 {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.ozellikler-890, .icerikler-890 {
    width: 48%;
}

.ozellikler-890 h5, .icerikler-890 h5 {
    color: #28a745;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.ozellikler-890 ul, .icerikler-890 ul {
    list-style: none;
    padding: 0;
    color: #555;
    font-size: 0.75rem;
}

.ozellikler-890 li, .icerikler-890 li {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .paket-ozellikler-890 {
        flex-direction: column;
    }

    .ozellikler-890, .icerikler-890 {
        width: 100%;
        margin-bottom: 20px;
    }
}


    .blog-container-890 {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.blog-content-890 {
    width: 65%;
    padding-right: 20px;
}

.breadcrumb-890 {
    margin-bottom: 10px;
    font-size: 0.85rem;
}

.breadcrumb-890 a {
    color: #007bff;
    text-decoration: none;
}

.breadcrumb-890 span {
    color: #555;
}

.blog-content-890 h1 {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #333;
}

.post-meta-890 {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 20px;
}

.featured-image-890 {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.signup-banner-890 {
    background-color: #f0f8ff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.signup-banner-890 p {
    font-size: 1.2rem;
    color: #333;
}

.signup-button-890 {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
}

.signup-button-890:hover {
    background-color: #0056b3;
}

.blog-sidebar-890 {
    width: 30%;
}

.sidebar-box-890 {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sidebar-box-890 h3 {
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #333;
}

.sidebar-box-890 ul {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}

.sidebar-box-890 ul li {
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.login-button-890 {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
}

.login-button-890.apple {
    background-color: #333;
}

.login-link-890 {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 0.85rem;
    color: #007bff;
}

.recent-posts-890 h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.recent-posts-890 ul {
    list-style: none;
    padding: 0;
}

.recent-posts-890 ul li {
    margin-bottom: 10px;
}

.recent-posts-890 ul li a {
    text-decoration: none;
    color: #007bff;
    font-size: 0.9rem;
}

.recent-posts-890 ul li a:hover {
    text-decoration: underline;
}
    .contract-container-920 {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.contract-content-920 {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

.contract-date-920 {
    text-align: right;
    color: #007bff;
    font-weight: bold;
    font-size: 0.9rem;
}

.contract-content-920 h1 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #333;
}

.contract-intro-920 {
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.contract-content-920 h2 {
    font-size: 1.4rem;
    margin-top: 20px;
    color: #007bff;
}

.contract-content-920 p {
    margin-bottom: 10px;
}

.contract-content-920 ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

.contract-content-920 ul li {
    margin-bottom: 5px;
}

.contract-content-920 a {
    color: #007bff;
    text-decoration: none;
}

.contract-content-920 a:hover {
    text-decoration: underline;
}


    .press-container-930 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

.press-grid-930 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.press-item-930 {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

.press-item-930:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.press-item-930 img {
    max-width: 100%;
    height: auto;
}

.press-item-930 a {
    text-decoration: none;
    display: block;
}


.packages-container-931 {
    display: flex;
    justify-content: center;
    gap: 30px; /* Kartlar arasındaki boşluk */
    max-width: 1000px;
    margin: 0 auto 40px auto; /* Footer ile boşluk için alt boşluk eklendi */
    flex-wrap: wrap; /* Mobilde alt alta görünmesi için */
}

.package-box-931 {
    border: 1px solid #28a745;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    width: 300px; /* Kart genişliği */
    background-color: #f9f9f9;
    margin-bottom: 20px; /* Mobilde alt alta olduğunda boşluk bırakmak için */
}

.package-box-931 h3 {
    color: #28a745;
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.package-box-931 p {
    margin: 5px 0; /* Tüm paragraflar arasında daraltılmış boşluk */
    font-size: 0.8rem;
}

.package-box-931 .old-price-931 {
    text-decoration: line-through;
    color: #888;
    font-size: 1rem;
}

.package-box-931 .discount-931 {
    color: #007bff;
    font-size: 0.9rem;
}

.package-box-931 .new-price-931 {
    font-size: 1.3rem;
    color: #28a745;
    margin: 8px 0; /* Fiyat alanı için biraz boşluk bırakıldı */
}

.package-box-931 .installment-931 {
    font-size: 0.8rem;
    color: #555;
    margin-bottom: 15px; /* Alt metin alanındaki boşluk azaltıldı */
}

.buy-button-931 {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
}

.buy-button-931:hover {
    background-color: #218838;
}

/* Mobil uyumluluk için */
@media (max-width: 768px) {
    .package-box-931 {
        width: 100%; /* Mobilde tam genişlik */
    }
}



.content-wrapper-456 {
    width: 1000px;
    margin: 0 auto;
    display: flex;
}

.left-section-456 {
    width: 650px;
    padding-right: 20px;
}

.right-section-456 {
    width: 350px;
}

.breadcrumb-456 {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.breadcrumb-456 a {
    color: #007bff;
    text-decoration: none;
}

.package-title-456 {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
}

.package-rating-456 {
    font-size: 18px;
    color: #ffb400;
    margin: 10px 0;
}

.package-rating-456 span {
    margin-right: 8px;
}

.package-subtitle-456 {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-top: 10px;
}

.divider-456 {
    border: none;
    border-bottom: 2px solid #ccc;
    margin: 15px 0;
}


.accordion-container-990 {
    width: 100%;
    margin-top: 20px;
}

.accordion-header-990 {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px; /* Başlıkları küçülttüm */
    font-weight: normal; /* Daha naif ve ince hale getirdim */
    display: flex;
    justify-content: space-between; /* Sağ tarafta artı ikonu olacak şekilde */
    align-items: center;
}

.accordion-button-990 {
    background-color: transparent;
    color: #333;
    border: none;
    width: 100%;
    text-align: left;
    display: inline-block;
    font-size: 16px; /* Başlık boyutunu küçülttüm */
    padding: 10px;
}

.accordion-button-990:hover {
    background-color: #f0f0f0;
}

.accordion-body-990 {
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
}

.accordion-collapse-990 {
    margin-top: 5px;
}

.icon-990 {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.accordion-button-990.collapsed .icon-990 {
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out;
}


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

.paket-karti-13579 {
    width: 350px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    position: relative;
    margin: 20px auto;
    border: 1px solid #ddd;
    margin-left: 20px; /* Sol ve sağ boşluk eklendi */
}

.paket-baslik-alani-13579 {
    text-align: left; /* YKS 2025 sola hizalandı */
}


.baslik-13579 {
    font-size: 14px;
    color: #007bff;
    font-weight: bold;
}

.paket-adi-13579 {
    font-size: 18px;
    font-weight: bold;
}

.degerlendirme-13579 {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.cizgi-13579 {
    margin: 20px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.abonelik-secim-13579 {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.secenek-kutu-13579 {
    padding: 15px;
    background-color: #f7f7f7;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

.secenek-kutu-13579:hover {
    background-color: #eef7ff;
}

.secenek-kutu-13579 input {
    margin-top: 5px;
}

.abonelik-kutu {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Başlık ve indirimi aynı hizada tutar */
}

.abonelik-baslik {
    font-size: 14px;
    margin: 0;
}

.indirim-13579 {
    margin: 0;
    margin-left: auto; /* İndirimi tam sağa itmek için */
}

.indirim-arkaplan-13579 {
    background-color: #28a745;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
}


.fiyat-13579 {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
}

.gercek-fiyat-13579 {
    font-size: 14px;
    font-weight: semibold;
    color: #333;
}

.detay-13579 {
    font-size: 11px;
    color: #555;
    margin-top: 5px;
}

.toplam-alani-13579 {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.toplam-13579 {
    font-size: 14px;
    font-weight: semibold;
    color: #333;
}

.toplam-fiyat-13579 {
    font-size: 14px;
    font-weight: bold;
    color: #007bff;
}

.footer-karti-13579 {
    padding-top: 10px;
}

.satin-al-13579 {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px;
    width: 100%;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.satin-al-13579:hover {
    background-color: #0056b3;
}

.fiyat-kutu {
    margin-top: 5px; /* Üstteki başlık ve indirim ile fiyatlar arasında boşluk bırakır */
    display: flex;
    justify-content: space-between;
    align-items: center; /* Fiyat ve indirimsiz fiyatı aynı hizada tutar */
}

.gercek-fiyat-13579 {
    font-size: 14px;
    margin: 0;
    font-weight: semibold;
}

.indirimsiz-fiyat-13579 {
    font-size: 14px;
    text-decoration: line-through; /* Üstü çizili stil */
    color: #999;
    margin: 0;
    margin-left: auto; /* İndirimsiz fiyatı sağa yaslamak için */
}


         
            .container {
    display: flex;
    justify-content: center; /* Ortalamak için */
    padding: 20px 0; /* Üst ve alt boşluk */
}

.content-wrapper {
    max-width: 800px; /* Genişliği daraltmak için */
    width: 100%;
    background-color: #ffffff; /* Arka planı beyaz yapar */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
}

.author-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.author-content {
    flex: 1;
    margin-right: 20px;
}

.author-content h3 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #333;
}

.author-content h3 a {
    text-decoration: none;
    color: inherit;
}

.author-content h3 a:hover {
    text-decoration: underline;
}

.author-meta {
    font-size: 14px;
    color: #a00;
    margin-bottom: 10px;
}

.author-meta .author-name a {
    color: #555;
    font-weight: normal;
    text-decoration: none;
}

.author-meta .author-name a:hover {
    text-decoration: underline;
}

.author-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.author-footer {
    font-size: 12px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.author-footer .date {
    color: #888;
}

.author-footer .actions {
    color: #555;
    cursor: pointer;
}

.author-footer .actions i {
    margin-left: 5px;
}

.author-image {
    width: 150px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}

.author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-image a {
    display: block;
}


.login-container {
            width: 400px;
            margin: 0 auto;
            padding: 30px;
            border: 1px solid #eee;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-color: #fff;
        }

        .tab-buttons {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }

        .tab-link {
            background: none;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            color: #555;
            border-bottom: 2px solid transparent;
        }

        .tab-link.active {
            color: #f60;
            border-color: #f60;
        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        input[type="text"], input[type="password"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
            height: 50px; /* Yüksekliği arttırmak için */
            background-color: #f7f7f7; /* İçeriği hafif grimsi yapmak için */
        }

        .password-field {
            position: relative;
        }

        .show-password {
            position: absolute;
            font-size: 20px;
            top: 40%;
            right: 10px;
            transform: translateY(-50%);
            cursor: pointer;
        }

        .forgot-password {
            display: block;
            margin: 10px 0;
            color: #f60;
            text-align: right;
            text-decoration: none;
            font-size: 14px;
        }

        .submit-btn {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
        }

        .alternative-login {
            width: 100%;
            padding: 10px;
            background: none;
            color: #555;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 15px;
        }

        .alternative-login i {
            margin-right: 10px;
        }

        a {
            color: inherit; /* Link rengini normal metin renginizle aynı yapar */
            text-decoration: none; /* Altındaki çizgiyi kaldırır */
        }

        a:hover {
            color: inherit; /* Üzerine gelindiğinde de rengi aynı kalır */
            text-decoration: none; /* Üzerine gelindiğinde de altı çizilmez */
        }

        .modal-sozlesme {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 600px;
            background-color: rgba(0, 0, 0, 0.4);
            justify-content: center;
            align-items: center;
        }

        .modal-content-sozlesme {
            position: relative;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            width: 750px;
            max-height: 80%;
            overflow-y: auto;
            text-align: left;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }

        .close-sozlesme {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 34px;
            cursor: pointer;
            color: #333;
        }

        .close-sozlesme:hover {
            color: #f60;
        }

        /* Modal arka plan */
        .modal-kayitol {
            display: none;
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            justify-content: center;
            align-items: center;
        }



        .modal-content-kayitol {
            position: relative;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            width: 400px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }

        .close-kayitol {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
        }

        .close-kayitol:hover {
            color: #f60;
        }

        h2 {
            margin-top: 0;
            color: #333;
        }

        p {
            color: #777;
            margin-bottom: 20px;
        }

        .code-inputs-kayitol {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .code-input-kayitol {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            text-align: center;
            border: 1px solid #ddd;
            font-size: 24px;
            background-color: #f9f9f9;
            outline: none;
            margin: 0 5px;
        }

        .code-input-kayitol:focus {
            border-color: #f60;
        }

        .submit-btn-kayitol {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }

        .phone-input-kayitol {
            display: flex;
            align-items: center;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 10px;
            width: 97%; /* Genişliği diğer inputlarla aynı olacak şekilde ayarlıyoruz */
            background-color: #f9f9f9;
            margin-bottom: 20px; /* Şifre ile arada daha fazla boşluk bırakmak için */
        }

        .country-code-kayitol {
            background-color: #eee;
            border-right: 1px solid #ddd;
            padding: 10px;
            border-radius: 5px 0 0 5px;
            font-size: 16px;
            color: #555;
        }

        .phone-input-kayitol input {
            border: none;
            outline: none;
            padding: 10px;
            width: 100%; /* Genişliği sağa doğru uzatmak için */
            border-radius: 0 5px 5px 0;
            font-size: 16px;
            background-color: #eee;
        }

        .phone-input-kayitol input::placeholder {
            color: #aaa;
        }

        /* Şifre ve telefon girişi arasına boşluk eklemek için */
        input[type="password"] {
            margin-top: -5px; /* Şifre alanını aşağıya itmek için */
        }

        /* Modal arka plan */
        .modal-sifremiunuttum {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            justify-content: center;
            align-items: center;
        }

        .modal-content-sifremiunuttum {
            position: relative;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            width: 350px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }

        .close-sifremiunuttum {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #333;
        }

        .close-sifremiunuttum:hover {
            color: #f60;
        }

        h2 {
            margin-top: 0;
            color: #333;
        }

        p {
            color: #777;
            margin-bottom: 20px;
        }

        input[type="email"] {
            width: 95%;
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
        }

        .submit-btn-sifremiunuttum {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }

        .submit-btn-sifremiunuttum:hover {
            background-color: #e55b00;
        }

        .forgot-password-link-sifremiunuttum {
            color: #f60;
            text-decoration: none;
            font-size: 14px;
            margin-top: 10px;
            display: block;
        }

        .row-12345 {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
        }

        .col-left-12345 {
          font-size: 14px;
          font-weight: medium;
          color: #333;
        }

        .col-right-12345 {
          font-size: 14px;
          color: #555;
          font-weight: semibold;
          text-align: right;
        }

        .charity-selection-12345 {
            display: flex;
            justify-content: space-around;
            margin: 20px 0;
            }

        .charity-option-12345 {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            }

        .charity-option-12345 input {
            display: none;
            }

        .charity-logo-12345 {
            width: 100px;
            height: auto;
            margin-bottom: 10px;
            }

        .charity-option-12345 input:checked + img {
            border: 3px solid #28a745; /* Seçilen logonun etrafına yeşil sınır */
            border-radius: 10px;
            }

        .charity-option-12345 span {
            font-size: 16px;
            color: #333;
            font-weight: bold;
            }