/* Story Slider */
.story-slider {
width: 100%;
height: 100%;
position: relative;
}
.story-slider .swiper-slide {
text-align: center;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.story-slider:hover .swiper-button-next{
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%) !important;
}
.story-slider .swiper-button-next {
background-image: none;
}
.story-slider .swiper-button-next:before{
font-family: FontAwesome;
content: "\f105";
font-size: 35px ;
position: absolute;
right: 10px;
margin-top: 40px;
color: #000000;
}
.story-slider:hover .swiper-button-next {
box-sizing:border-box;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
position: absolute;
width: 125px;
height: 290px;
top:0;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
margin-right: -10px;
}
.story-slider .swiper-button-next {
top: 0;
margin-right: -40px;
}


@media screen and (max-width:768px) and (min-width:0) {
.story-slider .swiper-button-next {
opacity: 1;
visibility: visible;
width: 145px;
height: 290px;
right: -12px;
}
.story-slider .swiper-button-next{
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f9f9f9 100%) !important;
}
}





.about-module-main-div-boxed{
    background:#f7f7f7 ;
border:1px solid #ffffff;
padding:50px 0;
margin-top: 20px;
margin-bottom: 20px;
}

.about-module-main-div{
    background:#f7f7f7 ;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:50px 0;
margin-top: 20px;
margin-bottom: 20px;
}
.about-module-leftside-txt{
font-family : 'Open Sans',sans-serif ;
}
.about-module-rightside-txt{
font-family : 'Open Sans',sans-serif ;
}


.about-module-main-div{
    background:#f7f7f7 ;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:50px 0;
margin-top: 20px;
margin-bottom: 20px;
}
.about-module-leftside-txt{
font-family : 'Open Sans',sans-serif ;
}
.about-module-center-txt{
font-family : 'Open Sans',sans-serif ;
}
.about-module-rightside-txt{
font-family : 'Open Sans',sans-serif ;
}



.marka-module-main-div{
    background:#f9f9f9 ;
padding:20px 0;
margin: 0px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}

