.owl-carousel{width:94%; height:auto; min-height:auto; margin:0px 0 30px 0; padding:32px 3%; position:relative; z-index:0; -webkit-tap-highlight-color:transparent;
background:#fff; box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;}
.owl-carousel .owl-stage-outer,.owl-carousel .owl-stage,.owl-carousel .owl-item,.owl-carousel .item{ height:auto;}
.owl-carousel .owl-item{ min-height:1px; float:left;  position:relative; -webkit-backface-visibility:hidden; -webkit-touch-callout:none; cursor: pointer;}
.owl-carousel .owl-item .slider-img{height:200px; object-fit:cover; position: relative; display:block; border-radius:8px;}
.owl-carousel .owl-item img{width:60px; height:60px; position:absolute; top:5px; left: 5px; animation: buyukkucuk 2s ease-in-out infinite;}

.owl-title{width:80%; padding:0 10%; display:flex; justify-content:flex-start; align-items: center;}
.owl-title h1{background-color: #000; color:#ebebeb; padding:0 16px; font-weight:500; font-size:21px;}


@keyframes buyukkucuk {
0% {width:70px; height:70px;}
100% {width:70px; height:70px;}
}


.owl-carousel .owl-item .slider-img::after{content: ""; font-family: "FontAwesome"; width:0; height: 0; transition: all 0.3s ease; position:absolute; left:50%; top:50%; background-color: rgba(0,0,0,.3); border-radius:16px;}
.owl-carousel .owl-item:Hover .slider-img::after{content: "\f18c"; width:50%; height:50%; position:absolute; left:25%; top:25%;  border-radius:8px; border:1px solid rgba(86, 214, 0,.6); color:rgba(86, 214, 0,1); z-index:0; font-size:48px; backdrop-filter: blur(5px); background-color:rgba(255,255,255,.5); display: flex; justify-content: center; align-items: center;}

/*.owl-carousel .owl-item .slider-img::before{content: ""; font-family: "FontAwesome"; width:0; height: 0; transition: all 0.3s ease; position:absolute; left:50%; top:50%;
background-color: rgba(86, 214, 0,.6); border-radius:16px;}
.owl-carousel .owl-item:Hover .slider-img::before{content: "\f18c"; width:100%; height:100%; position:absolute; left:0%; top:0%;  border-radius:8px;
 z-index:1; font-size:48px; backdrop-filter: blur(6px); display: flex; justify-content: center; align-items: center; color:#ffffff;}
*/
.owl-carousel .owl-item .item h4 {width:100%; min-height:24px; font-size:.86rem; font-weight:300; margin-top: 8px; color:var(--black); text-align: center;}
.owl-carousel .owl-item .item:Hover h4 {text-decoration: underline;}

.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-y; touch-action:manipulation; -moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0);}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease;}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0;}

.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000;}

/* ================================
ANİMASYON & EFEKTLER
================================ */

.owl-carousel .animated{animation-duration:1s; animation-fill-mode:both;}

.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}

.owl-carousel .fadeOut{
animation-name:fadeOut;
}

@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}

.owl-height{
transition:height .5s ease-in-out;
}

.owl-carousel .owl-item:not(.active){
filter:blur(1px);
transform:scale(0.85);
opacity:0.6;
}

.owl-carousel .owl-item.active.center{
filter:none;
transform:scale(1);
opacity:1;
z-index:2;
}

.owl-nav button{
position:absolute;
top:50%;
transform:translateY(-50%);
}

.disabled{display: none;}
.owl-nav .owl-prev{
width:24px!important;
height:24px!important;
line-height:24px!important;
left:10px;
background-color:none;
color:var(--dark)!important;
transition:.3s;
}

.owl-nav .owl-prev:hover{}

.owl-nav .owl-next{
width:24px!important;
height:24px!important;
line-height:24px!important;
right:10px;
background-color:var(--light)!important;
color:var(--dark)!important;
transition:.3s;
}

.owl-nav .owl-next:hover{
background-color:none;
}

/* ================================
DOTS
================================ */

.owl-theme .owl-dots{
text-align:center;
}

.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#fff;
display:block;
border-radius:30px;
transition:.2s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
background:var(--sari);
}



.owl-carousel .item{
position:relative;
overflow:hidden;
}

.owl-carousel .item .item-desc{
position:absolute;
top:5%;
left:5%;
z-index:2;
padding:10px;
border-radius:5px;
display:flex;
flex-direction:column;
color:var(--dark);
cursor:pointer;
}

.owl-carousel .item .item-desc span:first-child{
font-size:1.4rem;
font-weight:500;
margin-bottom:1rem;
color:#000;
}

.owl-carousel .item .item-button{
position:absolute;
bottom:5%;
right:5%;
z-index:2;
background:rgba(0,0,0,.8);
color:#fff;
padding:10px;
cursor:pointer;
}

/* ================================
RESPONSIVE – MOBİL / TABLET
================================ */

@media (max-width: 992px){
    .owl-carousel{
    height:240px;
    min-height:240px;
    margin:0 0 0 0;
    }

   .owl-carousel .owl-item .slider-img{height:240px;}
    .owl-carousel .owl-stage-outer,
    .owl-carousel .owl-stage,
    .owl-carousel .owl-item,
    .owl-carousel .item{
    height:240px;
    }
}