@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200..1000&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700&display=swap');

*{scroll-margin-top:120px;}

:root {
    --c-primary: #ad1f4f;
    --c-orange: #ff7826;
}

.fw__500 {font-weight: 500;}

body{font:400 18px "Ubuntu", sans-serif;}

.container, .container-xl{max-width:1130px;}
.bg__f4f4f4{background:#f4f4f4;}
.fs-14{font-size:14px;}
.btn-dark:hover{background:var(--c-primary); border:1px solid}
.c__primary{color:var(--c-primary);}
p{font-size:17px; color:#5b5b5b;    line-height: 1.5;word-spacing:2px;}

/*SLIDER START*/
.carouselBoot .carousel-item::after{background:url(../images/slider_bottom.png) repeat-x 0 bottom; position:absolute; left:0; bottom:0; content:''; width:100%; height:38px;}
.carouselBoot .carousel-item .carouselBoot__slider__image{height:400px; object-fit:cover; width:100%; object-position:top}
.carouselBoot .carousel-caption{ right:auto; /*top:calc(50% - 100px);*/bottom:50%; display:flex; align-items:center;    background: #c63b42eb;padding: 10px 20px;font-size: 30px;display:none}
.carouselBoot .carousel-caption h1{ background:linear-gradient(to right, #b3204b, #ff7c00); -webkit-text-fill-color:transparent; background-clip:text; filter:drop-shadow(2px 3px 0 white); }
.carouselBoot .carousel-indicators{bottom:6%;}
.carouselBoot .carousel-indicators button{background:var(--bs-black); background-clip:content-box;}
/*SLIDER END*/

/*SECTION TWO START*/
.sectionTwo .carousel-control-next, .sectionTwo .carousel-control-prev{top:initial; bottom:12%; width:60px;}
.sectionTwo .carousel-control-next,.sectionTwo .carousel-control-prev{right:0; top:30%; height:60px; left:initial; opacity:1; z-index:9}
.sectionTwo .carousel-control-prev{top:45%;}
.sectionTwo .carousel-indicators{margin-left:0; margin-right:0; bottom:-20px}
.sectionTwo .carousel-indicators > button{background-color:var(--bs-black);}
.sectionTwo .smallGrid > div {max-width:130px;}
.sectionTwo:hover .smallGrid > div img {animation:zigzag 1s ease forwards infinite}
.sectionTwo__bigImg{aspect-ratio:4/3.4; position:relative; object-fit:cover; padding:3px;}
.sectionTwo:hover .sectionTwo__bigImg{background:repeating-linear-gradient(45deg, #b72649, transparent 10%);}
.sectionTwo:hover h5{color:var(--c-primary); text-transform:uppercase; font-size:23px!important; background:linear-gradient(47deg, #fb7c11, #711800); background-clip:text; -webkit-text-fill-color:transparent;}

.sectionTwo:hover .align-self-stretch::before{background:rgba(256,256,256,0.4); position:absolute; height:80%; width:80%;content:''; left:10%; top:10%; z-index:1; border-radius:60px 0; animation:zoomEffect 1s ease 0.5s forwards;}
@keyframes zoomEffect {
    0%{transform:scale(0); opacity:0;}
    100%{transform:scale(1) rotate(-360deg); width:calc(100% - 80px); height:calc(100% - 60px); outline:5px solid rgba(256,256,256,0.2);}
}
@keyframes zigzag{
    0%{transform:rotate(6deg);}
    20%{transform:rotate(10deg);}
    40%{transform:rotate(5deg) skew(10deg);}
    70%{transform:rotate(-4deg);}
    100%{transform:rotate(-2deg);}
}
/*SECTION TWO END*/

/*SECTION FOUR END*/
.sectionFour .card{border-width:2px;}
.sectionFour .card:hover{border:2px dashed #072e8b;}
.sectionFour .card-img-top{border-radius:20px 0 0 0; height:170px;}
.sectionFour .card-body .h5{font-size:18px; min-height:75px;}
.sectionFour .card-footer{background:#072e8b;}
.sectionFour .card:hover .card-footer a{color:var(--c-orange)!important; transition:all 0.5s ease}
/*SECTION FOUR END*/

/*SECTION ONE START*/
.sectionOne figcaption::after{content:''; width:40%; background:var(--c-primary); height:5px; position:absolute; top:0; left:30%; opacity:0; transition:all 0.8s ease; transform:scaleX(0)}
.sectionOne figure:hover figcaption::after{opacity:1; left:0; width:100%; transform:scaleX(100%); transition:all 0.4s ease;}
.sectionOne figure h6{color:#4c4d4d; font-size:18px; font-weight:700}
.sectionOne figure:hover .HotelStar{background:linear-gradient(0deg, yellow, #a66b00, #fffa00); background-clip:text; -webkit-text-fill-color:transparent;}
.sectionOne figure .btn{background:var(--c-primary); border-color:var(--c-primary);border-width:2px;}
.sectionOne figure:hover .btn{color:var(--c-primary); background:transparent; border-color:var(--c-primary);}

.sectionOne--Two img{aspect-ratio:4/3.6; transition:all 0.4s ease; object-fit:cover}
.sectionOne--Two figure:hover img{border:4px solid var(--c-primary); border-bottom:0!important;}
.sectionOne--Two figure:hover figcaption{border:4px solid var(--c-primary)!important; border-top:0!important}
.sectionOne--Two figcaption{min-height:80px;}
/*SECTION ONE END*/

/*SECTION FIVE START*/
.FlightDestination a {border: 1px solid var(--c-primary); padding: 40px; flex: 0 0 250px;
    height: 250px; margin: 10px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; color: var(--c-black); text-decoration: none; position: relative; font-size:20px; font-weight:500; color:#fff; background:linear-gradient(to bottom, #91498d, #b83e48); transition:all 0.4s ease; cursor:default;}
.FlightDestination a:hover {color: var(--bs-black); border: 4px solid var(--bs-black); background:radial-gradient(circle, #f36500, #91498d)}
.FlightDestination a:hover span{animation:flightforword 0.8s forwards ease; }
@keyframes flightforword {
    0%{transform:translateX(0);}
    40%{opacity:0;}
    50%{opacity:1;}
    60%{opacity:0.6; filter:invert()}
    70%{opacity:1;}
    100%{transform:translateX(20px) translateY(-5px);}
}
/*SECTION FIVE END*/

/*SECTION SIX START*/
.sectionSix img{padding:3px; background:repeating-linear-gradient(30deg,var(--c-primary),transparent 80px);    aspect-ratio: 16 / 12;}
/*SECTION SIX END*/

/* INNER PAGES START CODE */
.InnerHeadImage::after {content: '';width: 100%; height: 100%; bottom: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.1) 100%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,1) 100% );}
.InnerHeadImage,.InnerHeadImage img{height:400px;}
.breadcrumb-item a,.breadcrumb-item{font-size: 15px; color: #000; text-decoration:none;}
.breadcrumb-item.active{color:var(--c-primary)}

.Itinerary .nav-tabs .nav-link {color: #878787; font-size:18px}
.Itinerary .nav-tabs .nav-link.active {border-bottom: 2px solid var(--c-primary); color: var(--c-primary); font-weight: bold;}
.Itinerary h5{font-size:17px;}
.Experience .ctrlImg{object-fit:cover;}
#carouselidexp .card-body{    display: flex;flex-direction: column;justify-content: center;height: 100%;}
.Visa {background: linear-gradient(to right, #7372005c, #f57d259e)}


/* MEDIA CENTRE START */
.MediaCentre .nav-tabs .nav-link {color: #878787; font-size: 18px;}
.MediaCentre .nav-tabs .nav-link.active {border-bottom: 2px solid var(--c-primary); color: var(--c-primary); font-weight: bold;}
.mediaCentre__card {border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; background: #fff; transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.mediaCentre__card:hover {border-color: var(--c-primary); box-shadow: 0 4px 16px rgba(173, 31, 79, 0.12);}
.mediaCentre__preview {display: block; position: relative; overflow: hidden; background: #f4f4f4;}
.mediaCentre__preview img {width: 100%; object-fit: cover; transition: transform 0.4s ease, filter 0.4s ease;}
.mediaCentre__grid--emailers .mediaCentre__preview img {aspect-ratio: 3 / 4;}
.mediaCentre__grid--banners .mediaCentre__preview img {aspect-ratio: 16 / 5;}
.mediaCentre__grid--socials .mediaCentre__preview img {aspect-ratio: 1 / 1;}
.mediaCentre__overlay {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(173, 31, 79, 0.65); color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; opacity: 0; transition: opacity 0.3s ease;}
.mediaCentre__card:hover .mediaCentre__overlay {opacity: 1;}
.mediaCentre__card:hover .mediaCentre__preview img {transform: scale(1.04); filter: brightness(0.9);}
.mediaCentre__footer {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-top: 1px solid #eee;}
.mediaCentre__label {font-size: 14px; font-weight: 500; color: #4c4d4d;}
.mediaCentre__footer .btn {white-space: nowrap; font-size: 13px;}
/* MEDIA CENTRE END */

/* INNER PAGES END CODE */

@media screen and (max-width: 1199.98px) {
    .FlightDestination{justify-content:center!important}
    .FlightDestination a{flex:0 0 200px; height:200px; font-size:16px;}
    .FlightDestination img{width:40px; height:inherit; margin:6px 0}

}
@media screen and (max-width: 1023.98px) {
    .sliderOne__item::before{width:80%; left:10%;}
}

@media screen and (max-width: 991.98px){  
  header .navbar-expand-md .navbar-nav .nav-link{font-size:16px!important; font-weight:bold!important;}
  .carouselBoot .carousel-caption{ left:0; width:100%; justify-content:center}
  }

@media screen and (max-width: 767.98px) {
    .carouselBoot .carousel-item .carouselBoot__slider__image,.InnerHeadImage,.InnerHeadImage img{height:auto; aspect-ratio:16/9}
    .sectionTwo__bigImg{aspect-ratio:4/1.4}
   .carouselBoot .carousel-caption{right:15%; top:auto}  
   .FlightDestination a{flex:0 0 130px; height:130px; margin:4px; padding:14px}
    .carouselBoot .carousel-caption{font-size:25px;}
}
@media screen and (max-width: 566.98px) {
    .sectionSix img{aspect-ratio:4/2; object-fit:cover}
    .carouselBoot .carousel-caption{font-size:20px;}

}