/*==================================================
BY2 TRAVEL
TRENDING DESTINATIONS
==================================================*/

.trending-section{

padding:100px 0;

background:#f8fbff;

position:relative;

overflow:hidden;

}

.trending-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:rgba(13,110,253,.05);

border-radius:50%;

top:-180px;

right:-180px;

}

.section-tag{

display:inline-block;

padding:10px 22px;

background:#EAF2FF;

color:#1f589d;

border-radius:40px;

font-size:13px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

}

.section-title{

font-size:48px;

font-weight:800;

line-height:58px;

margin-bottom:18px;

color:#1f2937;

}

.section-title span{

color:#1f589d;

}

.section-text{

font-size:17px;

line-height:30px;

color:#64748b;

max-width:650px;

}

.view-all-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:15px 30px;

border-radius:50px;

background:#1f589d;

color:#fff;

font-weight:700;

transition:.35s;

text-decoration:none;

}

.view-all-btn:hover{

background:#084298;

color:#fff;

transform:translateY(-3px);

}

.destinationSwiper{

padding:25px 5px 80px;

}

.destination-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 15px 45px rgba(0,0,0,.08);

transition:.35s;

position:relative;

height:100%;

}

.destination-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 60px rgba(0,0,0,.16);

}

.destination-image{

position:relative;

height:280px;

overflow:hidden;

}

.destination-image img{

width:100%;

height:100%;

object-fit:cover;

transition:transform .6s ease;

}

.destination-card:hover .destination-image img{

transform:scale(1.12);

}

.destination-overlay{

position:absolute;

left:0;

right:0;

top:0;

bottom:0;

background:linear-gradient(to top,

rgba(0,0,0,.65),

rgba(0,0,0,.05));

}

.destination-price{

position:absolute;

top:18px;

right:18px;

background:#fff;

color:#1f589d;

padding:10px 16px;

border-radius:50px;

font-size:13px;

font-weight:700;

box-shadow:0 10px 25px rgba(0,0,0,.15);

z-index:5;

}

.destination-content{

padding:10px;

}

.destination-content h3{

font-size:28px;

font-weight:700;

margin-bottom:10px;

color:#1e293b;

}

.destination-content p{

font-size: 13px;
    line-height: 20px;
    color: #64748b;
    min-height: 11px;
    margin-bottom: 10px;

}
/*==================================================
DESTINATION FOOTER
==================================================*/

.destination-footer{

display:flex;

align-items:center;

justify-content:space-between;

margin-top:20px;

padding-top:5px;

border-top:1px solid #edf2f7;

}

.destination-footer span{

font-size:14px;

font-weight:600;

color:#64748b;

display:flex;

align-items:center;

gap:8px;

}

.destination-footer span i{

color:#1f589d;

}

.destination-footer a{

display:inline-flex;

align-items:center;

justify-content:center;

padding:11px 22px;

border-radius:50px;

background:linear-gradient(135deg,#1f589d,#2563eb);

color:#fff;

font-size:14px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.destination-footer a:hover{

transform:translateY(-3px);

background:linear-gradient(135deg,#084298,#1f589d);

box-shadow:0 15px 30px rgba(13,110,253,.30);

color:#fff;

}

/*==================================================
IMAGE LABEL
==================================================*/

.destination-image::after{

content:"Premium";

position:absolute;

left:18px;

bottom:18px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(12px);

color:#fff;

padding:8px 18px;

border-radius:40px;

font-size:12px;

font-weight:700;

letter-spacing:1px;

z-index:5;

}

/*==================================================
SWIPER
==================================================*/

.destinationSwiper .swiper-button-next,
.destinationSwiper .swiper-button-prev{

width:56px;

height:56px;

background:#fff;

border-radius:50%;

box-shadow:0 15px 35px rgba(0,0,0,.12);

color:#1f589d;

transition:.35s;

}

.destinationSwiper .swiper-button-next:hover,
.destinationSwiper .swiper-button-prev:hover{

background:#1f589d;

color:#fff;

transform:translateY(-3px);

}

.destinationSwiper .swiper-button-next::after,
.destinationSwiper .swiper-button-prev::after{

font-size:18px;

font-weight:700;

}

.destinationSwiper .swiper-pagination{

bottom:0!important;

}

.destinationSwiper .swiper-pagination-bullet{

width:12px;

height:12px;

background:#cbd5e1;

opacity:1;

transition:.35s;

}

.destinationSwiper .swiper-pagination-bullet-active{

width:34px;

border-radius:20px;

background:#1f589d;

}

/*==================================================
ANIMATION
==================================================*/

.destination-card{

animation:fadeUp .8s ease;

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

.trending-section{

padding:70px 0;

}

.section-title{

font-size:38px;

line-height:48px;

}

.section-text{

font-size:16px;

}

.destination-image{

height:240px;

}

.destination-content{

padding:22px;

}

.destination-content h3{

font-size:24px;

}

}

@media(max-width:576px){

.trending-section{

padding:60px 0;

}

.section-title{

font-size:30px;

line-height:40px;

}

.section-text{

font-size:15px;

line-height:26px;

}

.view-all-btn{

width:100%;

justify-content:center;

margin-top:20px;

}

.destination-image{

height:220px;

}

.destination-content{

padding:20px;

}

.destination-footer{

flex-direction:column;

align-items:flex-start;

gap:15px;

}

.destination-footer a{

width:100%;

justify-content:center;

}

.destinationSwiper .swiper-button-next,
.destinationSwiper .swiper-button-prev{

display:none;

}

}