.swiper-clients {
width: 100%;
height: 100%;
position: relative;
}
.swiper-clients .swiper-slide {
text-align: center;
padding: 5px 10px;
height: 85px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-clients .swiper-slide img{
max-height: 90px;
max-width: 90%;
}



/* Üst Slider için devam */
@media screen and (max-width:374px) and (min-width:0px) {
.swiper-container {
    width: 100% !important;
height: 160px !important;
}
}
@media screen and (max-width:409px) and (min-width:375px) {
.swiper-container {
    width: 100% !important;
height: 200px !important;
}
}
@media screen and (max-width:599px) and (min-width:410px) {
.swiper-container {
    width: 100% !important;
height: 220px !important;
}
}
@media screen and (max-width:767px) and (min-width:600px) {
.swiper-container {
    width: 100% !important;
height: 250px !important;
}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.swiper-container {
    width: 100% !important;
height: 270px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}
@media screen and (max-width:1151px) and (min-width:1024px) {
.swiper-container {
    width: 100% !important;
height: 595px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-container {
    width: 100% !important;
height: 610px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}

@media screen and (max-width:1300px) and (min-width:1280px) {
.swiper-container {
    width: 100% !important;
height: 640px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}

@media screen and (max-width:1600px) and (min-width:1441px) {
.swiper-container{  height: 650px; }
}
@media screen and (max-width:1680px) and (min-width:1601px) {
.swiper-container{  height: 650px; }
}
.swiper-container {
height: 650px;
    width: 100%;
margin: 0 auto;
margin-bottom: 0px;
margin-top: 0px;
}


.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
}


[class^="swiper-button-"] {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
[class^="swiper-button-"] {
width: 44px;
opacity: 0;
visibility: hidden;
}
.swiper-button-prev {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.swiper-button-next {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1 !important;
visibility: visible;
}
.swiper-pagination-bullet-active {
width: 28px!important;
height: 7px!important;
opacity: 1 !important;
background-color: #ebd445 !important;
}
.swiper-container [class^="swiper-pagination-bullet"]{
width: 13px;
height: 7px;
border-radius:100px !important;
transition: all .3s ease;
opacity:.7;
background: #fff
}
/*  <========SON=========>>> Üst Slider için devam SON */









/* Sayaç */
.counter-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#ffffff ;
padding:50px 0;
margin: 0px 0;
font-family : 'Poppins',sans-serif ;
}



/* Blog */
.bloglar-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family : 'Open Sans',sans-serif ;
    background:#ffffff ;
padding:35px 0;
margin: 0px 0;
}


/* Comments */
.yorumlar-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family : 'Open Sans',sans-serif ;
    background:#ffffff ;
padding:55px 0;
margin: 0px 0;
}
.swiper-comments .swiper-slide {
width: 100%;
display: block;
box-sizing: border-box;
text-align: center;
cursor: grab;
}
.swiper-comments .swiper-pagination-bullet-active {
width: 22px!important;
height: 8px!important;
border-radius: 100px !important;
background-color: #e68484 !important;
}
.swiper-comments [class^="swiper-pagination-bullet"]{
width: 13px;
height: 8px;
border-radius: 100px !important;
transition: all .3s ease;
opacity:.2;
}


/* Hizmetler */
.hizmetler-module-main-div{
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;

font-family : 'Open Sans',sans-serif ;
    background:#f8f8f8 ;
padding:30px 0;
margin: 0px 0;
}




/* Tanıtım Videosu */
.intro-video-module-main-div{
    background:#eb3e68 ;
padding:125px 0;
margin: 0px 0;
}
.video-play-button:before {
background: #ba1f24;
}
.video-play-button:after {
background: #fa183d;
}
.video-play-button:hover:after {
background-color: #da0528;
}
.video-play-button span {
border-left: 32px solid #ffffff;
}

/* foto galeri */
.pgallery-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background-image:url("../../images/uploads/") ;
    background-size: cover;
    background-position:top center;
            background-attachment: fixed;
    padding:0px 0;
margin: 0px 0;
}
    .pgallery-module-inside-area{
    width: 93%;
    }

/* E-bülten */
.bultenn-module-main-div{
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
font-family : 'Roboto Condensed',sans-serif ;
    background:#f9f9f9 ;
padding:50px 0;
margin: 0px 0;
}



/* orta slider */
@media screen and (max-width:374px) and (min-width:0px) {
.swiper-middle-container {
width: 93% !important; margin: 0 auto;
height: 170px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:170px !important;
}
}
@media screen and (max-width:409px) and (min-width:375px) {
.swiper-middle-container {
width: 93% !important; margin: 0 auto;
height: 190px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:190px !important;
}
}
@media screen and (max-width:599px) and (min-width:410px) {
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 205px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:205px !important;
}
}
@media screen and  (max-width:599px ) and (min-width:540px ){
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 245px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:245px !important;
}
}
@media screen and (max-width:767px) and (min-width:600px) {
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 270px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:270px !important;
}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.swiper-middle-container .swiper-slide .middle-slider-img-mobile,
.swiper-middle-container .swiper-slide{
width:100% !important;
}
.swiper-middle-container {
width:  93% !important;
height: 325px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:325px !important;
}
}
@media screen and (max-width:1151px) and (min-width:1024px) {
.swiper-middle-container .swiper-slide .middle-slider-img-mobile,
.swiper-middle-container .swiper-slide{
width:100% !important;
}
.swiper-middle-container {
width:  93% !important;
height: 295px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:295px !important;
}
}

@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-middle-container {
width:  93% !important;
height: 330px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:330px !important;
}
}
@media screen and (max-width:1359px) and (min-width:1280px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container {
    width:  100% !important;
    max-width: 100% !important;
height: 350px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:350px !important;
}
}
@media screen and (max-width:1600px) and (min-width:1441px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:380px !important;
}
}
@media screen and (max-width:1680px) and (min-width:1601px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:380px !important;
}
}

