.card {
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        background-color: #0056b3;
        border-color: #004085;
    }

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

    .signup a:hover {
        text-decoration: underline;
    }

.text-danger {
    font-size: 0.9rem;
}


/* Genel Buton Stili */
.button.fullfield {
    display: inline-flex; /* İkon ve metni yan yana hizalar */
    align-items: center; /* Dikey hizalama */
    justify-content: center; /* Yatay hizalama */
    gap: 8px; /* İkon ile metin arasındaki boşluk */
    padding: 10px 20px; /* İç boşluk */
    border-radius: 5px; /* Köşeleri yuvarlatma */
    text-align: center;
    text-decoration: none; /* Link alt çizgisi kaldırılır */
    font-size: 14px; /* Yazı boyutu */
    transition: all 0.3s ease; /* Hover geçiş animasyonu */
    transform: scale(1); /* Normal boyut */
    border:none;
    background-color: #1bb5cc;
}

/* btn-contact-color Stili */
.btn-contact-color .button.fullfield {
    background-color: #1BB5CC; /* Normal arka plan rengi */
    color: white; /* Normal metin rengi */
}

    .btn-contact-color .button.fullfield:hover {
        background-color: #064a97; /* Hover arka plan rengi */
        color: white; /* Hover metin rengi */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    }

/* btn-signUp-color Stili */
.btn-signUp-color .button.fullfield {
    background-color: #1BB5CC; /* Normal arka plan rengi */
    color: white; /* Normal metin rengi */
}

    .btn-signUp-color .button.fullfield:hover {
        background-color: #0056b3; /* Hover arka plan rengi */
        color: white; /* Hover metin rengi */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Hafif gölge */
    }

/* İkon Stili */
.button.fullfield i {
    font-size: 16px; /* İkon boyutu */
    vertical-align: middle; /* Dikey hizalama */
}



.site-header {
    position: fixed; /* Header'ı sabitler */
    top: 0;
    left: 0;
    width: 100%; /* Header'ın tam genişlikte olmasını sağlar */
    z-index: 1000; /* Diğer içeriklerin üstünde kalmasını sağlar */
    padding-top: 25px;
    padding-bottom: 18px;
    background-color: rgba(0, 0, 0, 0); /* Şeffaf arka plan */
    transition: background-color 0.3s ease, color 0.3s ease; /* Geçiş efekti */
}

    .site-header.scrolled {
        background-color: #022041; /* Scroll sonrası arka plan rengi */
        color: #000; /* Scroll sonrası yazı rengi */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    }


.LanguageSelector {
    margin-left: 20px;
}



.alert {
    margin-top: 20px;
    padding: 15px;
    font-size: 14px;
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.tel-box-color {
    background-color: #1BB5CC !important;
}

.email-box-color {
    background-color: #022041 !important;
}

div.platform-btn-color .button.fullfield {
    background-color: #1BB5CC; /* Butonun arka plan rengi */
    color: #ffffff; /* Yazı rengi */
    border: none; /* Kenar çizgisi yok */
    padding: 10px 20px; /* İç boşluk */
    font-size: 16px; /* Yazı boyutu */
    text-align: center; /* Metni ortala */
    text-decoration: none; /* Alt çizgi yok */
    display: inline-block; /* Inline-block düzeni */
    border-radius: 5px; /* Köşeleri yuvarla */
    transition: background-color 0.3s ease; /* Renk geçişi */
}

    /* Butonun hover (üzerine gelme) durumu */
    div.platform-btn-color .button.fullfield:hover {
        background-color: #022041; /* Hover arka plan rengi */
        color: #ffffff; /* Yazı rengini koru */
        cursor: pointer; /* İmleç el şeklinde */
        transform: scale(1.05); /* Hafif büyütme efekti */
    }


/* Arka Plan */
#register-wrapper {
    background: linear-gradient(135deg, #022041, #1BB5CC); /* Gradient arka plan */
    min-height: 100vh; /* Ekran boyutunu tam kaplar */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #fff;
    position: relative; /* Dekoratif öğeler için */
    overflow: hidden;
}



    /* Dekoratif Daireler */
    #register-wrapper::before, #register-wrapper::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1); /* Şeffaf beyaz */
        z-index: 1;
    }

    /* Üst Sağdaki Daire */
    #register-wrapper::before {
        width: 300px;
        height: 300px;
        top: -100px;
        right: -100px;
    }

    /* Alt Soldaki Daire */
    #register-wrapper::after {
        width: 400px;
        height: 400px;
        bottom: -150px;
        left: -150px;
    }

    /* Arka Plan Noktaları */
    #register-wrapper .dots {
        position: absolute;
        width: 300px;
        height: 300px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
        background-size: 15px 15px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        opacity: 0.2;
    }

/* Form Kartı */
.card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 100%;
    max-width: 800px; /* Daha kompakt genişlik */
    margin: auto;
    padding: 15px;
    margin-top: 120px;
}

