.logo{max-width:400px}
.menu-logo{max-width:250px;padding:1em 0}
a.icon-socials {
    align-items: center;
    display: flex!important;
	justify-content:end
}
 .social-media i{color:white;font-size:1.5em}
 .social-media a:hover i{color:#70f46d}

.header .main-menu li ul.sub-menu .alt-kat ul {
    background-color: var(--bs-neutral-0);
}

.header .header-nav .main-menu li a:hover {
    color: white !important;
    background-color: #33cc34;
    border-radius: 8px;
    transition: 1s ease;

    }
.header .header-nav .main-menu li ul li a:hover {
    transition: 0.3s;
    color:white !important;
    padding: 15px 20px;
}
.header .main-menu li.has-children > a::after {
    opacity: 1!important;
}
.sidebar-canvas-wrapper.perfect-scrollbar .sidebar-canvas-content .card-info p:nth-child(n+4){display: none}
.sidebar-canvas-wrapper.perfect-scrollbar .sidebar-canvas-content .card-info p:first-child{margin-bottom: 1em}
header.sticky-bar .text-header-info a:hover{color:#f96203!important}
.dark-mode-logo {
  display: none;
}
.light-mode-logo {
  display: block;
}
[data-page="ana"] .stick .dark-mode-logo{display:block!important}
[data-page="ana"] .stick .light-mode-logo{display:none!important}

[data-page="sirala"],[data-page="detay"],[data-page="ulas"]{.header .main-menu li.arrow-white > a::after {  filter: brightness(0) saturate(100%);}}
[data-page="sirala"],[data-page="detay"],[data-page="ulas"]{.header .main-menu li.arrow-white > a:hover::after {  filter: none!important;}}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after{--fancybox-accent-color:var(--bs-brand-2);}
.top-right-header .social-style-two-wrapper li a:hover{color:#fff!important}


/*Detay*/
.haber p {margin-bottom: 1em}
[data-page="filo-detay"] .box-section .card strong{font-size:1.3em}


/*Footer*/

.footer-phone{
    border: 1px solid;
    padding: 1em;
    border-radius: 2em;
}
.footer-phone:hover{background-color: #f96203;transition:1s ease}
.footer-phone:hover a{color: #fff!important}

@keyframes ring {
   0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-15deg); }
  30% { transform: rotate(12deg); }
  40% { transform: rotate(-12deg); }
  50% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  70% { transform: rotate(4deg); }
  80% { transform: rotate(-4deg); }
  90% { transform: rotate(2deg); }
  100% { transform: rotate(0); }
}

.footer-phone i {
  display: inline-block;
  animation: ring 1.5s infinite;
  transform-origin: center;
}
.footer-mail a:hover{color:#f96203!important}

.menu-footer li a:hover {
    color: #33cc34 !important;
    border-radius: 8px;
    transition: 1s ease;
}

.menu-footer li a{padding:.5em 1em;	padding-left:unset!important}

.footer .social-media li{
    border-radius:50px;border: 1px solid;
    display: flex;align-items: center;justify-content: center;
    color:var(--bs-neutral-400) !important;
    margin-left:.5rem;
    padding:.5em;
}

.footer {
    background: #000000bd url(https://yesilfilo.serbay.pro/assets/imgs/car-review/car-review-1/img-video-1.png);
    padding: 40px 0px 0px 0px;
    background-blend-mode: color-dodge;
    background-size: cover;
    background-position: center;
  background-position: center;
}



/*Footer*/



/*Default*/

.box-cta-2 .bg-shape::after {width: 100%!important;}
.anasayfa-blog .card-info span {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* En fazla 2 satır göster */
  -webkit-box-orient: vertical;
  overflow: hidden;
    max-width: 300px;   
}

.anasayfa-blog .card-info a {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* En fazla 2 satır göster */
  -webkit-box-orient: vertical;
  overflow: hidden;
    max-width: 300px;   
}

/*Default*/






/*Mobil*/
@media only screen and (max-width: 360px) {
	}

@media only screen and (max-width: 991px) {
	.page-header > div {margin-top:0!important}
	.page-header .bg-overlay{height:250px;width:100%;object-fit:cover}
	.page-header .bg-overlay img{object-fit:cover}
	.footer-post-tags .box-tags{display:block!important}
	.footer-post-tags .box-tags > div{max-width:100%!important}
	.box-share {position:static!important}
	.sag-form{background:unset!important}
	.item-banner-slide h1 {font-size: 30px!important;}
	.item-banner-slide h6 {font-size: 20px!important;}
	.item-banner-slide [title="Araç Filomuz"] {display:none}
	.item-banner-slide .list-ticks-green {display:block}
	.on-rezervasyon-formu .sag-form {padding: 0!important;}
	.on-rezervasyon-formu .sag-form select,.on-rezervasyon-formu .col-md-4{margin-bottom:1em;}
	.anasayfa-blog .card-blog .card-info-blog,.card-blog .card-info{position: static!important;}
	.anasayfa-blog .card-blog .card-info-blog{background:#808080d6;border-radius: 16px;padding:13px!important}
	.anasayfa-blog .card-post .card-info a {font-size:15px;font-weight:500!important;line-height:20px}
	.anasayfa-blog .card-post .card-image img{aspect-ratio:1.1!important}
	.banner-araalan .background-body{justify-content:center;align-items:center}

}

@media only screen and (min-width: 991px) {
	.box-banner-home7 .item-banner-slide .container {
		position: absolute!important;
		top:30%;
		left:15%
	}
	.anasayfa-blog .card-blog .card-info .card-info-blog {
    padding: 1em;
	background:#808080d6;
	border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.anasayfa-blog .card-info span {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* En fazla 2 satır göster */
  -webkit-box-orient: vertical;
  overflow: hidden;
    max-width: 300px;   
}

.anasayfa-blog .card-info a {
  display: inline-block;       /* veya block */
  white-space: nowrap;         /* Tek satırda tutar */
  overflow: hidden;            /* Taşanı gizler */
  text-overflow: ellipsis;     /* Gizlenen kısma ... ekler */
  max-width: 300px;            /* Genişliği ihtiyacına göre ayarla */
}
}


@media only screen and (min-width: 1730px) and (max-width: 1900px)  {
	
	
	
}


@media only screen and (min-width: 1268px) and (max-width: 1735px)  {
	
}

@media only screen and (min-width: 991px) and (max-width: 1360px)  {
	
	
}