/* ===========================
Sky High Tourism Baku Slider
Part 1 CSS
=========================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.baku-tour-section{
width:100%;
padding:30px 0;
background:#ffffff;
}

.bakuPackageSlider{
width:100%;
overflow:hidden;
position:relative;
padding:10px 5px 70px;
}

.bakuPackageSlider .swiper-slide{
height:auto;
display:flex;
}


/* ===========================
Card
=========================== */

.tour-card{
width:100%;
background:#ffffff;
border:1px solid #ececec;
border-radius:18px;
overflow:hidden;
display:flex;
flex-direction:column;
transition:.35s ease;
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.tour-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(186,150,85,.25);
}


/* ===========================
Image
=========================== */

.tour-image{
position:relative;
overflow:hidden;
}

.tour-image img{
width:100%;
display:block;
transition:.45s ease;
}

.tour-card:hover .tour-image img{
transform:scale(1.06);
}


/* ===========================
Badge
=========================== */

.tour-badge{
position:absolute;
top:15px;
left:15px;
background:#BA9655;
color:#ffffff;
font-size:12px;
font-weight:700;
padding:7px 15px;
border-radius:30px;
letter-spacing:.3px;
}


/* ===========================
Content
=========================== */

.tour-content{
padding:18px;
display:flex;
flex-direction:column;
gap:8px;
flex:1;
}

.tour-duration{
font-size:13px;
font-weight:700;
color:#BA9655;
}

.tour-content h3{
font-size:22px;
line-height:1.3;
color:#101010;
font-weight:700;
}

.tour-location{
font-size:14px;
color:#666666;
}

.tour-rating{
font-size:15px;
color:#FFC107;
}

.tour-rating span{
color:#666666;
font-size:13px;
}

.tour-price{
margin-top:6px;
}

.old-price{
display:block;
font-size:13px;
color:#999999;
text-decoration:line-through;
margin-bottom:3px;
}

.tour-price h2{
font-size:30px;
color:#101010;
font-weight:800;
line-height:1;
}

.tour-price p{
font-size:13px;
color:#666666;
margin-top:4px;
}


/* ===========================
Button
=========================== */

.request-btn{
width:100%;
height:48px;
margin-top:12px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
background:#BA9655;
color:#ffffff;
border-radius:8px;
font-size:15px;
font-weight:700;
transition:.35s;
}

.request-btn:hover{
background:#101010;
color:#ffffff;
}
/* ===========================
PART 2 CSS
=========================== */


/* Navigation */

.bakuPackageSlider .swiper-button-next,
.bakuPackageSlider .swiper-button-prev{
width:50px;
height:50px;
background:#ffffff;
border-radius:50%;
box-shadow:0 8px 25px rgba(0,0,0,.15);
transition:.35s;
}

.bakuPackageSlider .swiper-button-next{
right:10px;
}

.bakuPackageSlider .swiper-button-prev{
left:10px;
}

.bakuPackageSlider .swiper-button-next::after,
.bakuPackageSlider .swiper-button-prev::after{
font-size:18px;
font-weight:700;
color:#BA9655;
}

.bakuPackageSlider .swiper-button-next:hover,
.bakuPackageSlider .swiper-button-prev:hover{
background:#BA9655;
transform:scale(1.08);
}

.bakuPackageSlider .swiper-button-next:hover::after,
.bakuPackageSlider .swiper-button-prev:hover::after{
color:#ffffff;
}


/* ===========================
Pagination
=========================== */

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

.bakuPackageSlider .swiper-pagination-bullet{
width:10px;
height:10px;
background:#cccccc;
opacity:1;
transition:.3s;
}

.bakuPackageSlider .swiper-pagination-bullet-active{
width:30px;
border-radius:30px;
background:#BA9655;
}


/* ===========================
Hover Effect
=========================== */

.tour-card:hover .tour-content h3{
color:#BA9655;
}

.tour-card:hover .tour-duration{
color:#101010;
}

.tour-card:hover .tour-price h2{
color:#BA9655;
}

.tour-card:hover .tour-badge{
background:#101010;
}


/* ===========================
Cursor
=========================== */

.bakuPackageSlider{
cursor:grab;
}

.bakuPackageSlider:active{
cursor:grabbing;
}


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

@media(max-width:991px){

.tour-content{
padding:16px;
}

.tour-content h3{
font-size:20px;
}

.tour-price h2{
font-size:26px;
}

.request-btn{
height:46px;
}

}


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

@media(max-width:767px){

.baku-tour-section{
padding:15px 0;
}

.tour-card{
border-radius:15px;
}

.tour-content{
padding:15px;
gap:6px;
}

.tour-duration{
font-size:12px;
}

.tour-content h3{
font-size:18px;
}

.tour-location{
font-size:13px;
}

.tour-rating{
font-size:14px;
}

.tour-price h2{
font-size:24px;
}

.old-price{
font-size:12px;
}

.request-btn{
height:44px;
font-size:14px;
}

.bakuPackageSlider .swiper-button-next,
.bakuPackageSlider .swiper-button-prev{
width:40px;
height:40px;
}

.bakuPackageSlider .swiper-button-next::after,
.bakuPackageSlider .swiper-button-prev::after{
font-size:14px;
}

}


/* ===========================
Large Desktop
=========================== */

@media(min-width:1400px){

.tour-content{
padding:20px;
}

.tour-content h3{
font-size:24px;
}

.tour-price h2{
font-size:32px;
}

}