@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100&display=swap');
/***
====================================================================
	Mobile
====================================================================
***/
@media screen and (max-width: 780px){
    .mobil-gizle {
        display: none;
    }
    .open-detayli-arama {
        display: none;
    }
    .vitrin-box .card-body {
        height: 150px!important;
        overflow: hidden!important;
        overflow-y: scroll!important;
    }
    .kategori-vitrin-ilan img {
        width: 100%!important;
    }
    .reklam-resim {
        width: 100%;
        height: 100px;
    }
}
/***
====================================================================
	Desktop
====================================================================
***/
@media screen and (min-width:780px){
    .desktop-gizle {
        display: none;
    }
    .ilan-arama-buton {
        display: none;
    }
    .desktop-pr-0 {
        padding-right: 0px;
    }
    .desktop-pl-0 {
        padding-left: 0px;
    }
    .reklam-resim {
        width: 100%;
        height: auto;
    }
}
/***
====================================================================
	Genel
====================================================================
***/
.kisalt {
    overflow: hidden; /* taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
}

.blink_me {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.inherit {
    color: inherit;
}
.paket-radio {
    display: none;
}
.cuzdan-controls {
    display: flex;
}

.cuzdan-controls .radio {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cuzdan-sozlesme {
    display: block;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}
.sip-islem-buton {
    padding: 5px!important;
    border-radius: 5px;
    text-transform: none;
}
.siparis .btn {
    background: #0d0633!important;
    border-color: #0d0633;
}
.ayarlar label {
    font-size: 13px;
    font-weight: 500;
}
.ayarlar .form-group {
    margin-bottom: 15px;
}
.ayarlar textarea {
    height: 100px;
}
.ayarlar-bilgi {
    font-size: 14px;
}
.adpost-plan-meta a:hover {
    color: #ffffff;
}
.ayar-dogrulama-alan {
    padding: 25px!important;
}
.ayar-dogrulama-alan .form-control {
    background-color: #f5f8fa;
    border-color: var(--primary-darkblue);
    color: #5e6278;
    transition: color .2s ease,background-color .2s ease;
    text-align: center;
    height: 60px;
    width: 60px;
    font-size: 20px;
    font-weight: bold;
}
.ayar-dogrulama-alan .form-group {
    margin-bottom: 0px;
}
.panel-fav-list {
    font-size: 13px;
    height: 310px;
    overflow: hidden;
    overflow-y: scroll;
}
.panel-fav-list a {
    color: inherit;
}
.panel-fav-list img {
    width: 60px;
}
.panel-fav-list .baslik {
    display: block;
}
.panel-fav-list .fiyat {
    font-weight: bold;
    color: #c75351;
    display: block;
}
.panel-fav-list .arama-link {
    margin-left: 5px;
    font-size: 15px;
}
.radius-0 {
    border-radius: 0px;
}
.custom-button {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #0d0633;
    padding: 5px 32px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #0d0633;
    color: #ffffff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.custom-button:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.harita-button {
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--primary-yellow);
    padding: 5px 32px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: var(--primary-yellow);
    color: #ffffff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.harita-button:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.header-border {
    background: #fff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.header-border .header-widget span {
    color: #080229;
}

.header-border .header-widget sup {
    background-color: var(--primary-darkblue);
}
/***
====================================================================
	Blok Tasarim
====================================================================
***/
.blok-kategori {
}
.blok-kategori li {
    position: relative;
    font-size: 13px;
 }
.blok-kategori .baslik {
    font-weight: bold;
    color: #080229;
    font-size: 14px;
}
.blok-kategori li i {
    margin-right: 5px;
    font-size: 13px;
    color: #fff;
    background-color: #080229;
    width: 23px;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
}
.blok-kategori .category-list {
    padding: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.blok-kategori .alt-kategori {
    position: relative;
    font-size: 12px;
    margin-bottom: 1px;
    border-bottom: none;
}
.category-list .alt-kategori a {
    padding: 5px 0px;
    display: flex;
    align-items: center;
}
.category-list .alt-kategori a h6 {
    font-size: 13px;
    font-weight: unset;
}
.category-list .kategori-goster {
    display: block;
    font-weight: bold;
    margin-top: 5px;
}
.category-list .kategori-goster i {
    background: none;
    color: #0a0e26;
    width: auto;
    height: auto;
    margin-right: unset;
}
.blok-kategori .ozel-kategori a {
    font-weight: bold;
    font-size: 14px;
    color: #080229;
}
.blok-slider {
    position: relative;
}
.blok-slider img {
        height: 37rem;
    width: 50rem;
   /* height: 300px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;*/
}
.blok-slider .carousel-caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100px;
    background-color:rgba(0, 0, 0, 0.5)!important;
}
/***
====================================================================
	Islemler
====================================================================
***/
.islemler td {
    border-bottom: 1px solid #e1e1e1;
    border-top: none;
}
.islemler .aciklama {
    width: 100%;
    border-right: 1px solid #e1e1e1;
}
.islemler {
    font-size: 13px;
}
.islemler .aciklama p {
    font-size: 12px;
}
.islemler i {
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 25px;
}
/***
====================================================================
	Custom Scrool
====================================================================
***/
.custom-scrool::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.custom-scrool::-webkit-scrollbar
{
    width: 6px;
    background-color: #0d0633;
}

.custom-scrool::-webkit-scrollbar-thumb
{
    background-color: #0d0633;
}
/***
====================================================================
	Arama Alanlari
====================================================================
***/
.arama-widget {
    padding: 20px 15px 15px;
    border-radius: 6px;
    margin-bottom: 30px;
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
}

.custom-label {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.arama-alan {
    margin-bottom: 5px;
}

.arama-alan .form-group {
    margin-bottom: 5px;
}

.toggleBtn {
    float: right;
    cursor: pointer;
}

.detayli-arama-alan label:not(.form-check-label) {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.detayli-arama-alan .ToggleDiv {
    display: none;
}

.vitrin-box {
    margin-bottom: 15px;
}

.vitrin-box .card-header {
    width: 100%;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 5px 15px 5px;
    font-size: 14px;
}

.listed-bar {
    padding: 5px 5px;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #f6f6f6;
    margin-bottom: 15px;
}

.vitrin-box .card-header::before {
    background: none;
}

.fiyat-aralik .col-md-6:first-child:after {
    content: "-";
    position: absolute;
    top: 5px;
    left: 97%;
    font-size: 25px;
}

.kimden-alan {
    display: block;
    width: auto;
}

.kimden-alan li {
    float: left;
    margin-top:1px;
    border-radius:3px;
    background: #eaeaea;
}

.kimden-alan li a {
    margin-right: 0;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #dedede !important;
    border-bottom: none;
    color: #777;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.70);
}

.kimden-alan .active {
    background: #ffffff;
}
/***
====================================================================
	Ekstra Tanımlar
====================================================================
***/
@media screen and (max-width: 780px){
    .ilanlarim .review-avatar img {
        width: 85px;
        border-radius: unset!important;
        border: none!important;
    }
}
@media screen and (min-width:780px){
    .ilanlarim .review-avatar img {
        width: 85px;
        border-radius: 0px;
        border: none;
    }
    .ilanlarim .review-widget .prices {
        padding-right: 10px;
    }
}
.ilanlarim .review-avatar {
    border-radius: 0px!important;
}
.ilanlarim .review-item {
    padding: 20px 25px;
}
.ilanlarim .review-head {
    margin-bottom: 0px;
}
.ilanlarim .review-meta h6 {
    margin-bottom: 0px;
}
.ilanlarim .kategori-liste li {
    float: left;
    padding-right: 5px;
}
.ilanlarim .kategori-liste li:after {
    content: '>';
    padding-left: 5px;
}
.ilanlarim .kategori-liste li:last-child:after {
    content: '';
}
.ilanlarim .review-widget .prices {
    display: inline;
    color: #c75351;
    font-weight: bold;
    font-size: 15px;
}
.ilanlarim .review-meta ul li {
    font-size: 13px;
}
.ilanlarim .review-avatar {
    border: 5px solid #ffffff !important;
    border-radius: 3px;
}
.ilan-liste table {
    width: 100%;
    border: 1px solid #eee;
    border-collapse: collapse;
    border-spacing: 0;
}
.ilan-liste table th {
    font-weight: bold;
    background-color: #f6f6f6;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #eee;
    vertical-align: middle;
}
.ilan-liste table tr.kcdoping {
    background-color: #e6fbd3;
    font-weight: 700;
}
.ilan-liste table tr.kcdoping:hover {
    background-color: #eef7fa;
}
.ilan-liste table td {
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #eee;
    vertical-align: middle;
}
.ilan-liste table {
    font-size: 14px!important;
}
.ilan-liste table a {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #039;
}
.ilan-liste table img {
    width: 90px;
    border-radius: 0px;
    border: 5px solid #ffffff !important;
    background: #ffffff;
}
.ilan-liste .fiyat {
    color: #910000;
    white-space: nowrap;
    text-align: center;
}
.footer-pagection .page-info {
    font-size: 14px;
}
.ilan-arama-fav-buton {
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 13px;
    padding: 0px 10px;
    background: #0044bb;
    color: #ffffff;
    margin-left: 2px;
    text-align: center;
}
.ilan-arama-fav-buton:hover {
    color: #ffffff;
}
.ilan-liste table tr.kcilan:hover {
    background-color: #eef7fa;
}
.ilan-galeri {
    padding: 5px;
    min-height: 150px;
    margin-bottom: 5px;
    border-right: 1px solid #e1e1e1;
}
.ilan-galeri img {
    width: 90px;
}
.ilan-galeri .baslik {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ilan-galeri .fiyat {
    font-size: 14px;
    color: #910000;
    white-space: nowrap;
    font-weight: 500;
}
.ilan-galeri .tarih {
    font-size: 13px;
    color: #3e5877;
    font-weight: 500;
}
.ilan-galeri .bolge {
    font-size: 13px;
    color: #3e5877;
    font-weight: 500;
}
.ilan-galeri .ilankod {
    font-size: 13px;
    color: #3e5877;
    font-weight: 500;
}
.ilan-galeri a {
    color: #003399;
    font-size: 14px;
}
.ilan-galeri:hover {
    background-color: #eef7fa;
}
.ilan-benzer-liste a {
    font-size: 13px;
}
.kcdoping {
    background-color: #e6fbd3;
    font-weight: 700;
}
.kategori-vitrin-ilan img {
    height: 86px;
    width: 114px;
    border: 1px solid #eaeaea;
    object-fit: cover;
}
.kategori-vitrin-ilan .baslik {
    padding-bottom: 0px;
}
.kategori-vitrin-ilan .baslik a {
    color: #039;
    font-size: 11px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-weight: 500;
    letter-spacing: -0.1px;
}
.kategori-vitrin-ilan .fiyat {
    position: absolute;
    top: 0px;
    padding: 0px 5px 0px;
    background: #0d0633;
    color: #fff;
    font-size: 12px;
    border-bottom-right-radius: 3px;
}
.fiyat-dusen-icon {
    color: #03C300;
}
.acil-icon {
    color: #C70039;
}
.kategori-acil {
    font-weight: bold;
    color: #C70039;
}
.kategori-fiyatidusen {
    font-weight: bold;
    color: #03C300;
}
.kategori-fiyatidusen i {
    float: right;
    margin-right: 15px;
}
.kategori-acil i {
    float: right;
    margin-right: 15px;
}
.kategori-slide i {
    font-size: 25px;
}
.index-firsat .feature-img img {
    height: 390px;
    width: 100%;
    object-fit: cover;
}
.index-vitrin img {
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.index-vitrin .product-type {
    position: absolute;
    top: -3px;
    right: 0px;
    z-index: 2;
}
.index-vitrin .product-content {
    padding: 0px 5px;
}
.index-vitrin .product-title a {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 12px;
    color: inherit;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-vitrin .product-price {
    font-size: 12px;
}
.index-vitrin .booking {
    background: #0d0633;
}
.index-tum-incele a {
    color: #555555;
    font-size: 13px;
    font-weight: 600;
}
.custom-section {
    padding: 30px 0px 0px!important;
}
.index-proje-liste img {
    display: block;
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.index-proje-liste .baslik a {
    color: #555555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}
.soru-cevap .btn {
    border: none;
    border-radius: 0px;
    background: #0044bb;
}
.soru-cevap .card-header {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.soru-cevap .card-header::before {
    border-bottom: none!important;
    bottom: 0px!important;
    height: 0px;
    width: auto;
}
.iletisim-sayfa .contact-info p {
    height: 50px;
    overflow: hidden;
}
.iletisim-sayfa .contact-info .adres {
    height: 50px;
    overflow: hidden;
    overflow-y: scroll;
}
.iletisim-sayfa .form-control {
    border: none;
    width: 100%;
    height: 50px;
    padding: 0px 20px;
    border-radius: 0px;
    color: #232d3b;
    background: #f5f5f5;
    border-bottom: 2px solid #e8e8e8;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}
.iletisim-sayfa textarea.form-control {
    height: 215px;
    padding: 15px 20px;
}
/***
====================================================================
	Proje Alani
====================================================================
***/
.proje iframe {
    border-radius: 3px;
}
.proje .proje-video img {
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.proje .proje-logo {
    display: block;
    width: 120px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.proje .proje-logo img {
    border: none;
}
.proje .proje-iletisim-alan {
    border: 1px solid #e1e1e1;
    padding: 15px;
    border-radius: 3px;
}
.proje .proje-firma-adi {
    display: block;
    text-align: center;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    text-transform: uppercase;
}
.proje .proje-sehir span {
    display: block;
    margin-bottom: 5px;
}
.proje .proje-sehir {
    display: block;
    text-align: center;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.proje .proje-kisa-aciklama {
    display: block;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 14px;
    height: 100px;
    overflow: hidden;
    overflow-y: scroll;
}
.proje .proje-aciklama {
    height: 340px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}
.proje .proje-kisa-bilgi {
    font-size: 13px;
    font-weight: 600;
}
.proje .proje-kisa-bilgi span {
    display: block;
    font-size: 13px;
    font-weight: 600;
}
.proje .proje-ozellik-var i {
    color: #0ba360;
}
.proje .proje-ozellik-yok i {
    color: #a00b17;
}
.proje .proje-ozellik-yok {
    text-decoration:line-through;
}
.proje .proje-ozellik-var {
    font-weight: 600;
}
.haber-liste img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

/***
====================================================================
	Mesaj Yönetimi
====================================================================
***/
.mesaj-alan .chat-log {
    overflow: auto;
    max-height: 300px;
}

.mesaj-alan .chat-log_item {
    background: #eaeaea;
    padding: 10px;
    margin: 0 auto 10px;
    max-width: 95%;
    min-width: 25%;
    float: left;
    font-size: 13px;
    border-radius: 0 20px 20px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    clear: both;
}

.mesaj-alan .chat-log_item.chat-log_item-own {
    float: right;
    background: #D5F4E7;
    text-align: right;
    margin-right: 0.7rem;
    border-radius: 20px 0 20px 20px;
}

.mesaj-alan .chat-form {
    background: #DDDDDD;
    padding: 40px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.mesaj-alan .chat-log_author {
    margin: 0 auto 0em;
    font-size: 12px;
    font-weight: bold;
}

.mesaj-alan .chat-log_time {
    margin: 0 auto .5em;
    direction: rtl;
    font-size: 12px;
    opacity: 0.5;
}
.mesaj-alan .mesaj-buton {
    padding: 8px 32px;
    border-radius: 0px;
}
.mesaj-alan {
    padding-bottom: 20px;
}
.mesaj-liste {
    padding: 5px 15px!important;
}
.mesaj-liste img {
    width: 30px!important;
}
.mesaj-liste .review-widget-list.active {
    display: block;
    z-index: 1;
}
.mesaj-liste .review-dots-btn i {
    margin-top: 8px;
}
.mesaj-liste h6 {
    margin-top: 5px;
    font-size: 14px;
}
/***
====================================================================
	İlan Yönetimi
====================================================================
***/
.kategori {
    margin-bottom: 15px;
}

.kategori .btn {
    padding: 5px!important;
    border-radius: 0px;
}

.kategori-son {
    position: relative;
    height: 202px;
    width: 100%;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 15px;
    color: #0063c0;
}

.kategori-son i {
    font-size: 75px;
    margin-bottom: 10px;
}

.kategori-son p {
    margin-bottom: 10px;
}

.ilan-secilen-kategori ul {
    overflow: hidden;
}

.ilan-secilen-kategori ul li {
    float: left;
    display: inline-block;
    font-weight: 500;
}

.ilan-secilen-kategori ul li:not(:last-child):after {
    content: ">";
    padding: 0 2.5px;
}

.checkbox_fields_list {
    display: block;
    margin-bottom: 15px;
}

.input-group-addon {
    display: block;
    background: transparent;
    border: 0;
    padding: 5px 0;
    font-weight: bold;
}

.input-group {
    position: relative;
    display: block;
    border-collapse: separate;
    margin: 8px 0;
}

.ilan-img-list .btn-group a:hover{
    border: none!important;
    zoom: unset!important;
}

.ilan-sonuc .baslik {
    display: block;
    text-align: center;
}

.ilan-sonuc .baslik i {
    display: block;
    text-align: center;
    font-size: 75px;
    color: #0ba360;
    margin-bottom: 15px;
}

.ilan-sonuc .baslik span {
    text-align: center;
    color: #0ba360;
}

.ilan-sonuc .table-responsive tr:hover {
    background: #0ba360;
}
/***
====================================================================
	Banka
====================================================================
***/
.banks {
    line-height: 30px;
    color: #465971;
}

.aggrement-item p, .banks {
    font-size: 14px;
}

.bank-item:nth-child(odd) {
    background-color: #f4f8f9;
}
.bank-item {
    padding: 30px;
}

.bank-image {
    margin-top: 20px;
}

/* Accordion Menu Start */


 #accordian {
      width: 325px;
      float: right;
    height: 100%;
    overflow-x: hidden;
    background-color: #fff;
    cursor: pointer;
     border-radius:5px;
}

#accordian a {
    background-color: white;
}

#accordian li {
    list-style-type: none;
}

#accordian ul li a {
    color: var(--primary-darkblue);
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 12px 15px;
    transition: all 0.15s;
    position: relative;
    border-radius: 3px;
    width: 270px;
}

#accordian ul li span a {
     position: relative;
    left: -0.8rem;
    font-size: 1rem;
    color: #080229;
    font-weight: 400;
    top: -0.2rem;
}

#accordian>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a,
#accordian>ul>li>ul>li>ul>li>ul>li>ul.show-dropdown>li.active>a {
    background-color: #a8d4fb;
    color: #0089ff;
    box-shadow: 0px 1px 2px rgba(0, 137, 255, 0.2);
}

#accordian>ul>li>ul,
#accordian>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul>li>ul {
    display: none;
}

#accordian>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li.active>ul.show-dropdown,
#accordian>ul>li>ul>li>ul>li>ul>li.active>ul.show-dropdown {
    display: block;
}

#accordian>ul>li>ul,
#accordian>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul,
#accordian>ul>li>ul>li>ul>li>ul>li>ul {
    padding-left: 20px;
}

#accordian .row {
    display: flex;
    align-items: center;
}

#accordian .row .col-2 svg {
    width: 24px; /* Örnek bir boyut, ihtiyaca göre ayarlayın */
    height: 24px; /* Örnek bir boyut, ihtiyaca göre ayarlayın */
    cursor: pointer;
}

#accordian .row .col-2 svg:hover {
    fill: #d5b14c; /* Örnek bir renk, ihtiyaca göre ayarlayın */
}

#accordian img {
    background-color: #000;
    border-radius: 50%;
    padding: 5px;
}

#accordian .col-2 svg {
    transform: rotate(270deg);
    transition: transform 0.8s ease; /* Başlangıçta 270 derece dönüş için geçiş efekti */
}

#accordian .active .col-2 svg {
    transform: rotate(360deg); /* .active durumunda 90 derece sağa dönme */
}



/** Accordion Menu End



/***
====================================================================
	Header Menu
====================================================================
***
.header-search .arama-box {
    padding-left: 15px!important;
}

.header-search .arama-katlar {
    background: #f5f5f5;
    border: none;
    padding-left: 5px;
    color: #555555;
    font-size: 15px;
}

/* Select2 css */
    .header-search .select2-container--default .select2-selection--single
    {
        background: transparent;
        border:none;
        
    }
    
    .arama-alan .select2-container--default .select2-selection--single
    {
        width:100%;
    }