/* Kart Başlık */
.card-header {
    background: linear-gradient(to right, #022041, #1BB5CC);
    text-align: center;
    color: #ffffff;
    padding: 10px 15px;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
}

    .card-header h2 {
        font-size: 1.4rem; /* Başlık boyutu küçültüldü */
        font-weight: bold;
        margin-bottom: 5px;
    }

/* Form Düzeni */
.card-body {
    padding: 15px 20px; /* Daha dar padding */
}

    .card-body form {
        display: grid;
        grid-template-columns: 1fr 1fr; /* İki sütun düzeni */
        gap: 10px; /* Daha dar boşluklar */
    }

        /* Tek Sütun Kapsayan Alanlar */
        .card-body form .full-width {
            grid-column: span 2;
        }

    /* Form Alanları */
    .card-body input.form-control,
    .card-body select.form-control {
        background: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 0.9rem; /* Yazı boyutu küçültüldü */
        padding: 8px 10px; /* Daha dar padding */
        height: 35px; /* Yükseklik azaltıldı */
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .card-body input.form-control:focus,
        .card-body select.form-control:focus {
            border-color: #1BB5CC;
            box-shadow: 0 0 5px rgba(27, 181, 204, 0.3);
        }

/* Butonlar */
.btn-primary {
    background: #1BB5CC;
    border: none;
    padding: 8px 15px; /* Daha küçük buton boyutu */
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Alt Metin */
.text-center p {
    grid-column: span 2;
    margin: 10px 0 0;
    font-size: 0.85rem;
    color: #555;
}

/* Tablet Cihazlar (768px ve altı) */
@media (max-width: 768px) {
    .card {
        max-width: 90%; /* Daha dar hale gelir */
        margin-top: 80px;
    }

    .card-body form {
        grid-template-columns: 1fr; /* Tek sütun düzeni */
        gap: 15px; /* Daha büyük boşluk */
    }

    .text-center p {
        grid-column: span 1; /* Tek sütuna geçiş */
    }
}

/* Mobil Cihazlar (576px ve altı) */
@media (max-width: 576px) {
    .card {
        max-width: 100%; /* Tam genişlik */
        padding: 10px;
        margin-top: 160px;
    }

    .card-header h2 {
        font-size: 1.2rem; /* Başlık boyutunu küçült */
    }

    .card-body form {
        gap: 10px; /* Daha dar boşluklar */
    }

    .btn-primary {
        font-size: 0.8rem; /* Daha küçük buton boyutu */
        padding: 6px 10px; /* Daha az padding */
    }
}

footer {
    background-color: #022041; /* Temel koyu mavi arka plan rengi */
    color: #ffffff; /* Yazı rengini beyaz yaptık */
    font-size: 20px;
    width: 100%;
}

.footer-top {
    padding: 30px 0;
}

.footer-item {
    padding: 0 20px;
    position: relative;
    border-right: 2px solid #1BB5CC; /* Dikey çizgi için açık mavi */
}

    .footer-item:last-child {
        border-right: none;
    }

    .footer-item:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 2px;
        background-color: #1BB5CC; /* Açık mavi renk */
    }

    .footer-item h6 {
        color: #1BB5CC; /* Başlık rengi açık mavi */
        font-size: 19px;
        margin-bottom: 18px;
        text-transform: uppercase;
    }

    .footer-item ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .footer-item ul li {
            margin-bottom: 12px;
        }

            .footer-item ul li a {
                color: #ffffff; /* Linklerin rengi beyaz */
                text-decoration: none;
                font-size: 14px;
                transition: color 0.3s ease-in-out;
            }

                .footer-item ul li a:hover {
                    color: #1BB5CC; /* Hover durumunda açık mavi */
                }

            .footer-item ul li i {
                margin-right: 10px;
                color: #1BB5CC; /* İkon rengi açık mavi */
            }

.footer-bottom {
    padding: 15px 0;
    font-size: 12px;
    color: #ffffff; /* Alt kısım yazı rengini beyaz yaptık */
    background-color: #022041; /* Alt kısım arka plan rengi temel koyu mavi */
    text-align: center;
}

.block-icon-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.icon-box {
    border: 2px solid #d9e3ec; /* Sınır rengi */
    border-radius: 8px; /* Köşeleri yuvarlaklaştır */
    padding: 20px; /* İç boşluk */
    background-color: #fff; /* Beyaz arka plan */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    transition: all 0.3s ease; /* Hover geçiş animasyonu */
    display: flex;
    align-items: center;
    gap: 15px;
}

    .icon-box .icon {
        font-size: 24px;
        color: #007bff; /* Simge rengi */
    }

    .icon-box .content .title {
        font-size: 16px;
        font-weight: bold;
        color: black; /* Başlık rengi */
    }

    .icon-box .content .desc {
        font-size: 14px;
        color: #555; /* Açıklama rengi */
    }

/* Blur ve focus efektleri */
.block-icon-box:hover .icon-box {
    filter: blur(3px); /* Diğer öğeleri bulanıklaştır */
    opacity: 0.6; /* Diğer öğeleri daha soluk yap */
}

.block-icon-box .icon-box:hover {
    filter: blur(0);
    opacity: 1;
    z-index: 2;
    transform: scale(1.05); /* Hover yapılan öğeyi büyüt */
    

    background: linear-gradient(to right, #064A97, #1bb5cc);
    /* Arka plan rengini değiştir */
}

    .block-icon-box .icon-box:hover i {
        filter: blur(0);
        opacity: 1;
        z-index: 2;
        transform: scale(1.05); /* Hover yapılan öğeyi büyüt */
        border-color: #fff; /* Sınır rengini değiştir */

        background-color: white;
        /* Arka plan rengini değiştir */
    }

    .block-icon-box .icon-box:hover .title,
    .block-icon-box .icon-box:hover .desc {
        color: #fff !important; /* Yazı rengini beyaz yap */
    }

    /* İkon rengini beyaz yap */
    .block-icon-box .icon-box:hover .icon {
        color: #fff !important; /* İkon rengini beyaz yap */
    }


img {
    background-color: transparent;
}

/* 992px ve altı ekranlar için (tabletler) */
@media (max-width: 992px) {
    .section.has-shape {
        padding-bottom: 50px; /* Alt padding'i azalt */
    }

    .block-testimonial.layout-01 .item p {
        font-size: 15px; /* Yazı boyutunu küçült */
        line-height: 1.4; /* Satır yüksekliğini artır */
    }

    .swiper-slide .yukseklik .item {
        height: auto; /* Sabit yükseklik yerine içeriğe göre ayarla */
    }

    .heading-title.size-l {
        font-size: 24px; /* Başlık boyutunu küçült */
    }

    .swiper-slide {
        width: calc(100% - 20px); /* Slayt genişliğini ekrana göre ayarla */
        
    }
}

/* 768px ve altı ekranlar için (mobil cihazlar) */
@media (max-width: 768px) {
    .section.has-shape {
        padding-bottom: 30px;
    }

    .block-testimonial.layout-01 .item p {
        font-size: 14px; /* Yazı boyutunu küçült */
        margin-bottom: 15px; /* Alt boşluğu azalt */
    }

    .swiper-slide {
        width: 100% !important; /* Mobilde slaytları tam genişlikte göster */
    }

    .heading-title.size-l {
        font-size: 20px; /* Daha küçük başlık */
    }

    .section.has-shape .shape-yellow {
        height: 100px; /* Şekillerin boyutlarını küçült */
        width: 100px;
    }

    .section.has-shape .shape-blue {
        height: 300px;
        width: 300px;
        top: 15%;
        right: -15%;
    }

    .section.has-shape .shape-navy {
        height: 250px;
        width: 250px;
        top: 30%;
        right: 5%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1428px !important;
    }
}
/* 576px ve altı ekranlar için (küçük mobil cihazlar) */
@media (max-width: 576px) {
    .block-testimonial.layout-01 .item p {
        font-size: 13px; /* Daha küçük yazı boyutu */
    }

    .heading-title.size-l {
        font-size: 18px;
    }

    .section.has-shape .shape-yellow {
        height: 80px;
        width: 80px;
    }

    .section.has-shape .shape-blue {
        height: 200px;
        width: 200px;
    }
}

/* Testimonial Slider için Responsive Stiller */
.block-testimonial.layout-01 {
    padding: 0 15px;
    overflow: hidden; /* Taşan kısımları gizle */
}

    .block-testimonial.layout-01 .swiper-wrapper {
        display: flex;
        align-items: center;
    }

    .block-testimonial.layout-01 .item {
        background: #fff;
        padding: 25px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        height: 300px;
        transition: transform 0.3s ease;
    }

    .block-testimonial.layout-01 .swiper-slide {
        height: auto;
        display: flex;
        justify-content: center;
        transition: all 0.3s ease;
    }

/* Mobil cihazlar için özel stiller */
@media (max-width: 768px) {
    .block-testimonial.layout-01 {
        padding: 0;
        max-width: 100%;
        margin: 0 auto;
    }

        .block-testimonial.layout-01 .swiper-slide {
            width: 90% !important; /* Slide genişliğini ayarla */
            margin: 0 auto !important; /* Merkezde konumlandır */
            transform: translateX(0) !important; /* Sola kayma sorununu düzelt */
        }

        .block-testimonial.layout-01 .item {
            padding: 20px;
            margin: 0 auto; /* Merkezde konumlandır */
            width: 100%;
        }

        .block-testimonial.layout-01 .swiper-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
        }

    /* Pagination stilini düzenle */
    .swiper-pagination {
        position: relative;
        bottom: 0;
        margin-top: 20px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
}

/* Küçük mobil cihazlar için ek düzenlemeler */
@media (max-width: 576px) {
    .block-testimonial.layout-01 .swiper-slide {
        width: 85% !important; /* Daha küçük ekranlarda biraz daha dar */
    }

    .block-testimonial.layout-01 .item p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 15px;
    }
}



/*ÖZELLİKLER DROPDOWN*/
/* Özellikler Dropdown */
.is-mega-menu.has-sub-menu {
    position: relative;
    display: inline-block;
}

.is-mega-menu a {
    color: white; /* Yazı rengini beyaz yapar */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    transition: color 0.3s ease; /* Renk değişimine yumuşak geçiş efekti ekler */
}

.menu-link {
    color: white;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    min-width: 200px;
    border-radius: 8px;
    padding: 8px 0;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}





.is-mega-menu a:hover {
    color: #1BB5CC; /* Hover durumunda farklı bir renk (örneğin sitenizin mavi tonu) */
}

.site-header .canvas-menu .icon svg g rect {
    color: white;
}

a, a:hover, a:focus {
    cursor: pointer !important;
}

/* Header içindeki tüm a etiketleri için */
.site-header a,
.main-menu a,
.dropdown-menu a,
.header-right a {
    cursor: pointer !important;
}





.is-mega-menu.has-sub-menu:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    padding: 12px 24px;
    color: #022041 !important;
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .dropdown-item:hover {
        background-color: #f8f9fa;
        color: #1BB5CC !important;
        padding-left: 28px;
    }

/* Dropdown Arrow */
.dropdown-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
}

/* Masaüstü için hover stilleri */
@media (min-width: 769px) {
    .has-sub-menu {
        position: relative;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        background-color: white;
        min-width: 200px;
        border-radius: 8px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        padding-top: 15px; /* Üst padding ekledik */
        margin-top: 0; /* Margin'i kaldırdık */
    }

        /* Görünmez köprü oluşturma */
        .dropdown-menu::after {
            content: '';
            position: absolute;
            top: -15px; /* Padding-top ile aynı değer */
            left: 0;
            width: 100%;
            height: 15px;
            background: transparent;
        }

    .has-sub-menu:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    /* Ok işareti düzenleme */
    .dropdown-menu::before {
        content: '';
        position: absolute;
        top: 7px; /* Ok işaretinin pozisyonunu ayarladık */
        left: 50%;
        transform: translateX(-50%);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #022041;
    }

    .dropdown-content {
        background-color: white;
        border-radius: 12px;
        padding: 8px;
        box-shadow: 0 10px 30px rgba(0, 68, 148, 0.1);
        border: 1px solid rgba(27, 181, 204, 0.1);
        min-width: 200px;
        transform-origin: top center;
        animation: dropdownFade 0.8s ease;
    }

    .dropdown-item {
        display: flex;
        align-items: center;
        padding: 12px 20px;
        color: #022041;
        text-align: left;
        white-space: nowrap;
        transition: all 0.5s ease;
        border-radius: 8px;
        margin: 2px 0;
        font-weight: 500;
        position: relative;
        overflow: hidden;
    }

        .dropdown-item:hover {
            background: linear-gradient(45deg, rgba(0, 68, 148, 0.05), rgba(27, 181, 204, 0.05));
            color: #004494;
            transform: translateX(5px);
        }

        .dropdown-item::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 3px;
            background: linear-gradient(to bottom, #004494, #1BB5CC);
            opacity: 0;
            transition: all 0.3s ease;
        }

        .dropdown-item:hover::before {
            opacity: 1;
        }

    @keyframes dropdownFade {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

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

    /* Ayırıcı çizgi için */
    .dropdown-divider {
        height: 1px;
        margin: 8px 0;
        background: linear-gradient(to right, transparent, rgba(27, 181, 204, 0.1), transparent);
    }
}

/* Mobil menü stilleri korunuyor */
@media (max-width: 768px) {
    .dropdown-menu {
        display: none;
        position: static;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: none;
        padding: 0;
        transform: none;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s ease;
    }

        .dropdown-menu.show {
            display: block;
            opacity: 1;
            visibility: visible;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .dropdown-item {
        padding: 12px 20px;
        color: #022041 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .dropdown-item:last-child {
            border-bottom: none;
        }

    

        .is-mega-menu.has-sub-menu > a {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .is-mega-menu.has-sub-menu > a::after {
                content: '\f107';
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                margin-left: 5px;
                transition: transform 0.6s ease;
            }

            .is-mega-menu.has-sub-menu > a[aria-expanded="true"]::after {
                transform: rotate(180deg);
            }

    /* Canvas menu düzenlemeleri */
    .canvas-menu.active + .main-menu {
        display: block;
    }

    .main-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(2, 32, 65, 0.95);
        padding: 80px 20px 20px;
        overflow-y: auto;
        z-index: 999;
    }

        .main-menu ul {
            flex-direction: column;
        }

        .main-menu li {
            margin: 10px 0;
        }

    .menu-action {
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        position: absolute;
        top: 20px;
        right: 20px;
    }

        .menu-action .item {
            color: white;
            font-size: 24px;
            margin-left: 15px;
            cursor: pointer;
        }

            .menu-action .item:hover {
                color: #1BB5CC;
            }

    .main-menu a {
        color: white;
        font-size: 16px;
        padding: 12px 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .main-menu a:hover {
            color: #1BB5CC;
        }

    /* Dropdown stilleri */
    .dropdown-menu {
        background: rgba(255, 255, 255, 0.05);
        margin: 0;
        padding: 0;
    }

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

    .dropdown-item {
        color: white !important;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

        .dropdown-item:hover {
            background: rgba(27, 181, 204, 0.1);
            color: #1BB5CC !important;
        }
}


.select2-container .select2-selection--single {
    height: 56px !important;
    border: 1px solid #e0ecf5;
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 70% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    top: 1px;
}

.select2-container--default .select2-selection--multiple {
    min-height: 56px !important;
    border: 1px solid #e0ecf5;
    padding: 10px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: 25px !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
        top: 70% !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        height: 40px !important;
        top: 1px;
    }



/* -------------------------- Blog Header Styles ---------------------------------*/
.blog-header {
    background: linear-gradient(135deg, #022041 0%, #1BB5CC 100%);
    padding: 120px 0 80px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

    .blog-header::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        height: 300px;
        background: rgba(27, 181, 204, 0.1);
        border-radius: 50%;
        transform: translate(100px, -100px);
    }

    .blog-header .blog-title {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .blog-header .blog-subtitle {
        color: rgba(255, 255, 255, 0.9);
        font-size: 18px;
    }

/* Blog Card Styles */
.blog-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .blog-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }

.blog-image {
    position: relative;
    overflow: hidden;
}

    .blog-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.blog-card:hover .blog-image img {
    transform: scale(1.05);
}

.blog-date {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(2, 32, 65, 0.9);
    color: #fff;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-content {
    padding: 25px;
}

    .blog-content .blog-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.4;
    }

        .blog-content .blog-title a {
            color: #022041;
            text-decoration: none;
            transition: color 0.3s ease;
        }

            .blog-content .blog-title a:hover {
                color: #1BB5CC;
            }

.blog-excerpt {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.read-more {
    color: #1BB5CC;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease;
}

    .read-more:hover {
        gap: 12px;
        color: #022041;
    }

/* Pagination Styles */
.blog-pagination {
    margin: 40px 0;
    text-align: center;
}

.pagination-container {
    display: inline-flex;
    gap: 20px;
    align-items: center;
}

.pagination-link {
    color: #022041;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.3s ease;
    border: 1px solid #1BB5CC;
}

    .pagination-link:hover {
        background: linear-gradient(135deg, #022041 0%, #1BB5CC 100%);
        color: white;
    }

.page-info {
    font-size: 14px;
    color: #022041;
    padding: 8px 12px;
    background: rgba(27, 181, 204, 0.1);
    border-radius: 15px;
    min-width: 60px;
    display: inline-block;
    text-align: center;
}

/* Responsive styles */
@media (max-width: 576px) {
    .pagination-link {
        font-size: 13px;
        padding: 6px 12px;
    }

    .pagination-container {
        gap: 15px;
    }

    .page-info {
        font-size: 13px;
        padding: 6px 10px;
        min-width: 50px;
    }
}
/* Responsive Styles */
@media (max-width: 992px) {
    .blog-header {
        padding: 100px 0 60px;
    }

        .blog-header .blog-title {
            font-size: 40px;
        }
}

@media (max-width: 768px) {
    .blog-header {
        padding: 80px 0 40px;
        margin-bottom: 40px;
    }

        .blog-header .blog-title {
            font-size: 32px;
        }

        .blog-header .blog-subtitle {
            font-size: 16px;
        }
}

@media (max-width: 576px) {
    .blog-content {
        padding: 20px;
    }

        .blog-content .blog-title {
            font-size: 18px;
        }

    .blog-excerpt {
        font-size: 14px;
    }
}




/* Blog Detail Header */
.blog-detail-header {
    background: linear-gradient(135deg, #022041 0%, #1BB5CC 100%);
    padding: 100px 0 50px;
    color: white;
    position: relative;
    overflow: hidden;
}

    .blog-detail-header::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 100%;
        height: 100%;
        background: rgba(27, 181, 204, 0.1);
        border-radius: 50%;
        transform: rotate(-45deg);
    }

.category-badge {
    display: inline-block;
    background: rgba(27, 181, 204, 0.2);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    backdrop-filter: blur(5px);
}

.blog-detail-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}



/* Blog Detail Content */
.blog-detail-content {
    padding: 60px 0;
    background: #f8f9fa;
}

.blog-detail-article {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.featured-image {
    width: 100%;
    height: 800px;
    overflow: hidden;
}

    .featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .featured-image:hover img {
        transform: scale(1.05);
    }

.article-content {
    padding: 40px;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

    .article-content h2,
    .article-content h3 {
        color: #022041;
        margin: 30px 0 15px;
    }

    .article-content p {
        margin-bottom: 20px;
    }

.article-footer {
    border-top: 1px solid #eee;
    padding: 30px 40px;
}

/* Tags Section */
.tags-section h4,
.share-section h4 {
    color: #022041;
    font-size: 18px;
    margin-bottom: 15px;
}

.tags-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tag-item {
    background: rgba(27, 181, 204, 0.1);
    color: #1BB5CC;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 13px;
    transition: all 0.3s ease;
}

    .tag-item:hover {
        background: #1BB5CC;
        color: white;
    }

/* Share Buttons */
.share-section {
    margin-top: 30px;
}

.share-buttons {
    display: flex;
    gap: 15px;
}

.share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .share-btn.facebook {
        background: #3b5998;
    }

    .share-btn.twitter {
        background: #1da1f2;
    }

    .share-btn.linkedin {
        background: #0077b5;
    }

    .share-btn.whatsapp {
        background: #25d366;
    }

    .share-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

/* Sidebar */
.blog-sidebar {
    position: sticky;
    top: 100px;
}

.author-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.author-info h4 {
    color: #022041;
    margin-bottom: 5px;
}

.author-info p {
    color: #666;
    font-size: 14px;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .blog-detail-title {
        font-size: 32px;
    }

    .featured-image {
        height: 400px;
    }

    .article-content {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .blog-detail-header {
        padding: 80px 0 40px;
    }

    .blog-detail-title {
        font-size: 28px;
    }

    .featured-image {
        height: 366px;
    }

    .article-content {
        padding: 20px;
        font-size: 15px;
    }
}


/* Recent Posts Widget */
.sidebar-widget {
    background: white;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.widget-title {
    color: #022041;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(27, 181, 204, 0.1);
}

.recent-post-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .recent-post-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.post-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}

    .post-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .post-thumb:hover img {
        transform: scale(1.1);
    }

.post-info {
    flex-grow: 1;
}

.post-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
}

    .post-title a {
        color: #022041;
        text-decoration: none;
        transition: color 0.3s ease;
    }

        .post-title a:hover {
            color: #1BB5CC;
        }

.post-date {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .sidebar-widget {
        padding: 20px;
    }

    .widget-title {
        font-size: 18px;
    }
}


<style >
.blog-pagination {
    margin: 40px 0 !important;
}

.blog-pagination .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
}

.blog-pagination .page-link {
    border: none !important;
    background: transparent !important;
    padding: 5px 10px !important;
    color: #022041 !important;
    font-size: 15px !important;
    transition: color 0.3s ease !important;
}

.blog-pagination .prev,
.blog-pagination .next {
    color: #1BB5CC !important;
}

.blog-pagination .current {
    color: #022041 !important;
    font-weight: 500 !important;
}

.blog-pagination .page-link:hover {
    color: #1BB5CC !important;
}

@media (max-width: 768px) {
    .blog-pagination .page-link {
        font-size: 14px !important;
    }
}


/*---------------------------------- NEWS INDEX DİZAYNI -----------------------------------*/



.blog-pagination {
    margin: 40px 0 !important;
}

    .blog-pagination .pagination {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
    }

    .blog-pagination .page-link {
        border: none !important;
        background: transparent !important;
        padding: 5px 10px !important;
        color: #022041 !important;
        font-size: 15px !important;
        transition: color 0.3s ease !important;
    }

    .blog-pagination .prev,
    .blog-pagination .next {
        color: #1BB5CC !important;
    }

    .blog-pagination .current {
        color: #022041 !important;
        font-weight: 500 !important;
    }

    .blog-pagination .page-link:hover {
        color: #1BB5CC !important;
    }

.blog-meta {
    text-align: left;
    margin: 15px 0;
}

.blog-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #022041;
    font-size: 14px;
    font-weight: 500;
}

.blog-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
    margin-bottom: 30px;
}

    .blog-card:hover {
        transform: translateY(-5px);
    }

.blog-content {
    padding: 20px;
}

.blog-title {
    margin-bottom: 15px;
}

    .blog-title a {
        color: #022041;
        text-decoration: none;
        transition: color 0.3s ease;
    }

        .blog-title a:hover {
            color: #1BB5CC;
        }

.blog-excerpt {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.read-more {
    color: #1BB5CC;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    transition: color 0.3s ease;
}

    .read-more:hover {
        color: #022041;
    }

@media (max-width: 768px) {
    .blog-pagination .page-link {
        font-size: 14px !important;
    }

    .blog-card {
        margin-bottom: 20px;
    }
}

.container .MarginTop128 {
    margin-top: 68px;
    color: white;
    text-align: center;
}

/*-----------------------------REGISTER DESIGN-----------------------------------*/
/* Select2 özelleştirmeleri */
.select2-container {
    width: 100% !important;
}

/* Tekli seçim için select2 */
.select2-container--default .select2-selection--single {
    height: 56px !important;
    border: 1px solid #e0ecf5 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    background-color: #fff !important;
}

/* Çoklu seçim için select2 */
.select2-container--default .select2-selection--multiple {
    min-height: 56px !important;
    max-height: 120px !important; /* Maksimum yükseklik */
    overflow-y: auto !important; /* Scroll ekle */
    border: 1px solid #e0ecf5 !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    background-color: #fff !important;
}

    /* Seçili öğeler için chips stili */
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background: linear-gradient(135deg, #022041, #1BB5CC) !important;
        border: none !important;
        border-radius: 20px !important;
        color: white !important;
        padding: 5px 10px !important;
        margin: 3px !important;
    }

    /* Chips üzerindeki silme butonu */
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: white !important;
        margin-right: 5px !important;
        border-right: none !important;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            background: rgba(255, 255, 255, 0.1) !important;
            color: white !important;
        }

/* Dropdown menü stili */
.select2-dropdown {
    border: 1px solid #e0ecf5 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Dropdown içindeki seçenekler */
.select2-results__option {
    padding: 10px 15px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

/* Hover durumundaki seçenek */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(to right, #064A97, #1bb5cc);
    color: white !important;
}

/* Seçili durumdaki seçenek */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(27, 181, 204, 0.1) !important;
    color: #022041 !important;
}

/* Arama kutusu */
.select2-search__field {
    border: 1px solid #e0ecf5 !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

    .select2-search__field:focus {
        border-color: #1BB5CC !important;
        outline: none !important;
    }

/* Placeholder stili */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #6c757d !important;
}

/* Scroll bar özelleştirmesi */
.select2-container--default .select2-selection--multiple::-webkit-scrollbar {
    width: 8px !important;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 4px !important;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
    background: #1BB5CC !important;
    border-radius: 4px !important;
}

    .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb:hover {
        background: #022041 !important;
    }

/* Form grupları için genel stil */
.form-group {
    margin-bottom: 1.5rem !important;
}

.form-label {
    color: #022041 !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
}

/* Hata durumu */
.select2-container--default.select2-container--focus .select2-selection--multiple.is-invalid {
    border-color: #dc3545 !important;
}

/* Disabled durumu */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #e9ecef !important;
    opacity: 0.7 !important;
}

}


/*-----------------------------------------------KVKK AYDINLATMA METNİ DİZAYNI------------------------------------------------*/

@media screen and (max-width: 768px) {
    .table-responsive {
        overflow-x: visible !important;
    }

    .table {
        display: table !important;
        width: 100% !important;
        min-width: unset !important;
    }

        .table th,
        .table td {
            display: table-cell !important;
            white-space: normal !important;
            min-width: unset !important;
            font-size: 12px !important;
            padding: 0.4rem !important;
            word-break: break-word !important;
            max-width: 100px !important;
        }

        .table th {
            font-size: 11px !important;
        }

    .table-bordered td,
    .table-bordered th {
        border-width: 1px !important;
    }
}

@media screen and (max-width: 576px) {
    .table th,
    .table td {
        font-size: 11px !important;
        padding: 0.3rem !important;
        max-width: 80px !important;
    }

    .table th {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .table th,
    .table td {
        font-size: 10px !important;
        padding: 0.2rem !important;
        max-width: 60px !important;
    }

    .table th {
        font-size: 9px !important;
    }
}


.section-content {
    color: #333;
    line-height: 1.8;
    font-size: 15px;
}



    .section-content h4 {
        color: #022041;
        margin: 2.5rem 0 1.5rem 0;
        font-weight: 600;
        font-size: 1.4rem;
    }



    .section-content p {
        margin-bottom: 1.5rem;
        text-align: justify;
    }



    .section-content ul {
        padding-left: 2rem;
        margin-bottom: 2rem;
    }



    .section-content li {
        margin-bottom: 0.75rem;
    }



.table {
    margin: 1.5rem 0 2.5rem 0;
    background: #fff;
    width: 100%;
}



    .table th {
        background: #022041;
        color: white;
        font-weight: 500;
        padding: 1rem;
    }



    .table td {
        padding: 1rem;
        vertical-align: top;
    }



.contact-info {
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 3rem;
}



    .contact-info p {
        margin-bottom: 0.75rem;
    }



.card {
    border: none;
    border-radius: 12px;
}



.card-body {
    padding: 3rem;
}



.table-responsive {
    margin: 2rem 0;
}



.table {
    border: 1px solid #dee2e6;
    margin-bottom: 0;
}



    .table th {
        background: #f8f9fa !important;
        color: #000 !important;
        font-weight: 600;
        border: 1px solid #dee2e6 !important;
        vertical-align: middle;
        padding: 0.75rem;
    }



    .table td {
        border: 1px solid #dee2e6;
        padding: 0.75rem;
        vertical-align: top;
    }



    .table tr:nth-child(even) {
        background-color: #f8f9fa;
    }



    .table tr:hover {
        background-color: #f5f5f5;
    }

.custom-list {
    list-style: none;
    padding-left: 0;
    margin: 1rem 0 2rem 0;
}

    .custom-list li {
        margin-bottom: 0.5rem;
        padding-left: 1.5rem;
        text-indent: -1rem;
    }

/* Dalgalı üst kısım için yeni stiller */
.wave-section {
    position: relative;
    background: linear-gradient(135deg, #022041 0%, #1BB5CC 100%);
    height: 420px;
    overflow: hidden;
}

    .wave-section::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
    }

.wave-content {
    position: relative;
    z-index: 1;
    padding-top: 128px;
    text-align: center;
}

.wave-title {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .wave-section {
        height: 300px;
    }

        .wave-section::before {
            height: 50px;
        }

    .wave-title {
        font-size: 2rem;
    }
}


.news-hero {
    background-image: url(/web/images/MLSImages/ArkaPlan1.webp);
    background-size: cover;
    background-position: center;
    height: 420px;
    position: relative;
    display: flex;
    align-items: center;
    color: white;
}

    .news-hero::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
    }

.news-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 68px;
}

.news-category {
    background: #1BB5CC;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px;
}

.news-title {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px;
}

.news-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
    color: #666;
}

    .news-meta i {
        color: #1BB5CC;
        margin-right: 5px;
    }

.news-content {
    padding: 40px 0;
}

.news-image {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.news-text {
    line-height: 1.8;
    color: #444;
    font-size: 16px;
}

.news-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.news-tags {
    margin-bottom: 20px;
}

.tag-item {
    background: #f5f5f5;
    padding: 5px 15px;
    border-radius: 15px;
    margin-right: 10px;
    color: #666;
    display: inline-block;
    font-size: 14px;
    transition: all 0.3s ease;
}

    .tag-item:hover {
        background: #1BB5CC;
        color: white;
    }

.share-buttons {
    display: flex;
    gap: 10px;
}

.share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .share-btn.facebook {
        background: #3b5998;
    }

    .share-btn.twitter {
        background: #1da1f2;
    }

    .share-btn.linkedin {
        background: #0077b5;
    }

    .share-btn.whatsapp {
        background: #25d366;
    }

    .share-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }

/* Sidebar Stilleri */
.news-sidebar {
    position: sticky;
    top: 20px;
}

.sidebar-widget {
    background: white;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.widget-title {
    color: #022041;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1BB5CC;
}

.recent-news-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

    .recent-news-item:last-child {
        border-bottom: none;
    }

.recent-news-img {
    width: 80px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
}

    .recent-news-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.recent-news-content h5 {
    font-size: 15px;
    margin-bottom: 5px;
}

.recent-news-content .date {
    font-size: 12px;
    color: #666;
}

.search-form {
    position: relative;
}

    .search-form input {
        width: 100%;
        padding: 12px 45px 12px 15px;
        border: 1px solid #eee;
        border-radius: 25px;
        font-size: 14px;
    }

    .search-form button {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #1BB5CC;
        cursor: pointer;
    }


@media (max-width: 768px) {
    .news-title {
        font-size: 32px;
    }

    .news-hero {
        height: 350px;
    }

    .news-content {
        padding: 20px 0;
    }

    .sidebar-widget {
        margin-top: 30px;
    }
}


/*--------------------------- DUYURULAR DİZAYN ---------------------------------*/

.notice-hero {
    position: relative;
    background: linear-gradient(rgba(2, 32, 65, 0.9), rgba(27, 181, 204, 0.8));
    padding: 180px 0 100px;
    margin-bottom: 0;
}

.notice-category {
    background: #1BB5CC;
    color: white;
    padding: 8px 20px;
    border-radius: 25px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(27, 181, 204, 0.3);
}

.notice-content {
    background: #f8f9fa;
    padding: 60px 0;
}

.notice-details {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
    margin-top: -80px;
}

.notice-image img {
    border-radius: 12px;
    width: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.notice-text {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin: 25px 0;
}

.notice-footer {
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-top: 30px;
}

.section-title {
    color: #022041;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}

    .section-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: #1BB5CC;
        border-radius: 2px;
    }

.tag-item {
    display: inline-block;
    background: #f8f9fa;
    color: #022041;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 14px;
    margin: 0 8px 8px 0;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

    .tag-item:hover {
        background: #1BB5CC;
        color: white;
        transform: translateY(-2px);
    }

.social-share {
    display: flex;
    gap: 12px;
}

.share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1BB5CC;
    color: white;
    transition: all 0.3s ease;
}

    .share-btn:hover {
        background: #022041;
        transform: translateY(-3px);
    }

.sidebar-widget {
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.widget-title {
    color: #022041;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}

    .widget-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 4px;
        background: #1BB5CC;
        border-radius: 2px;
    }

.search-form .input-group {
    border: 1px solid #eee;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.03);
}

.search-form input {
    border: none;
    padding: 12px 20px;
}

.search-form .btn-primary {
    background: #1BB5CC;
    border: none;
    padding: 12px 25px;
}

    .search-form .btn-primary:hover {
        background: #022041;
    }

.recent-post-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

    .recent-post-item:last-child {
        border-bottom: none;
    }

.post-thumb img {
    border-radius: 10px;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.post-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

    .post-title a {
        color: #022041;
        transition: color 0.3s ease;
    }

        .post-title a:hover {
            color: #1BB5CC;
        }

.post-date {
    font-size: 13px;
    color: #777;
}

.BaslikColor {
    color: white;
}

/* Canvas Menu Stilleri */
.canvas-menu {
    display: none; /* Varsayılan olarak gizli */
}

@media (max-width: 768px) {
    .canvas-menu {
        display: block; /* Mobilde göster */
        cursor: pointer;
    }

        .canvas-menu .icon svg g rect {
            fill: #fff; /* Menü ikonunu beyaz yap */
        }

    .main-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(2, 32, 65, 0.98);
        padding: 80px 20px 20px;
        overflow-y: auto;
        z-index: 999;
    }

        .main-menu.active {
            display: block;
        }

    .menu-action {
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1000;
    }

        .menu-action .item {
            color: white;
            font-size: 24px;
            margin-left: 15px;
            cursor: pointer;
            padding: 5px;
        }

            .menu-action .item:hover {
                color: #1BB5CC;
            }

    .main-menu ul {
        flex-direction: column;
    }

    .main-menu li {
        margin: 10px 0;
    }

    .main-menu a {
        color: white;
        font-size: 16px;
        padding: 12px 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .main-menu a:hover {
            color: #1BB5CC;
        }

    /* Dropdown stilleri */
    .dropdown-menu {
        background: rgba(255, 255, 255, 0.05);
        margin: 0;
        padding: 0;
    }

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

    .dropdown-item {
        color: white !important;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

        .dropdown-item:hover {
            background: rgba(27, 181, 204, 0.1);
            color: #1BB5CC !important;
        }
}


/*--------------------------View/Shared/Component/Referance dizayn---------------------------------------*/

.referancePrev,
.referanceNext {
    background-color: red !important;
}

.logoSliderKismi img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding: 15px;
}

    .logoSliderKismi img:hover {
        filter: grayscale(0%);
    }

.logoSliderKismi {
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
}

/* Blog Ana Sayfa Stilleri */
.blog-section {
    background: linear-gradient(135deg, rgba(0, 68, 148, 0.97), rgba(27, 181, 204, 0.93)), url(/web/images/MLSImages/ArkaPlan1.webp);
    background-size: cover;
    background-position: center;
    padding: 120px 0 80px;
    position: relative;
}

.blog-title-main {
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.blog-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 68, 148, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 30px;
    border: 1px solid rgba(27, 181, 204, 0.1);
}

    .blog-card:hover {
        transform: none;
        box-shadow: 0 20px 40px rgba(0, 68, 148, 0.15);
    }

.blog-image {
    position: relative;
    overflow: hidden;
    height: 280px;
}

    .blog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

.blog-card:hover .blog-image img {
    transform: none;
}
.notice-sidebar {
    position: sticky;
    top: 100px;
}
.blog-date {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(27, 181, 204, 0.95);
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 15px rgba(27, 181, 204, 0.2);
}

.blog-content {
    padding: 30px;
    position: relative;
}

.blog-title {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.4;
}

    .blog-title a {
        color: #004494;
        text-decoration: none;
        transition: color 0.3s ease;
        font-weight: 600;
    }

        .blog-title a:hover {
            color: #1BB5CC;
        }

.blog-excerpt {
    color: #555;
    margin-bottom: 25px;
    line-height: 1.7;
    font-size: 15px;
}

.read-more {
    display: inline-flex;
    align-items: center;
    color: #1BB5CC;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
    padding: 8px 0;
    position: relative;
}

    .read-more i {
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    .read-more:hover {
        color: #004494;
    }

        .read-more:hover i {
            transform: translateX(5px);
        }

    .read-more::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(to right, #004494, #1BB5CC);
        transition: width 0.3s ease;
    }

    .read-more:hover::after {
        width: 100%;
    }

/* Pagination Stilleri */
.blog-pagination {
    margin: 50px 0;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .pagination .page-link {
        border: none;
        padding: 12px 20px;
        color: #004494;
        border-radius: 12px;
        transition: all 0.3s ease;
        font-weight: 500;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0, 68, 148, 0.08);
    }

        .pagination .page-link:hover,
        .pagination .page-link.current {
            background: linear-gradient(45deg, #004494, #1BB5CC);
            color: #fff;
            transform: translateY(-2px);
        }

/* Responsive Tasarım */
@media (max-width: 992px) {
    .blog-title-main {
        font-size: 36px;
    }

    .blog-image {
        height: 240px;
    }
}

@media (max-width: 768px) {
    .blog-title-main {
        font-size: 30px;
    }

    .blog-content {
        padding: 20px;
    }

    .blog-title {
        font-size: 20px;
    }

    .pagination .page-link {
        padding: 10px 15px;
    }
}



/*REGISTER DESIGN*/
.site-main {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.page-title {
    text-align: center;
    margin-bottom: 40px;
}

    .page-title .title {
        font-size: 32px;
        margin-bottom: 10px;
        color: #004494;
        font-weight: 600;
    }

    .page-title .desc {
        font-size: 16px;
        color: #666;
    }

        .page-title .desc a {
            color: #1BB5CC;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

            .page-title .desc a:hover {
                color: #004494;
            }

.sign-up {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 68, 148, 0.1);
}

.field-input {
    margin-bottom: 20px;
}

    .field-input label {
        display: block;
        margin-bottom: 7px;
        font-size: 15px;
        color: #004494;
        font-weight: 500;
    }

    .field-input input,
    .field-input select {
        width: 100%;
        height: 50px;
        padding: 0 15px;
        border: 2px solid #e3e3e3;
        border-radius: 5px;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        .field-input input:focus,
        .field-input select:focus {
            border-color: #1BB5CC;
            box-shadow: 0 0 0 3px rgba(27, 181, 204, 0.1);
            outline: none;
        }

.field-checkbox {
    position: relative;
    margin: 15px 0;
}

    .field-checkbox input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        cursor: pointer;
        z-index: 1;
        width: 24px;
        height: 24px;
        margin: 0;
    }

    .field-checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        font-size: 14px;
        line-height: 24px;
        color: #666;
        user-select: none;
    }

        .field-checkbox label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            border: 2px solid #004494;
            background-color: #fff;
            transition: all 0.3s ease;
        }

        .field-checkbox label:after {
            content: '';
            position: absolute;
            left: 9px;
            top: 5px;
            width: 6px;
            height: 12px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            opacity: 0;
            transition: all 0.2s ease;
        }

    .field-checkbox input[type="checkbox"]:checked + label:before {
        background-color: #004494;
        border-color: #004494;
    }

    .field-checkbox input[type="checkbox"]:checked + label:after {
        opacity: 1;
    }

    .field-checkbox input[type="checkbox"]:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 68, 148, 0.1);
    }

    .field-checkbox label a {
        color: #1BB5CC;
        text-decoration: none;
        font-weight: 500;
        position: relative;
        z-index: 2;
    }

        .field-checkbox label a:hover {
            text-decoration: underline;
        }

.field-submit {
    margin-top: 30px;
}

    .field-submit input {
        width: 100%;
        height: 50px;
        background: #004494;
        color: #fff;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

        .field-submit input:hover {
            background: #1BB5CC;
            transform: translateY(-1px);
            box-shadow: 0 5px 15px rgba(27, 181, 204, 0.2);
        }

.text-danger {
    color: #dc3545;
    font-size: 13px;
    margin-top: 5px;
    display: block;
}

/* Select2 Genel Stiller */
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    height: 50px !important;
    border: 1px solid rgba(0, 68, 148, 0.2) !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

/* Tekli seçim için select2 */
.select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #022041 !important;
        line-height: 32px !important;
        padding-left: 0 !important;
        font-size: 14px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 48px !important;
        right: 8px !important;
    }

/* Çoklu seçim için select2 düzeltmeleri */
.select2-container--default .select2-selection--multiple {
    min-height: 50px !important;
    padding: 5px 8px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        display: inline-flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: 2px !important;
        padding: 4px 8px !important;
        background: linear-gradient(135deg, #004494, #1BB5CC) !important;
        border: none !important;
        border-radius: 20px !important;
        color: white !important;
        font-size: 13px !important;
    }

    .select2-container--default .select2-selection--multiple .select2-search--inline {
        margin: 0 !important;
        padding: 0 !important;
        flex: 1 !important;
        min-width: 150px !important;
    }

        .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
            margin: 0 !important;
            padding: 0 8px !important;
            height: 36px !important;
            font-size: 14px !important;
            min-width: 150px !important;
        }

            /* Placeholder düzeltmesi */
            .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
                color: #6c757d !important;
                opacity: 0.7 !important;
            }

    /* Seçili öğelerin X butonunu düzeltme */
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border: none !important;
        background: none !important;
        color: white !important;
        padding: 0 4px !important;
        margin-right: 4px !important;
        font-size: 14px !important;
        border-radius: 50% !important;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            background: rgba(255, 255, 255, 0.2) !important;
            color: white !important;
        }

/* Dropdown menü düzeltmeleri */
.select2-dropdown {
    margin-top: 2px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

.select2-container--default .select2-results__option {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(135deg, #004494, #1BB5CC) !important;
    color: white !important;
}

/* Telefon Input Özelleştirmesi */
.iti {
    width: 100%;
}

.iti__flag-container {
    z-index: 2;
}

.iti__selected-flag {
    background: #f8f9fa;
    transition: all 0.3s ease;
}

    .iti__selected-flag:hover {
        background: #e9ecef;
    }



/* Mobil görünüm için medya sorgusu */

.login-text {
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}

.login-link {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

    .login-link:hover {
        color: #004494;
        background: #fff;
    }

/* Select2 için ek düzenlemeler */
.select2-container--default .select2-selection--multiple .select2-search__field {
    margin-top: 0 !important;
    margin-left: 0 !important;
    height: 32px !important;
    min-width: 150px !important;
}

    .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
        color: #6c757d !important;
        opacity: 0.7 !important;
    }

/* Fazla label'ları gizle */
.select2-container--default .select2-selection--multiple .select2-selection__rendered label {
    display: none !important;
}

/* Select2 container margin düzeltmesi */
.select2-container {
    margin-bottom: 20px !important;
}

/* Label stilleri */
.field-label {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    color: #004494;
    font-weight: 500;
}

.GirisYap {
    color: black;
}



/*REGISTER DESGIN*/

:root {
    --primary: #0056b3;
    --secondary: #1bb5cc;
    --text-dark: #2d3436;
    --text-light: #636e72;
    --white: #ffffff;
    --border: #e1e1e1;
    --error: #ff4757;
    --success: #2ecc71;
}

.register-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(0, 86, 179, 0.03) 0%, rgba(27, 181, 204, 0.03) 100%);
    padding: 40px 20px;
}

.register-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Sol Panel Stilleri */
.register-left {
    width: 40%;
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    padding: 60px 40px;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.welcome-content {
    text-align: center;
}

.mls-logo {
    width: 180px;
    margin-bottom: 40px;
}

.welcome-content h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--white);
}

.welcome-content p {
    font-size: 16px;
    opacity: 0.9;
    margin-bottom: 40px;
}

.welcome-features {
    text-align: left;
}

.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
}

    .feature-item i {
        margin-right: 12px;
        color: var(--white);
        font-size: 20px;
    }

/* Sağ Panel Stilleri */
.register-right {
    width: 60%;
    padding: 40px 50px;
    background: var(--white);
}

.form-header {
    text-align: center;
    margin-bottom: 40px;
}

    .form-header h3 {
        color: var(--primary);
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .form-header p {
        color: var(--text-light);
        font-size: 15px;
    }

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
}

    .form-group label {
        display: block;
        margin-bottom: 8px;
        color: var(--text-dark);
        font-size: 14px;
        font-weight: 500;
    }

    .form-group input,
    .form-group select,
    .select2-container--default .select2-selection--single {
        width: 100%;
        padding: 12px 15px;
        border: 2px solid var(--border);
        border-radius: 10px;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        .form-group input:focus,
        .form-group select:focus {
            border-color: var(--secondary);
            box-shadow: 0 0 0 3px rgba(27, 181, 204, 0.1);
            outline: none;
        }

.kvkk-check {
    margin: 20px 0;
    padding: 12px;
    background: rgba(0, 86, 179, 0.03);
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

    .kvkk-check input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

    .kvkk-check label {
        font-size: 12px;
        color: var(--text-light);
        line-height: 1.4;
    }

    .kvkk-check a {
        color: var(--primary);
        text-decoration: none;
        font-weight: 500;
    }

body.hide-header header {
    display: none;
}
/* Sayfa margin ayarı (header gizlendiğinde) */
body.hide-header .register-wrapper {
    margin-top: 5vh;
    padding-top: 0;
    min-height: 100vh;
}

.submit-btn {
    width: 100%;
    padding: 15px;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    border: none;
    border-radius: 10px;
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

    .submit-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(0, 86, 179, 0.2);
    }

.login-link {
    text-align: center;
    margin-top: 20px;
    color: var(--text-light);
    font-size: 14px;
}

    .login-link a {
        color: var(--primary);
        text-decoration: none;
        font-weight: 500;
    }

.text-danger {
    color: var(--error);
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* Responsive Tasarım */
@media (max-width: 992px) {
    .register-container {
        flex-direction: column;
    }

    .register-left,
    .register-right {
        width: 100%;
    }

    .register-left {
        padding: 40px 20px;
    }

    .register-right {
        padding: 30px;
    }

    .form-row {
        flex-direction: column;
        gap: 15px;
    }
}

/* Select2 Özelleştirmeleri */
.select2-container--default .select2-selection--single {
    height: auto;
    padding: 8px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: normal;
        padding-left: 5px;
    }

/* Animasyonlar */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.register-container {
    animation: slideIn 0.5s ease-out;
}


/*GİZLİLİK SÖZLEŞMESİ*/

.agreement-content {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

    .agreement-content h4 {
        color: #022041;
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-weight: 600;
        font-size: 1.2rem;
    }

    .agreement-content p {
        margin-bottom: 1.5rem;
        text-align: justify;
    }

.card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    background: linear-gradient(135deg, #022041, #1BB5CC) !important;
    padding: 1.5rem !important;
}

.card-body {
    padding: 2rem;
}


/*Service Agreement */

.agreement-content {
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

    .agreement-content h4 {
        color: #022041;
        margin-top: 2rem;
        margin-bottom: 1rem;
        font-weight: 600;
        font-size: 1.2rem;
    }

    .agreement-content p {
        margin-bottom: 1.5rem;
        text-align: justify;
    }

.card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    background: linear-gradient(135deg, #022041, #1BB5CC) !important;
    padding: 1.5rem !important;
}

.card-body {
    padding: 2rem;
}


/*ENTEGRATIOIN*/
.reosBGColor {
    background-image: linear-gradient(90deg, #064A97 0%, #1BB5CC 100%);
    color: white !important;
    padding: 6px 15px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}


.images.layout-03 .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

    .images.layout-03 .inner img:first-child {
        position: relative;
        z-index: 2; /* Üstte görünmesi için daha yüksek z-index */
        width: 100%;
        height: auto;
    }

    .images.layout-03 .inner img:last-child {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto;
    }


.images.layout-03 .inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    /* Tüm üstteki resimler için */
    .images.layout-03 .inner img:first-child {
        position: relative;
        z-index: 2;
        width: 100%;
        height: auto;
        max-width: 600px; /* Resimlerin maksimum genişliği */
    }

    /* Tüm alttaki (blob) resimler için */
    .images.layout-03 .inner img:last-child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 120%; /* Blob biraz daha büyük olsun */
        height: auto;
    }

/* Mobil için düzenlemeler */
@media (max-width: 768px) {
    .images.layout-03 .inner img:first-child {
        max-width: 100%;
    }

    .images.layout-03 .inner img:last-child {
        width: 140%;
    }
}

.baslik {
    text-align: center;
    font-size: 32px;
    color: #022041;
    margin: 30px 0;
    font-weight: 600;
}

.btn.btn-primary {
    background: none; /* Arka plan rengini kaldır */
    border: none;
    display: flex;
    justify-content: center;
    margin: 30px 0;
    padding: 0;
}

/* Başla butonu için stil */

.baslaBtn {
    background: ##064a97;
    color: #fff;
    padding: 12px 40px;
    border-radius: 25px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    margin: 0 auto;
    width: fit-content;
}

    .baslaBtn:hover {
        background: #1bb5cc;
        color: #fff;
    }

.btn-container {
    background: transparent; /* Arka plan rengini kaldırıyoruz */
    padding: 20px 0;
    text-align: center;
}

.baslik {
    text-align: center;
    color: #004494;
    margin-bottom: 20px;
}
/* Hover Efekti için Pseudo-element */
.baslaBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1BB5CC;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease;
}


.baslaBtn:hover::before {
    opacity: 1;
}

/* Active Durumu */
.baslaBtn:active {
    transform: translateY(1px) scale(1.02);
    box-shadow: 0 4px 15px rgba(2, 32, 65, 0.2);
}

/* Buton İçeriği için Özel Animasyon */
.baslaBtn span {
    display: inline-block;
    transition: transform 0.4s ease;
}

.baslaBtn:hover span {
    transform: scale(1.05);
}


/* Resim için stil */
/*.container .row img {
    width: 123px;
    height: 155px;
    display: block;
    margin: 0 auto;
    margin-top: 4px;
}*/

/* Mobil için düzenlemeler */
@media (max-width: 768px) {
    .baslik {
        font-size: 24px;
    }

    .baslaBtn {
        padding: 12px 30px;
        font-size: 16px;
    }
}

.col-3 .container {
    border: 2px solid #1BB5CC;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    text-align: center;
    transition: all 0.3s ease;
}

    .col-3 .container:hover {
        box-shadow: 0 5px 15px rgba(27, 181, 204, 0.2);
        transform: translateY(-3px);
    }








.row1 {
    text-align: left;
    font-size: 28px;
    color: #022041;
    margin-bottom: 30px;
    font-weight: 600;
}

.fancy-list-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 111%;
    align-items: stretch;
}

.check-circle {
    flex: 0 0 auto; /* Sabit genişlik, büyümez küçülmez */
    width: 24px; /* Sabit genişlik */
    height: 16px; /* Sabit yükseklik */
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Pozisyon sabit */
    top: 2px; /* Hafif yukarı ayarlama */
}

    .check-circle svg {
        width: 16px; /* SVG boyutu */
        height: 16px;
    }

.bdt-flex.flex-wrap {
    display: flex;
    align-items: flex-start; /* Üstten hizalama */
    padding: 12px 20px;
    border: 1px solid #1BB5CC;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}




.e-font-icon-svg {
    width: 100%;
    height: 100%;
    fill: #022041;
}

.bdt-fancy-list-title {
    font-size: 14px;
    margin: 0;
    line-height: 1.4; /* Satır yüksekliği */
    word-wrap: break-word; /* Uzun kelimeleri kır */
}

.bdt-fancy-list-content {
    flex: 1; /* Kalan alanı doldur */
    min-width: 0; /* Taşma kontrolü */
}


/* Hover ve Focus efektleri */
.fancy-list-container:hover .bdt-flex.flex-wrap {
    border-color: #022041;
    background: linear-gradient(to right, #064A97, #1bb5cc); /* Soldan sağa doğru renk geçişi */
    color: white;
    transform: scale(1.1); /* Öğeyi %10 büyütür */
    transition: transform 0.3s ease;
    border: 1px solid #1bb5cc;
}

.bdt-flex.flex-wrap:hover .bdt-fancy-list-title {
    color: white;
    font-weight: 500; /* Yazı kalınlaştırıldı */
}


.fancy-list-container:hover .e-font-icon-svg {
    background-color: white;
}

.fancy-list-container:hover .check-circle {
    background: white;
}

/* Blur efekti */
.fancy-list-container:hover ~ .fancy-list-container .bdt-flex.flex-wrap {
    filter: blur(2px);
    opacity: 0.7;
    transform: translateX(-5px);
}

.fancy-list-container:has(~ .fancy-list-container:hover) .bdt-flex.flex-wrap {
    filter: blur(2px);
    opacity: 0.7;
    transform: translateX(-5px);
}



.fancy-list-container:hover .e-font-icon-svg {
    fill: #022041;
}


@media (max-width: 768px) {
    .pdl100 {
        padding-left: 20px;
    }

    .bdt-flex.flex-wrap {
        padding: 12px;
    }

    .check-circle {
        width: 20px;
        height: 20px;
    }

    .bdt-fancy-list-title {
        font-size: 14px;
    }
}








.elementor-element-9352ddc {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 20px 0;
}

.elementor-widget-image {
    flex: 0 1 250px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.elementor-widget-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .elementor-widget-container img {
        max-width: 80%;
        height: auto;
        object-fit: contain;
        max-height: 60px;
    }

@media (max-width: 768px) {
    .elementor-element-9352ddc {
        flex-wrap: wrap;
        gap: 15px;
    }

    .elementor-widget-image {
        flex: 0 1 calc(50% - 10px);
        padding: 10px;
    }

    .elementor-widget-container img {
        max-height: 40px;
    }
}

.section {
    display: flex;
    justify-content: center; /* Yatayda ortalar */
    align-items: flex-end; /* Dikeyde alt kısmı hizalar */
    padding-bottom: 0px; /* Alt boşluk */
}

.description {
    background-color: #064a97;
    color: white;
    padding: 10px 20px;
    width: fit-content; /* İçeriğe göre genişlik */
    min-width: 200px; /* Minimum genişlik */
    max-width: 90%; /* Maksimum genişlik */
    text-align: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 20px;
}

/* Tablet için */
@media screen and (max-width: 768px) {
    .description {
        width: 50%;
        min-width: 150px;
        padding: 8px 16px;
    }
}

/* Mobil için */
@media screen and (max-width: 480px) {
    .description {
        width: 33%;
        min-width: auto;
        padding: 8px 12px;
        font-size: 14px; /* Mobilde yazı boyutunu küçült */
    }
}

/* İlan Portalları Bölümü */
.elementor-element-443ca75 {
    padding-top: 40px; /* Üst kısımda boşluk bırakır */
    background-color: #fff;
}

.e-con-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* RE-OS.com Başlık */
.elementor-element-d3fdfa4 p {
    padding: 6px 15px;
    display: inline-block;
    border-radius: 4px; /* Köşeli görünüm */
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
}

/* Ana Başlık */
.bdt-ep-advanced-heading-title {
    font-size: 26px; /* Biraz daha büyük */
    color: #000000; /* Siyah renk */
    margin-bottom: 20px;
    font-weight: 600;
}

/* Kartlar Container */
.elementor-element-5231ad2 {
    display: flex;
    flex-direction: row; /* Yan yana dizilim */
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

    /* Kart Stili */
    .elementor-element-5231ad2 .e-con-full {
        flex: 1;
        min-width: 250px; /* Minimum genişlik */
        max-width: 350px; /* Maksimum genişlik */
        background: white;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        text-align: center;
        border: 1px solid #f0f0f0;
    }

    /* Logo Container */
    .elementor-element-5231ad2 .elementor-widget-image {
        margin-bottom: 15px;
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .elementor-element-5231ad2 .elementor-widget-image img {
            max-width: 200px;
            height: auto;
            margin: 0 auto;
        }

/* Açıklama Metni */
.elementor-widget-text-editor p {
    color: #000000;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    padding: 0 15px;
}

/* Responsive */
@media (max-width: 992px) {
    .elementor-element-5231ad2 {
        flex-wrap: wrap; /* Ekran küçüldüğünde alt alta geçsin */
    }

        .elementor-element-5231ad2 .e-con-full {
            min-width: calc(50% - 20px); /* 2 sütun */
        }
}

@media (max-width: 768px) {
    .elementor-element-5231ad2 {
        flex-direction: column;
        padding: 10px;
    }

        .elementor-element-5231ad2 .e-con-full {
            min-width: 100%;
            margin-bottom: 15px;
        }
}

/* Başlık kısmı */
.heading.align-center {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 20px;
}

.heading-desc h3 {
    margin-top: 10px;
    margin-bottom: 25px;
}

/* Section padding'i azalt */
.section.spdt {
    padding-top: 20px;
}

/* Container padding'i azalt */


/* Global İlan Siteleri Bölümü */
.e-con-boxed {
    padding: 15px 0;
    margin-bottom: 10px;
    background-color: transparent;
}

.e-con-inner {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
}

/* Properstar Kart */
.elementor-element-8aa6d28 {
    background-color: transparent;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    max-width: 600px; /* 800px'den 600px'e düşürdük */
    width: 90%; /* Mobil görünüm için */
    margin: 0 auto;
    text-align: center;
}

/* Logo Container */
.elementor-element-6b99e67 {
    margin-bottom: 20px; /* 30px'den 20px'e düşürdük */
    padding: 20px 0; /* Üst ve alttan padding ekledik */
}

    .elementor-element-6b99e67 img {
        max-width: 200px; /* 250px'den 200px'e düşürdük */
        height: auto;
        margin: 0 auto;
    }

/* Açıklama Metni */
.elementor-element-b7c8485 p {
    color: #666;
    font-size: 15px; /* 16px'den 15px'e düşürdük */
    line-height: 1.5;
    max-width: 500px; /* 600px'den 500px'e düşürdük */
    margin: 0 auto;
    padding: 0 20px 20px; /* Alt ve yanlardan padding ekledik */
}

/* Responsive */
@media (max-width: 768px) {
    .e-con-boxed {
        padding: 10px 0;
    }

    .elementor-element-8aa6d28 {
        padding: 15px;
    }

    .bdt-ep-advanced-heading-title {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .elementor-element-6b99e67 img {
        max-width: 200px;
    }

    .elementor-element-b7c8485 p {
        font-size: 14px;
    }
}

/* Ödeme Sistemleri Container */
.payment-systems-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 10px;
    padding: 5px 15px;
}

    /* Kart Stili */
    .payment-systems-container .e-con-full {
        flex: 1;
        min-width: 500px; /* Minimum genişlik ekledik */
        max-width: 550px; /* Maksimum genişliği artırdık */
        background: white;
        border-radius: 15px;
        padding: 15px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        text-align: center;
        margin-bottom: 10px;
    }

    /* Logo */
    .payment-systems-container .elementor-widget-image {
        margin-bottom: 15px;
    }

        .payment-systems-container .elementor-widget-image img {
            max-width: 200px; /* Logo boyutunu artırdık */
            height: auto;
        }

    /* Metin */
    .payment-systems-container .elementor-widget-text-editor p {
        color: #666;
        font-size: 15px;
        line-height: 1.6;
        margin: 0;
        padding: 0 20px; /* Metin kenarlarına padding ekledik */
    }

/* Responsive */
@media (max-width: 1200px) {
    .payment-systems-container {
        flex-direction: column;
        align-items: center;
    }

        .payment-systems-container .e-con-full {
            min-width: auto;
            width: 90%;
            max-width: 600px;
        }
}

@media (max-width: 768px) {
    .payment-systems-container {
        padding: 5px;
        margin-bottom: 10px;
        gap: 15px;
    }

        .payment-systems-container .e-con-full {
            padding: 10px;
        }
}

/* Entegrasyon Kartları Container */
.integration-cards-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 10px;
    padding: 5px 15px;
}

    /* Kart Stili */
    .integration-cards-container .e-con-full {
        flex: 1;
        min-width: 300px; /* Minimum genişlik */
        max-width: 380px; /* Maksimum genişlik */
        background: white;
        border-radius: 15px;
        padding: 15px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        text-align: center;
        transition: all 0.3s ease;
    }

    /* Logo */
    .integration-cards-container .elementor-widget-image {
        margin-bottom: 15px;
    }

        .integration-cards-container .elementor-widget-image img {
            max-width: 160px;
            height: auto;
        }

    /* Metin */
    .integration-cards-container .elementor-widget-text-editor p {
        color: #666;
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        padding: 0 15px;
    }

    /* Hover Efekti */
    .integration-cards-container .e-con-full:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    }

/* Responsive */
@media (max-width: 1200px) {
    .integration-cards-container {
        flex-wrap: wrap;
    }

        .integration-cards-container .e-con-full {
            min-width: calc(50% - 20px);
        }
}

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

        .integration-cards-container .e-con-full {
            width: 100%;
            min-width: auto;
            max-width: 500px;
        }
}

/* Container Boşlukları */
.e-con-boxed {
    padding: 15px 0;
    margin-bottom: 10px;
}

/* Başlık Boşlukları */
.elementor-widget-text-editor {
    margin-bottom: 5px;
}

.elementor-widget-bdt-advanced-heading {
    margin-bottom: 10px;
}

/* Kart Container Boşlukları */
.payment-systems-container,
.integration-cards-container {
    gap: 20px;
    margin: 0 auto 10px;
    padding: 5px 15px;
}



.pdt180 {
    padding-top: 120px !important;
}

/* Son İletişim Bölümü */
.elementor-element-e41cb47 {
    padding: 20px 0;
}

/* Kartlar Arası Boşluk */
.e-con-full {
    padding: 15px;
    margin-bottom: 10px;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .e-con-boxed {
        padding: 10px 0;
    }

    .payment-systems-container,
    .integration-cards-container {
        padding: 5px;
        margin-bottom: 10px;
    }

    .pdt180 {
        padding-top: 100px !important;
    }
}

/* RE-OS.com yazısı için özel stil */
.elementor-widget-text-editor .elementor-widget-container p {
    background-color: #0066CC;
    color: white !important;
    padding: 6px 15px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* Diğer metinler için stil */
.e-con-full .elementor-widget-text-editor .elementor-widget-container p {
    background-color: transparent;
    color: #000000 !important;
    font-size: 16px;
    padding: 0;
    font-weight: normal;
    line-height: 1.6;
}

/* Ana başlıklar için stil */
.bdt-ep-advanced-heading-title {
    color: #000000 !important;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* İlk bölüm için üst boşluk */
.elementor-element-443ca75 {
    padding-top: 50px;
    margin-bottom: 30px;
}

/* Responsive ayarlar */
@media (max-width: 768px) {
    .bdt-ep-advanced-heading-title {
        font-size: 24px;
    }

    .e-con-full .elementor-widget-text-editor .elementor-widget-container p {
        font-size: 15px;
    }

    .elementor-element-443ca75 {
        padding-top: 30px;
    }
}

/* Mobil için düzenlemeler */
@media (max-width: 768px) {

    /* Row düzenlemeleri */
    .row.flex-align-c {
        margin: 0;
    }

    /* Padding düzenlemeleri */
    .pdl100, .pdr100 {
        padding: 20px 0;
    }

    /* Başlık düzenlemeleri */
    .row1 {
        font-size: 22px;
        text-align: center;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    /* Liste grup düzenlemeleri */
    .fancy-list-group {
        width: 100%;
        gap: 15px;
        padding: 0 10px;
    }

    /* Liste öğeleri düzenlemeleri */
    .bdt-flex.flex-wrap {
        padding: 12px 15px;
        margin: 0;
        width: 100%;
    }

    /* Check icon düzenlemeleri */
    .check-circle {
        min-width: 24px;
        margin-right: 10px;
    }

    /* Liste başlıkları düzenlemeleri */
    .bdt-fancy-list-title {
        font-size: 14px;
        line-height: 1.4;
    }

    /* Resim container düzenlemeleri */
    .images.layout-03 {
        margin: 30px 0;
        padding: 0 15px;
    }

        .images.layout-03 .inner {
            max-width: 100%;
            margin: 0 auto;
        }

            /* Resim düzenlemeleri */
            .images.layout-03 .inner img:first-child {
                max-width: 90%;
                margin: 0 auto;
            }

            .images.layout-03 .inner img:last-child {
                width: 110%;
                top: 50%;
                left: 50%;
            }

    /* Logo grid düzenlemeleri */
    .elementor-element-9352ddc {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding: 15px;
    }

    .elementor-widget-container img {
        max-width: 100%;
        height: auto;
    }

    /* Alt kısım düzenlemeleri */
    .baslik {
        font-size: 20px;
        padding: 0 15px;
        text-align: center;
    }

    .btn.btn-primary {
        width: 100%;
        padding: 0 15px;
    }

    .baslaBtn {
        width: 100%;
        max-width: 300px;
    }
}

/* Tablet için düzenlemeler */
@media (min-width: 769px) and (max-width: 1024px) {
    .pdl100, .pdr100 {
        padding: 30px 20px;
    }

    .row1 {
        font-size: 24px;
    }

    .fancy-list-group {
        width: 100%;
    }

    .images.layout-03 .inner img:first-child {
        max-width: 95%;
    }

    .elementor-element-9352ddc {
        gap: 20px;
    }
}

/* Hover efektlerini mobilde devre dışı bırak */
@media (hover: none) {
    .fancy-list-container:hover .bdt-flex.flex-wrap {
        transform: none;
    }

    .fancy-list-container:hover ~ .fancy-list-container .bdt-flex.flex-wrap {
        filter: none;
        opacity: 1;
        transform: none;
    }
}

/* Fiyatlandırma kartları için ana stiller */

.section-pricing.background-grey .pricing-table.layout-03 .pricing-box.popular .inner {
    background-color: #022041 !important;
}

.pricing-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(2, 32, 65, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    /* Popüler plan için özel stil */
    .pricing-card.popular {
        border: 2px solid #1BB5CC;
        transform: scale(1.05);
    }

        .pricing-card.popular::before {
            content: 'Popüler';
            position: absolute;
            top: 20px;
            right: -35px;
            background: linear-gradient(45deg, #022041, #1BB5CC);
            color: white;
            padding: 8px 40px;
            transform: rotate(45deg);
            font-size: 14px;
            font-weight: 500;
        }

/* Başlık alanı */
.pricing-header {
    background: linear-gradient(45deg, #022041, #1BB5CC);
    color: white;
    padding: 30px 20px;
    text-align: center;
}

/* Fiyat etiketi */
.price-tag {
    color: #022041;
    font-size: 48px;
    font-weight: 700;
    margin: 20px 0;
}

    .price-tag small {
        font-size: 16px;
        color: #1BB5CC;
    }

/* Özellikler listesi */
.features-list li {
    color: #022041;
    padding: 12px 0;
    border-bottom: 1px solid rgba(2, 32, 65, 0.1);
}

    .features-list li i {
        color: #1BB5CC;
        margin-right: 10px;
    }

/* Satın al butonu */
.buy-button {
    background: linear-gradient(45deg, #022041, #1BB5CC);
    color: white;
    padding: 12px 30px;
    border-radius: 25px;
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .buy-button:hover {
        background: linear-gradient(45deg, #1BB5CC, #022041);
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(27, 181, 204, 0.3);
    }

/* Kart hover efekti */
.pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 30px rgba(2, 32, 65, 0.15);
}

.pricing-card.popular:hover {
    transform: scale(1.08);
}

/* Plan özellikleri */
.plan-feature {
    color: #022041;
    margin: 10px 0;
}

    .plan-feature i {
        color: #1BB5CC;
    }

/* Özel badge'ler */
.feature-badge {
    background: linear-gradient(45deg, #022041, #1BB5CC);
    color: white;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}

/* Karşılaştırma tablosu */
.compare-table th {
    background: #022041;
    color: white;
}

.compare-table td {
    border-bottom: 1px solid rgba(2, 32, 65, 0.1);
}

.compare-check {
    color: #1BB5CC;
    font-size: 20px;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .pricing-card.popular {
        transform: scale(1);
    }

    .pricing-card:hover {
        transform: translateY(-5px);
    }

    .pricing-card.popular:hover {
        transform: scale(1.03);
    }
}

/* Tik ve çarpı işaretleri için renk güncellemeleri */
.las.la-check {
    color: #28a745; /* Yeşil renk */
    text-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
    font-size: 18px;
}

.las.la-times {
    color: #dc3545; /* Kırmızı renk */
    text-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
    font-size: 18px;
}

/* Hover durumunda parlama efekti için */
.las.la-check:hover {
    color: #2fd151;
    text-shadow: 0 2px 8px rgba(40, 167, 69, 0.4);
}

.las.la-times:hover {
    color: #e4455c;
    text-shadow: 0 2px 8px rgba(220, 53, 69, 0.4);
}

.container .MarginTop128 {
    margin-top: 68px;
    color: white;
}


/*FAQ(SIK SORULAN SORULAR)*/
/* Hero Section Stilleri */
.background-overlay {
    position: relative;
    min-height: clamp(250px, 40vw, 486px);
    background-position: center;
    background-size: cover;
}

/*.heading-title.size-xl {
    font-size: clamp(24px, 5vw, 42px);
    color: #ffffff;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}*/

/* FAQ Section Stilleri */
.faq-section {
    position: relative;
    
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    margin-top: -50px;
}

.faq-container {
    max-width: 900px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(2, 32, 65, 0.1);
    overflow: hidden;
}

/* FAQ Item Stilleri */
.faq-item {
    border-bottom: 1px solid rgba(2, 32, 65, 0.08);
    transition: all 0.3s ease;
}

    .faq-item:last-child {
        border-bottom: none;
    }

    .faq-item:hover {
        background-color: rgba(27, 181, 204, 0.03);
    }

/* Soru Stilleri */
.faq-question {
    padding: clamp(15px, 2.5vw, 25px) clamp(20px, 3vw, 30px);
    font-size: clamp(14px, 1.8vw, 16px);
    font-weight: 500;
    color: #022041;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .faq-question.active {
        color: #1BB5CC;
        font-weight: 600;
    }

/* Ok İkonu Stilleri */
.arrow {
    color: #1BB5CC;
    font-size: clamp(16px, 2vw, 20px);
    transition: transform 0.3s ease;
    margin-left: 15px;
    flex-shrink: 0;
}

    .arrow.open {
        transform: rotate(90deg);
    }

/* Cevap Stilleri */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    padding: 0 clamp(20px, 3vw, 30px);
    color: #666;
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.8;
    opacity: 0;
    background-color: rgba(27, 181, 204, 0.03);
}

    .faq-answer.open {
        max-height: none;
        opacity: 1;
        padding: clamp(20px, 2.5vw, 30px);
        border-top: 1px solid rgba(27, 181, 204, 0.1);
    }

/* İletişim Section Stilleri */
.contact-section {
    padding: clamp(40px, 6vw, 80px) 0;
    text-align: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
}

.bdt-ep-advanced-heading-sub-title-content {
    color: #1BB5CC;
    font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-heading {
    color: #022041;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    margin-bottom: 30px;
}

/* Başla Butonu Stilleri */
.baslaBtn {
    display: inline-block;
    background-color: #1bb5cc;
    color: white;
    text-decoration: none;
}

    .baslaBtn:hover {
        background: #022041;
        color: white;
    }

/* Responsive Düzenlemeler */
@media screen and (max-width: 991px) {
    .faq-container {
        margin: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .faq-section {
        padding: 40px 0;
    }

    .faq-container {
        margin: 0 15px;
        border-radius: 12px;
    }

    .faq-question {
        padding: 15px 20px;
    }

    .faq-answer.open {
        padding: 15px 20px;
    }

   
}

@media screen and (max-width: 480px) {
    .faq-question {
        font-size: 14px;
        padding: 12px 15px;
    }

    .faq-answer {
        font-size: 13px;
    }

        .faq-answer.open {
            padding: 12px 15px;
        }

    .baslaBtn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* Animasyon Efektleri */
.faq-item {
    transform: translateY(0);
    transition: transform 0.3s ease;
}

    .faq-item:hover {
        transform: translateX(5px);
    }

/* Hover efektlerini mobilde devre dışı bırak */
@media (hover: none) {
    .faq-item:hover {
        transform: none;
    }
}



    /* Modal footer düzenlemesi */
    .modal-footer {
        flex-direction: column;
        padding: 1rem;
    }

        .modal-footer .button {
            width: 100%;
            margin: 5px 0;
        }

    /* Scroll düzenlemesi */
    .modal-body {
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Modal header ve footer stilleri */
.modal-header {
    background: linear-gradient(to right, #064A97, #1bb5cc);
    color: white;
    border-bottom: none;
    padding: 1.5rem;
}

.modal-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
    padding: 1rem;
    justify-content: flex-end;
    gap: 1rem;
}

    .modal-footer .button {
        padding: 0.75rem 2rem;
        border-radius: 5px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

        .modal-footer .button.fullfield {
            background: linear-gradient(to right, #064A97, #1bb5cc);
            color: white;
            border: none;
        }

        .modal-footer .button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(6, 74, 151, 0.2);
        }

/* Tablet görünümü için optimizasyon */
@media (min-width: 769px) and (max-width: 1024px) {
    .table th, .table td {
        padding: 12px;
    }

    .table {
        font-size: 15px;
    }

        .table td.price-cell {
            padding: 15px 10px;
        }

    .price-amount {
        font-size: 24px;
    }

    .price-period {
        font-size: 12px;
    }

    .start-button {
        padding: 8px 15px;
        font-size: 12px;
        min-width: 120px;
    }
}

/* Pricing box responsive stilleri */
@media (max-width: 992px) {
    .pricing-box {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .toggle {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .button.fullfield {
        width: 100%;
        text-align: center;
    }

    .modal-footer {
        flex-direction: column;
    }

        .modal-footer .button {
            width: 100%;
        }
}

/* Küçük mobil cihazlar için ek düzenlemeler */
@media (max-width: 375px) {
    .price-amount {
        font-size: 24px;
    }

    .price-period {
        font-size: 12px;
    }

    .start-button {
        font-size: 11px;
        padding: 8px 12px;
    }

    .table td {
        padding: 0.75rem;
    }
}

/* Hover efektleri */
.table tbody tr:hover {
    background-color: #f8f9fa;
}

.table td:hover {
    background-color: rgba(6, 74, 151, 0.05);
}

/* Ana container */
.pricing-section {
    background: #f8f9fa;
    padding: 60px 0;
}

/* Başlık stili */
.section-title {
    text-align: center;
    margin-bottom: 50px;
}

    .section-title h2 {
        color: #064A97;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 15px;
    }

/* Fiyatlandırma kartları container'ı */
.pricing-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0 20px;
}

/* Fiyatlandırma kartı */
.pricing-card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

    .pricing-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    }

/* Kart başlığı */
.card-header {
    background: linear-gradient(135deg, #064A97, #1bb5cc);
    padding: 30px 20px;
    text-align: center;
    color: white;
}

.package-type {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Fiyat bölümü */
.price-section {
    padding: 30px 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.price {
    font-size: 48px;
    font-weight: 700;
    color: #064A97;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.currency {
    font-size: 24px;
    font-weight: 600;
}

.period {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
}

/* Özellikler listesi */
.features-list {
    padding: 30px 20px;
}

.feature-item {
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

    .feature-item:last-child {
        border-bottom: none;
    }

.feature-name {
    color: #333;
    font-weight: 500;
}

.feature-value {
    font-weight: 600;
    color: #064A97;
}

/* Başlat butonu */
.start-button {
    display: block;
    background: #E31837;
    color: white;
    text-align: center;
    padding: 15px 30px;
    margin: 20px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .start-button:hover {
        background: #c41430;
        transform: translateY(-2px);
    }

/* Öne çıkan paket */
.pricing-card.featured {
    transform: scale(1.05);
    border: 2px solid #1bb5cc;
}

.featured .card-header {
    background: linear-gradient(135deg, #1bb5cc, #064A97);
}

.featured::before {
    content: 'En Popüler';
    position: absolute;
    top: 20px;
    right: -35px;
    background: #E31837;
    color: white;
    padding: 5px 40px;
    transform: rotate(45deg);
    font-size: 12px;
    font-weight: 600;
}

/* Responsive düzenlemeler */
@media (max-width: 1024px) {
    .pricing-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .pricing-section {
        padding: 40px 0;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .pricing-container {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    .pricing-card {
        max-width: 400px;
        margin: 0 auto;
    }

        .pricing-card.featured {
            transform: scale(1);
        }

    .package-type {
        font-size: 20px;
    }

    .price {
        font-size: 36px;
    }

    .feature-item {
        padding: 10px 0;
    }
}

/* Animasyonlar */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.pricing-card {
    animation: fadeIn 0.5s ease forwards;
}

    .pricing-card:nth-child(2) {
        animation-delay: 0.2s;
    }

    .pricing-card:nth-child(3) {
        animation-delay: 0.4s;
    }

/* Ana container */
.pricing-modal {
    background: white;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

/* Başlık stili */
.pricing-title {
    background: #064A97;
    color: white;
    padding: 15px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

/* Paket başlıkları */
.package-headers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
    background: #f8f9fa;
}

.package-header {
    text-align: center;
}

.package-name {
    color: #064A97;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}

/* Fiyat stili */
.price-amount {
    color: #064A97;
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0;
}

.price-period {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

/* Başlat butonu */
.start-button {
    background: #E31837;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.3s ease;
}

    .start-button:hover {
        background: #c41430;
    }

/* Tablo stili */
.pricing-table {
    width: 100%;
    border-collapse: collapse;
}

    .pricing-table tr {
        border-bottom: 1px solid #eee;
    }

        .pricing-table tr:last-child {
            border-bottom: none;
        }

    .pricing-table td {
        padding: 15px 20px;
        text-align: center;
        color: #333;
    }

/* Özellik başlığı */
.feature-title {
    background: #f8f9fa;
    color: #064A97;
    font-weight: 500;
    text-align: left;
    padding: 12px 20px;
}

/* Değer hücreleri */
.value-cell {
    font-weight: 500;
}

/* Kapatma butonu */
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .pricing-modal {
        margin: 10px;
        border-radius: 0;
    }

    .package-headers {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px;
    }

    .package-header {
        background: white;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .pricing-table {
        display: block;
    }

        .pricing-table tbody {
            display: block;
        }

        .pricing-table tr {
            display: block;
            margin-bottom: 15px;
            background: white;
            border: 1px solid #eee;
        }

        .pricing-table td {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            text-align: right;
            border-bottom: 1px solid #eee;
        }

            .pricing-table td:before {
                content: attr(data-label);
                font-weight: 500;
                color: #064A97;
                text-align: left;
            }

    .feature-title {
        background: #f8f9fa;
        text-align: center;
        padding: 10px;
        margin: 15px 0;
        border-radius: 5px;
    }

    .start-button {
        width: 100%;
        text-align: center;
        margin: 5px 0;
    }
}

/* Tablet görünümü */
@media (min-width: 769px) and (max-width: 1024px) {
    .pricing-modal {
        margin: 20px;
    }

    .package-headers {
        gap: 15px;
        padding: 15px;
    }

    .price-amount {
        font-size: 22px;
    }

    .pricing-table td {
        padding: 12px 15px;
        font-size: 14px;
    }
}

/* Animasyonlar */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

.pricing-modal {
    animation: slideIn 0.3s ease forwards;
}


/*BLOG LIST VIEW COMPONENT*/
/* Ana renk değişkenleri */
:root {
    --primary-color: #2A41E8; /* Ana mavi renk */
    --secondary-color: #FF6B6B; /* Vurgu rengi */
    --text-color: #333; /* Ana metin rengi */
    --light-bg: #f8f9fa; /* Açık arka plan */
    --border-radius: 8px; /* Köşe yuvarlaklığı */
}


/* Başlık stilleri */
.heading-title {
    color: #064A97;
    font-weight: 700;
    position: relative;
}

    .heading-title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 3px;
        /* background-color: var(--secondary-color); */
    }

/* Blog kartı stilleri */
.post-grid {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

    .post-grid:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    }

/* Resim container'ı */
.entry-thumbnail {
    position: relative;
    overflow: hidden;
}

    .entry-thumbnail img {
        transition: transform 0.5s ease;
    }

    .entry-thumbnail:hover img {
        transform: scale(1.05);
    }

/* İçerik alanı */
.entry-content {
    padding: 20px;
}

/* Kategori etiketi */
.entry-category a {
    background-color: var(--primary-color);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
}

/* Başlık stilleri */
.entry-title h3 {
    font-size: 18px;
    line-height: 1.4;
    margin: 10px 0;
}

    .entry-title h3 a {
        color: var(--text-color);
        text-decoration: none;
        transition: color 0.3s ease;
    }

        .entry-title h3 a:hover {
            color: var(--primary-color);
        }

/* Tarih stili */
.entry-meta .date {
    color: #666;
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

    .entry-meta .date:before {
        content: '\f017';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        left: 0;
        color: var(--primary-color);
    }


/*PROPERTY LISTING SERVICES VIEWCOMPONENT*/
.colorrr .section-banner {
    position: relative;
    width: 100%;
    padding: 110px 0;
    background-image: url(/web/images/MLSImages/ARKA-PLAN-13-e1710339402760.png);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff; /* Metin rengi */
}

.section-banner .content {
    position: relative;
    z-index: 1; /* İçerik ön planda olsun */
}

.section-banner .heading-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
}

/*PARTIAL TESTIMONIAL*/
.section.background-blue {
    position: relative;
    background-color: #004494;
    padding: 100px 0; /* Artırılmış padding dalga efekti için alan sağlar */
    overflow: hidden;
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}

.elementor-shape-top {
    top: -1px;
}

.elementor-shape-bottom {
    bottom: -1px;
}

.elementor-shape[data-negative=false].elementor-shape-bottom {
    transform: rotate(0deg);
}

.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
}

.elementor-shape .elementor-shape-fill {
    fill: #fff; /* Dalga rengi - sayfanın arka plan rengine göre ayarlayın */
    transform-origin: center;
    transform: rotateY(0deg);
}

.testimonial-item {
    background: white;
    border-radius: 15px;
    padding: 30px;
    height: 400px;
    display: inherit;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    transition: all 0.3s ease;
}

.avatar {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
}

    .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.info {
    text-align: center;
    margin-bottom: 15px;
}

    .info h3 {
        color: #022041;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .info span {
        color: #1BB5CC;
        font-size: 14px;
    }

.content {
    flex: 1;
    margin-bottom: 15px;
}

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

.rating {
    text-align: center;
    margin-top: auto;
}

    .rating i {
        color: #FFD700;
        font-size: 16px;
        margin: 0 2px;
    }

.swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.swiper-pagination-fraction {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.swiper-wrapper {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    transition: all 0.3s ease;
    margin: 0 -20px;
}

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px !important;
    }

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #004494;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-top: -35px;
}

    .view-all-btn:hover {
        background: #1BB5CC;
        color: #fff;
        transform: translateY(-2px);
    }

.mt32 {
    text-align: center;
}

@media (max-width: 768px) {
    .heading-sub.sizinicin, .heading-desc.MLSCoklu, .heading-title.heading-title-textCenter {
        text-align: center !important;
    }
}


.SliderText {
    display: flex;
    align-items: center;
}

.col-lg-6.SliderText {
    display: flex;
    
}

@media (max-width: 768px) {
    .section.background-overlay.SliderVH {
        height: 95vh !important;
    }

    
}


.notifications-container {
    padding: 0 15px;
}

    .notifications-container .alert {
        margin-bottom: 10px;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        animation: slideDown 0.5s ease-in-out;
    }

.alert {
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .alert .close {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        font-size: 1.25rem;
        opacity: 0.7;
        cursor: pointer;
    }

    .alert i {
        margin-right: 10px;
    }

/* Animasyon */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

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

/* Notification tipleri için renkler */
.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}