/* luxury hero section */
header .navbar-nav .nav-item .nav-link { color: var(--white); }

header .navbar-dark .navbar-brand em { color: var(--white); }

header.scrolled .navbar-dark .navbar-nav .nav-item .nav-link { color: var(--black); }

header.scrolled .navbar-dark .navbar-brand em { color: var(--black) !important; }
.hero { height:100vh; position:relative; overflow:hidden; }

.hero .hero-bg { position:absolute; inset:0; }

.hero .hero-bg .swiper-slide { background-size:cover; background-position:center; }

.hero .card img { width:100%; height:100%; object-fit:cover; }

.hero .counter { position:absolute; left:58px; top:50%; z-index:2; transform:translateY(-50%) rotate(-90deg); margin-top:235px; font-size:12px; font-weight:600; color:var(--white); }

.hero .hero-cards { position:absolute; right:0; top:50%; transform:translateY(-50%); width:540px; z-index:1; }

.hero .hero-cards .luxury_cards { padding:50px 0; height:500px; }

.hero-cards .swiper-wrapper { transition:0.5s ease-in-out; }

.hero-cards .swiper-wrapper .swiper-slide.card { border:none !important; }

.hero-cards .swiper-slide.card { height:400px; opacity:1; transition-property:height, transform, opacity; transition-duration:1.3s; transition-timing-function:cubic-bezier(0.4,0,0.2,1); overflow:hidden; }

.hero-cards .swiper-slide.card.swiper-slide-active { height:500px; transform:translateY(-50px); transition-delay:0.5s; }

.hero-cards .swiper-slide.card.swiper-slide-prev { height:400px; transform:translateY(0); opacity:0; }

.hero-cards .swiper-slide.card img { width:100%; height:100%; object-fit:cover; border-radius:5px; display:block; transform:scale(1); transform-origin:center; transition:transform 1.3s cubic-bezier(0.4,0,0.2,1); }

.hero .swiper-pagination { left:65px !important; top:50%; transform:translateY(-50%) !important; width:auto !important; height:400px; display:flex; flex-direction:column; justify-content:flex-start;z-index:2; }

.hero .swiper-pagination:before { content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); height:100%; width:2px; background-color:rgba(255,255,255,0.5); opacity:0.5; }

.hero .swiper-pagination .swiper-pagination-bullet { background-color:rgba(255,255,255,0.5); width:20px; height:20px; opacity:0.7; margin-top:50px; border:none; font-size:12px; display:flex; align-items:center; justify-content:center; color:var(--white); font-weight:600; transition:0.5s ease-in-out; }

.hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:rgba(255,255,255,0.8); animation:scaleUp 1s forwards ease-in-out; color:var(--primary); }

.hero .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { animation:scaleDown 1s forwards ease-in-out; }
.hero .cust_overlay:before{z-index:2;}
@keyframes scaleUp { from { transform:scale(0.5); opacity:0.7; } to { transform:scale(1.3); opacity:1; } }

@keyframes scaleDown { from { transform:scale(1.3); opacity:1; } to { transform:scale(0.5); opacity:0.7; } }

.hero-bg .slide_content{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:5;width:100%;}
.hero-bg .inner_hero_content {width: 600px;}
.inner_hero_content p{font-size:24px;line-height:36px;font-weight:400;color:var(--white); font-family: "Barlow Condensed", sans-serif;}
.inner_hero_content h1{font-size:72px;line-height:86px;font-weight:600;color:var(--white);}
.inner_hero_content h1 span{ display: block;}
.inner_hero_content h1,.inner_hero_content p{overflow: hidden;}
.inner_hero_content h1 span,.inner_hero_content p span {display: block;transform: translateY(120%);transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);transition-property: transform;transition-duration: 2.5s;transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}
.hero-bg .swiper-slide-active .inner_hero_content h1 span {animation: reveal 2.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;transform: translateY(0);transition-delay: 0.3s;}
.hero-bg .swiper-slide-active .inner_hero_content p span {animation: reveal 2.5s cubic-bezier(0.77, 0, 0.175, 1) 2.5s forwards;transform: translateY(0);transition-delay: 0.6s;}