.swiper-middle-container {
    width: 100%;
    max-width: 100% !important;
height: 380px;
margin: 0 auto;
margin-bottom: 0px;
margin-top: 0px;
}

.swiper-middle-container .swiper-slide img{
border-radius: 0px;
object-fit: fill !important;
}

.swiper-middle-container:hover .swiper-button-prev,
.swiper-middle-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}


/* Story İçerikleri */
.story-main-div{
width: 100%;
font-family : 'Open Sans',Arial ;
font-size: 13px ;
background-color: #f9f9f9;
margin: 0px 0;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding: 20px 0;
}

.story-group-box{
color:#000000}
.story-group-box:hover{
color:#000000;
text-decoration:none;
}

.item-link .info strong{
color:#000000}
.stories.snapgram .story > .item-link{
color:#000000 !important;
}

.stories.carousel::-webkit-scrollbar-track {
background-color: #f8f8f8;
}
.stories.carousel::-webkit-scrollbar {
height: 3px;
}
.stories.carousel::-webkit-scrollbar-thumb {
background-color: #f8f8f8;
}


/* Kategorili Ürün Vitrini */
.cat-detail-products-box-caturunvitrin {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
    .cat-detail-products-box-caturunvitrin{
    width: 18.5%;
    }
    .cat-detail-products-box-caturunvitrin-img{
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    }
    .cat-detail-products-box-caturunvitrin-img img{
    width: 100%;
    transition-duration: 0.1s; transition-timing-function: linear;
    }
    .cat-detail-products-box-caturunvitrin-h{
    font-size: 13px ;
    min-height: 55px;
    margin-bottom: 5px;
    }
    }
.group-urun-module-main-div{
font-family : 'Plus Jakarta Sans',sans-serif ;
background-color: #ffffff;
}
.group-product-main-box{
border-top: 1px solid #ebebeb;
}
.group-product-main-box:first-child{
border-top: 0;
}
.group-product-main-box-img{
border-radius: 4px;
}
.group-product-main-box-img:hover img{
}


.swiper-product-list {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-product-list .swiper-slide{
margin-left: -.1px !important;
}
}

.swiper-product-list:hover .swiper-button-prev,
.swiper-product-list:hover .swiper-button-next {
background-color: #333;
box-sizing:border-box;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
position: absolute;
top: 50%;
width: 30px;
height: 44px;
margin-top: -22px;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-product-list:hover .swiper-button-prev{
margin-left: -10px;
}
.swiper-product-list:hover .swiper-button-next{
margin-right: -10px;
}


/* Fırsatlar Vitrini */
.firsatlar-urun-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#fff ;
padding:20px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
}

.firsat-product-box {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.swiper-countdown-list {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-countdown-list .swiper-slide{
margin-left: -.1px !important;
}
}
.swiper-countdown-list:hover .swiper-button-prev,
.swiper-countdown-list:hover .swiper-button-next {
background-color: #333;
box-sizing:border-box;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
position: absolute;
top: 50%;
width: 30px;
height: 44px;
margin-top: -22px;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-countdown-list:hover .swiper-button-prev{
margin-left: -10px;
}
.swiper-countdown-list:hover .swiper-button-next{
margin-right: -10px;
}
.product-categories-main-div-vitrin2{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#ffffff ;
padding:30px 0 10px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
}
.product-categories-main-div{
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
    background:#f9f9f9 ;
padding:30px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
}
.product-categories-box{
background-color: #ffffff;
border: 1px solid #000000;
}
.product-categories-box:hover .product-categories-box-img{
}
    .product-categories-box-img-line-line{
    justify-content: center;
    }
    @media screen and (max-width:1151px) and (min-width:1024px) {
    .product-categories-box{
    width: 23.6% !important;
    }
    .product-categories-box-img{
    height: 140px !important;
    }
    .product-categories-box-img-dis{
    height: 140px !important;
    }
    }
.urunler-module-main-div{
    background:#ffffff ;
padding:35px 0 5px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.home-product-tablinks.active {
background-color: #000fe0;
border: 1px solid #082bd9;
}
.home-product-tablinks.active::after{
border-color: #082bd9 transparent transparent transparent;
}
.home-product-tablinks {
background-color: #d9d9d9;
border-radius: 0px;
border: 1px solid #f8f8f8;
margin: 10px;
}
.home-product-tablinks p{
font-size: 13px ;
font-weight: 600;
}
.home-product-tablinks.active p,
.home-product-tablinks.active:hover p {
color: #ffffff;
}
.home-product-tablinks p{
color: #000000;
}
.urun-box-special-area-caturunvitrin{
border: 1px dashed #ffffff;
background-color: #461fd1;
color: #f31616;
}
.urun-box-special-area{
border: 1px dashed #ffffff;
background-color: #461fd1;
color: #f31616;
}
.cat-detail-products-box {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.cat-detail-products-box-cart-2 {
border-top: 1px solid #ebebeb;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-countdown-list:hover .swiper-button-prev{
margin-left: -10px;
}
.swiper-countdown-list:hover .swiper-button-next{
margin-right: -10px;
}
.product-categories-main-div-vitrin2{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#ffffff ;
padding:30px 0 10px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
}
.product-categories-main-div{
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
    background:#f9f9f9 ;
padding:30px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
}
.product-categories-box{
background-color: #ffffff;
border: 1px solid #000000;
}
.product-categories-box:hover .product-categories-box-img{
}
    .product-categories-box-img-line-line{
    justify-content: center;
    }
    @media screen and (max-width:1151px) and (min-width:1024px) {
    .product-categories-box{
    width: 23.6% !important;
    }
    .product-categories-box-img{
    height: 140px !important;
    }
    .product-categories-box-img-dis{
    height: 140px !important;
    }
    }
.urunler-module-main-div{
    background:#ffffff ;
padding:35px 0 5px 0;
margin: 0px 0;
font-family : 'Plus Jakarta Sans',sans-serif ;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.home-product-tablinks.active {
background-color: #000fe0;
border: 1px solid #082bd9;
}
.home-product-tablinks.active::after{
border-color: #082bd9 transparent transparent transparent;
}
.home-product-tablinks {
background-color: #d9d9d9;
border-radius: 0px;
border: 1px solid #f8f8f8;
margin: 10px;
}
.home-product-tablinks p{
font-size: 13px ;
font-weight: 600;
}
.home-product-tablinks.active p,
.home-product-tablinks.active:hover p {
color: #ffffff;
}
.home-product-tablinks p{
color: #000000;
}
.urun-box-special-area-caturunvitrin{
border: 1px dashed #ffffff;
background-color: #461fd1;
color: #f31616;
}
.urun-box-special-area{
border: 1px dashed #ffffff;
background-color: #461fd1;
color: #f31616;
}
.cat-detail-products-box {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.cat-detail-products-box-cart-2 {
border-top: 1px solid #ebebeb;
}
.cat-detail-products-box-stars[data-review-count]{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-height:20px;white-space:nowrap;vertical-align:middle;line-height:1;}
.cat-detail-products-box-stars[data-review-count]>.aktif-span,.cat-detail-products-box-stars[data-review-count]>.pasif-span{display:inline-flex!important;align-items:center!important;line-height:1!important;vertical-align:middle!important;order:0!important;}
.cat-detail-products-box-stars[data-review-count]::before{content:attr(data-rating);display:inline-flex;align-items:center;justify-content:center;align-self:center;height:20px;color:#4b5563;font-size:12px;font-weight:700;line-height:20px;vertical-align:middle;transform:translateY(1px);order:-1!important;}
.cat-detail-products-box-stars[data-review-count]::after{content:'(' attr(data-review-count) ')';display:inline-flex;align-items:center;justify-content:center;align-self:center;height:20px;font-size:12px;color:#6b7280;font-weight:700;line-height:20px;vertical-align:middle;transform:translateY(1px);}
.cat-detail-products-box-stars .aktif-span {
color: #e9c307;
}
.cat-detail-products-box-stars .pasif-span {
color: #bfbfbf;
}
.cat-detail-products-box-kargo {
    background-color: transparent !important;
    color: #000000 !important;
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    text-align: center !important;
}
.cat-detail-products-box-kargo i {
    color: #000000 !important;
    margin-right: 4px !important;
}
    .cat-detail-products-box{
    width: 18.5%;
    }
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    @media screen and (max-width:1151px) and (min-width:1023px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }
    @media screen and (max-width:1279px) and (min-width:1152px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }
    @media screen and (max-width:1359px) and (min-width:1280px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }

/* ===== Premium Thumbnail Slider ===== */
.slider-main-div {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.swiper-container.main-swiper {
    box-sizing: border-box;
    padding: 0;
    background-image: none;
}


.mySwiper .swiper-slide {
    width: auto;
    height: 100%;
    opacity: 0.45;
    border: 2px solid transparent;
    transition: opacity 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #fff;
}
.main-slider-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main-slider-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-disabled {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 0.5 !important;
}
/* ===== Premium Thumbnail Slider SON ===== */

/* --- PREMIUM SLIDER DEMO STYLES --- */
.prem-slider-main{
        padding: 30px 0 20px 0;
        width: 100%;
        margin: 0 auto;
        background-size: 2560px 100%;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .prem-slider-main .ins{
        width: 1300px;
        margin: 0 auto;
    }

    .prem-thum-area .premium-slider-thumbs,
    .prem-thum-area .premium-slider-thumbs{
        opacity: 1;
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        font-size: 24px ;
        position: relative !important;
        width: 55px;
        height: 55px;
        border-radius: 100px;
        background-color: #fff;
        color: #000;
       box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 9;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .prem-thum-area .premium-slider-thumbs{
        left:0
    }
    .prem-thum-area .premium-slider-thumbs{
        right:0
    }
    .prem-thum-area .premium-slider-thumbs,
    .prem-thum-area .premium-slider-thumbs{
        top:0;
        margin-top: 0;
    }
    .prem-thum-area .premium-slider-thumbs.swiper-button-disabled, .prem-thum-area .premium-slider-thumbs.swiper-button-disabled {
        opacity: 1 !important;
    }


    .prem-thum-area:hover .premium-slider-thumbs,
    .prem-thum-area:hover .premium-slider-thumbs {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1 ;
        visibility: visible;
    }


    .premium-slider-thumb {
        box-sizing: border-box;
        padding: 20px 0;
    }


    .premium-slider-thumb .swiper-slide{
        padding: 0 10px;
    }
    .premium-slider-thumb .swiper-slide img{
        width: 100%;
        border: 1px solid transparent;
        border-radius: 10px;
        cursor: pointer;
        opacity: 1;
        box-sizing: border-box;

        background-color: transparent;

    }

    .premium-slider-thumb .swiper-slide-thumb-active img {
        border-color: #fff;
        width: 100%;
        opacity: 1;
        box-sizing: border-box;
        -webkit-transform: scale(1.12);-moz-transform: scale(1.16);-ms-transform: scale(1.16);-o-transform: scale(1.16);transform: scale(1.16);
    }


    .premium-slider .swiper-slide img{
        width: 100%;

    }

    .premium-slider .swiper-slide{
        width: 100%;
    }


    .premium-slider{
        width: 100%;
        border-radius: 10px;
    }

    .premium-slider-thumb{
        width: 88%;
    }

    .prem-thum-area{
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 5px;
    }

    .premium-slider-tabs {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .premium-slider-tabs .nav-link {
        border-radius: 100px;
        padding: 8px 25px;
        border: 0;
        position: relative;
        font-weight: 600;
        color: #fff;
        font-size: 13px ;
    }
    .premium-slider-tabs .nav-link.active {
      background-color: #fff;
        color: #000 !important;
    }

    .premium-slider-tabs .nav-link.active:after{
        position: absolute;
        bottom: -6px;
        left:50%;
        margin-left: -10px;
        content:"";
        display:block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
    }
    @media screen and (min-width:0 ) and (max-width:767px ) {
        .prem-slider-main{
            background-size: cover;
            background-position: top center;
        }
        .prem-slider-main .ins{
            width: 100%;
        }
        .premium-slider{
            width: 96%;
        }
        .prem-thum-area{
            width: 90%;  
        }

        .premium-slider-thumb{
            width: 80%;
        }
        .prem-thum-area .premium-slider-thumbs,
        .prem-thum-area .premium-slider-thumbs{
            font-size: 17px ;
            width: 30px;
            height: 30px;
        }
        .premium-slider-tabs{
            width: 100%;
            padding-left: 5%;
            margin: 0 auto;
            padding-bottom: 7px;
            margin-bottom: 10px;
            overflow: auto;
            justify-content: flex-start;
           white-space: nowrap;
            flex-wrap: nowrap;
        }
        .premium-slider-tabs .nav-link {
            padding: 4px 14px;
            font-size: 12px ;
        }


    }

    @media screen and (min-width:768px ) and (max-width:1024px ) {

        .prem-slider-main .ins{
            width: 100%;
        }
        .premium-slider{
            width: 96%;
        }
        .prem-thum-area{
            width: 96%;
        }

        .premium-slider-thumb{
            width: 85%;
        }
        .prem-thum-area .premium-slider-thumbs,
        .prem-thum-area .premium-slider-thumbs{
            font-size: 17px ;
            width: 40px;
            height: 40px;
        }
        .premium-slider-tabs .nav-link {
            padding: 4px 18px;
            font-size: 13px ;
        }

    }

    @media screen and (min-width:1025px ) and (max-width:1359px ) {
        .prem-slider-main .ins{
            width: 100%;
        }
        .prem-thum-area{
            width: 96%;
        }
        .premium-slider{
            width: 96%;
        }

    }
.ustsliders .swiper-pagination-bullet-active{
                background-color:#ebd445 !important;
                opacity: 1 !important;
                width: 30px !important;
            }
            .ustsliders .swiper-pagination-bullet{
                width: 15px;
                height: 5px;
                -webkit-border-radius: 1px !important;-moz-border-radius: 1px !important;border-radius: 1px !important;
                background-color: #fff;
            }


            .ustsliders .swiper-button-prev,
            .ustsliders .swiper-button-next{
                opacity: 1;
                background-image: none !important;
                border-radius: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 24px ;
                width: 55px;
                height: 55px;
                background-color: #fff;
                box-shadow: 0 5px 20px rgb(34 34 34 / 20%);
                color: #000;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;

            }
            .ustsliders .swiper-button-prev{
                left:0
            }
            .ustsliders .swiper-button-next{
                right:0
            }
            .ustsliders .swiper-button-prev,
            .ustsliders .swiper-button-next{
                top:50% !important;
            }
            .ustsliders .swiper-button-next.swiper-button-disabled, .ustsliders .swiper-button-prev.swiper-button-disabled {
                opacity: .4 !important;
            }


            .ustsliders:hover .swiper-button-prev,
            .ustsliders:hover .swiper-button-next {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                opacity: 1 ;
                visibility: visible;
            }

/* --- CLEAN SLIDER STYLES --- */
.clean-slider-main {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    background-color: #ffffff;
}

/* Outer swiper-container: flex column so thumb strip is pinned at bottom */
.clean-main-swiper {
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    height: 650px;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    background-image: none !important;
    background-color: #ffffff !important;
}

/* 1920px baz alınarak orantılı yükseklik: height/1920*100 = vw değeri */
@media screen and (max-width: 1919px) and (min-width: 1025px) {
    .clean-main-swiper {
        height: 33.854167vw !important;
        max-height: 650px !important;
    }
}
@media screen and (max-width: 1024px) {
    .clean-main-swiper {
        width: 100% !important;
        height: 200px !important;
    }
    .clean-slider-bg-img {
        object-position: center center !important;
        position: absolute !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

/* Slider videolari görsel kutusu gibi değil, slaytın tamamını kaplar. */
.clean-swiper-slide > .clean-slider-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: #0f172a !important;
}
@media screen and (min-width: 1025px) {
    .clean-main-swiper:has(.clean-slider-video),
    .clean-mySwiper2:has(.clean-slider-video),
    .clean-swiper-slide:has(> .clean-slider-video) {
        height: 700px !important;
        min-height: 700px !important;
        max-height: 700px !important;
    }
}
@media screen and (max-width: 1024px) {
    .clean-main-swiper:has(.clean-slider-video),
    .clean-mySwiper2:has(.clean-slider-video),
    .clean-swiper-slide:has(> .clean-slider-video) {
        height: 200px !important;
        min-height: 200px !important;
    }
}

/* Main swiper fills remaining space */
.clean-mySwiper2 {
    flex: 1 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;
}

/* Thumb strip: fixed 90px */
.clean-thumb-swiper {
    flex: 0 0 90px !important;
    height: 90px !important;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
}
@media screen and (max-width:767px) {
    .clean-thumb-swiper {
        flex: 0 0 68px !important;
        height: 68px !important;
        padding: 4px 6px;
    }
}

/* Each main slide fills its slot */
.clean-swiper-slide {
    background-color: #ffffff;
    height: 100% !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
}

/* Safari'de mutlak konumlu slider resmi sifir genislikteki picture
   kutusundan tasip sayfayi yatay suruklemesin. */
.clean-swiper-slide > picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* Full-slide link overlay */
.clean-slider-link-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9;
    display: block;
}

/* Bootstrap container inside slide — make fluid but max-width for centering */
.clean-slider-container {
    height: 100% !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

/* Text column (left) */
.clean-text-col {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
}

/* Full Screen Background Image */
.clean-slider-bg-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Gorselin tamami gorunsun; dar laptop ekranlarinda sag/sol crop yapma. */
    object-fit: contain !important;
    object-position: center center !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
}

/* Tablet ve mobilde slider yuksekligini gorselin dogal oranindan al.
   Boylece contain kullanilirken sag/sol veya ust/alt bosluk kalmaz. */
@media screen and (max-width: 1024px) {
    .clean-main-swiper,
    .clean-mySwiper2,
    .clean-swiper-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    .clean-swiper-slide > picture {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .clean-slider-bg-img {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

/* Nav arrows */
.clean-nav-next { right: 10px; }
.clean-nav-prev { left: 10px; }

/* Button */
.clean-slider-button-wrap { margin-top: 25px; }
.clean-slider-button { padding: 12px 30px; display: inline-block; }

/* Thumbnail slides — width controlled by CSS */
.clean-thumb-slide {
    height: 100% !important;
    width: 150px !important; /* Set fixed width to allow overflow */
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.45;
    transition: opacity 0.3s ease, border-color 0.3s ease;
    border: 2px solid transparent;
    box-sizing: border-box;
}
.clean-thumb-slide.swiper-slide-thumb-active {
    opacity: 1;
    border-color: #fff;
}
.clean-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobile adjustments */
@media screen and (max-width:767px) {
    .clean-thumb-slide {
        width: 100px !important;
    }
    .clean-text-col {
        padding: 12px 15px;
        height: auto;
        justify-content: flex-start;
    }
    .slider_text_inside_box_h {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }
    .slider_text_inside_box_s {
        font-size: 20px !important;
    }
}