.travel-slider{
width:100%;
height:650px;
position:relative;
}

.slider-image{
width:100%;
height:650px;
object-fit:cover;
}

.slide{
position:relative;
}

.slide::before{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.56%, #000000 79.62%);
}

.slide-content{
position:absolute;
bottom:120px;
left:50%;
transform:translateX(-50%);
text-align:center;
color:#fff;
max-width:850px;
}

.slide-content h2{
font-size:60px;
font-weight:700;
}

.slide-content p{
font-size:16px;
margin-top:10px;
}

.slider-btn{
display:inline-block;
margin-bottom:10px;
padding:12px 15px;
border-bottom:1px solid #fff;
color:#fff !important;
text-decoration:none;
}

.jifu-badge{
position:absolute;
top:40px;
right:50px;
background:black;
color:white;
padding:10px 20px;
font-weight:600;
}
.swiper-pagination-bullet{
background: #D9D9D94D !important;}
.swiper-button-next, .swiper-button-prev {color:#fff !important; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{}
, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
background: ##D9D9D9 !important; 
color:#fff !important; }
.swiper-button-next,
.swiper-button-prev{
color:white;
}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    width: 36px;
    height: 36px;
}
.swiper-pagination {
    bottom: 30px !important;
}
.swiper-pagination-bullet{
background:white;
opacity:.6;
}

.swiper-pagination-bullet-active{
opacity:1;
}

/* =============================
   Tablet View
============================= */

@media (max-width: 991px){

.travel-slider{
height:500px;
}

.slider-image{
height:500px;
}

.slide-content{
bottom:80px;
padding:0 20px;
max-width:98%;
}

.slide-content h2{
font-size:30px;
}

.slide-content p{
font-size:11px;
}

.jifu-badge{
top:20px;
right:20px;
padding:8px 14px;
font-size:14px;
}

.swiper-button-next,
.swiper-button-prev{
display:none; /* hide arrows on tablet */
}

}


/* =============================
   Mobile View
============================= */

@media (max-width: 576px){

.travel-slider{
height:420px;
}

.slider-image{
height:420px;
}

.slide-content{
bottom:60px;
padding:0 15px;
max-width:98%;
}

.slide-content h2{
font-size:22px;
line-height:1.3;
}

.slide-content p{
font-size:10px;
}

.slider-btn{
padding:10px 12px;
font-size:14px;
}

.jifu-badge{
top:15px;
right:15px;
padding:6px 12px;
font-size:12px;
}

.swiper-pagination{
bottom:15px !important;
}

.swiper-pagination-bullet{
width:12px;
height:12px;
}

}

/* ======================
   Mobile Slider Fix
====================== */

@media (max-width: 480px){

.travel-slider{
height:480px;
}

.slider-image{
height:480px;
}

.slide-content{
bottom:90px;
left:50%;
transform:translateX(-50%);
max-width:99%;
padding:0 15px;
}

.slide-content h2{
font-size:20px;
line-height:1.2;
margin-bottom:10px;
}

.slide-content p{
font-size:9px;
line-height:1.5;
}

.slider-btn{
font-size:14px;
padding:8px 12px;
}

.jifu-badge{
top:15px;
right:15px;
padding:6px 10px;
font-size:12px;
}

/* arrows smaller */
.swiper-button-next,
.swiper-button-prev{
transform:scale(.7);
}

/* pagination spacing */
.swiper-pagination{
bottom:20px !important;
}

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

}