.luxury_group_card .agent_group_card img{height:340px;}
.luxury_group_card .card_group_content{border-color:var(--luxury)}
.luxury_travel .plan_tour_detail ul li span{background: #B8892E;background: linear-gradient(180deg,rgba(184, 137, 46, 1) 12%, rgba(224, 200, 120, 1) 100%);}
.mice-img .luxury_travel_pic{position:absolute;left:145px; width:260px;height:260px;}
.mice-img .luxury_travel_pic1{top:35px;}
.mice-img .luxury_travel_pic2{bottom:35px;}
.luxury_travel .mice-img .luxury_travel_pic3{width:400px;height:600px;}
.hero-controls .swiper-button-prev,
.hero-controls .swiper-button-next{position:absolute !important;z-index:2;bottom:50px;top: inherit; left:50%;transform:translateX(-50%); width:65px !important;height:65px !important;border:none; background-color:var(--white);border-radius:0px;}
.hero-controls .swiper-button-prev{margin-right: 66px;}
.hero-controls .swiper-button-next{margin-left: 70px;}
.hero-controls .swiper-button-prev:after,
.hero-controls .swiper-button-next:after{font-size:30px !important;color:var(--luxury);}

.luxury_grid .luxury_img_item{padding:2.5px;position:relative;}
.luxury_grid .luxury_img_item img{display:block;width:100%;height:auto;}
.luxuryDestination .swiper-wrapper {transition-timing-function: linear !important;}
.luxury_grid .luxury_img_item .desti_title{display:none; position:absolute;left:50%;top:50%; transform:translate(-50%, -50%); width:97.5%;height:97.5%;background-color:rgba(0, 0, 0, 50%);opacity:0;visibility:hidden;transition:0.4s ease-in-out;}
.luxury_grid .luxury_img_item .desti_title span{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-transform:uppercase;color:var(--white);font-size:20px;font-weight:600;}
.luxury_grid .luxury_img_item:hover .desti_title{opacity:1;visibility:visible;}

.reveiw_luxury{background-color:rgba(0,0,0,50%);color:var(--white);padding:10px 18px;border-radius:8px;position:absolute;right:10px;top:10px;z-index: 9;display:flex;align-items:center;}
.reveiw_luxury img{margin-right:10px;}
.reveiw_luxury span{font-size:14px;font-weight:500;color:var(--white);}




/*responsive css*/


@media only screen and (max-width:1580px){
    .hero-bg .slide_content{margin-left:60px;}
}

@media only screen and (max-width:1399px){
    .mice-img .luxury_travel_pic{left:50px;}
    .luxury_travel .mice-img .luxury_travel_pic3 {width: 350px;height: 490px;}
    .mice-img .luxury_travel_pic{width:200px;height:200px;}
    .hero-bg .inner_hero_content{width:485px;}
}
@media only screen and (max-width:1199px){
    .inner_hero_content h1{font-size:50px;line-height:60px;}
    .inner_hero_content p{font-size:20px;line-height:27px;}
    .hero-bg .inner_hero_content{width:350px;}
    .hero .swiper-pagination{left:25px !important;}
    .hero .counter{left:18px;}
    .hero .hero-cards .luxury_cards{height:430px;padding:15px 0px;}
    .hero-cards .swiper-slide.card.swiper-slide-active{height: 430px;transform: translateY(-13px);}

}
@media only screen and (max-width:991px){
    .luxury_group_card .agent_group_card img{height:auto;}
    .mice-img .luxury_travel_pic{width:150px;height:150px;}
    .luxury_travel .mice-img .luxury_travel_pic3{width:250px;height:380px;}
    .hero-bg .slide_content{margin-left:0px;}
    .hero .hero-cards{width:350px;}
    .hero-cards .swiper-slide.card,
    .hero-cards .swiper-slide.card.swiper-slide-prev{height:350px;}
    .hero-cards .swiper-slide.card.swiper-slide-active{height:380px;}
    .hero .swiper-pagination,.hero .counter{display:none;}
    .inner_hero_content h1 {font-size: 32px;line-height: 42px;}
    .inner_hero_content p {font-size: 16px;line-height: 24px;}
    .luxuryDestination .swiper-slide {width: 200%;}
}
@media only screen and (max-width:767px){
    .plan_tour_detail ul li{padding-left:0px;}
    .mice-img .luxury_travel_pic,.luxury_travel .mice-img .luxury_travel_pic3{width:auto;height:auto;}
    .hero-bg .inner_hero_content {width: 250px;}
    .hero .hero-cards{width:220px;top:60%;}
    .hero-controls .swiper-button-prev, .hero-controls .swiper-button-next{width:50px !important;height:50px !important;bottom:80px;}
    .hero-controls .swiper-button-prev{margin-left:-35px;}
    .hero-controls .swiper-button-next{margin-left:35px;}
    .hero-cards .swiper-slide.card, .hero-cards .swiper-slide.card.swiper-slide-prev{height:200px;}
    .hero-cards .swiper-slide.card.swiper-slide-active{height:235px;}
    .hero .hero-cards .luxury_cards{height:230px;}
    .hero-bg .slide_content{text-align:center;top:25%;}
    .hero-bg .inner_hero_content{width:100%;}
    .inner_hero_content h1 {font-size: 24px;line-height: 32px;}
    .luxury_grid .luxury_img_item .desti_title span{font-size:12px;}
    
}
@media only screen and (max-width:576px){
    .luxury_travel .mice-img .luxury_travel_pic3{width:200px;}
    .mice-img .luxury_travel_pic{width:105px;left: 75px;}
    .navbar-dark .navbar-toggler.luxury-navbar-toggler svg path{ fill: var(--luxury)}
    
}