/* Button */
.alt-btn .elementor-button::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: var(--e-global-color-secondary);
    left: 0;
    bottom: 0px;
    transition: width 0.3s ease-in-out;
}
.alt-btn .elementor-button:hover:after{
    width: 100%;
}

/* Explore Region Card */
.er-card .er-img{
    transition: .5s all ease
}
.er-card:hover .er-img{
    scale: 1.1;
    transition: .6s all ease
}
.er-card .er-arrow{
    rotate: 45deg;
    opacity: 0;
    transition: .6s all ease
}
.er-card:hover .er-arrow{
    rotate: 0deg;
    opacity: 1;
    transition: .6s all ease
}

/* Things To Do Card */
.ttd-card:hover:before{
    opacity: .8;
}
.ttd-card:hover{
    background-position: 100% 0px!important;
    transition: .6s all ease;
}
.ttd-card .ttd-shift{
    margin-bottom: -50px;
    transition: .5s all ease;
}
.ttd-card:hover .ttd-shift{
    margin-bottom: 0;
    transition: .4s all ease;
}
.ttd-card .ttd-btn{
    transform: translatey(20px);
    transition: .3s all ease;
}
.ttd-card:hover .ttd-btn{
    transform: translatey(0px);
    transition: .8s all ease;
}

/* Tab Slider Cards */
.si-cat-label{
    overflow: hidden;
    backdrop-filter: blur(5px);
}
.si-tab-card .si-img{
    transition: .5s all ease
}
.si-tab-card:hover .si-img{
    scale: 1.05;
    transition: .5s all ease
}
.si-tab-card .si-arrow svg{
    rotate: 0deg;
    transition: .5s all ease
}
.si-tab-card:hover .si-arrow svg{
    rotate: -45deg;
      transform: scaleY(-1);
      color: #28511E!important;
    transition: .5s all ease;
}
 .si-arrow .elementor-icon{
    border: 1px solid #A8A8A8;
    border-radius: 50px;
}
.si-tab-card:hover .si-arrow .elementor-icon{
    background-color: #a1ce72!important;
    border: 1px solid #a1ce72;
}
.si-tab-card:hover .si-cat-label{
    background: white!important;
}
.si-tab-card:hover .si-cat-label *{
    color: #322F1F!important;
}
.si-tab-card .si-scale{
    transition: .5s all ease;
}
.si-tab-card:hover .si-scale{
    scale: 0.99.99;
    transition: .5s all ease;
}

/* Tab Slider */
.slider-tabs .e-n-tabs-heading{
    padding: 4px;
    border-radius: 50px;
    background: white;
    width: fit-content;
    margin-left: calc((100% - 1240px) / 2);
}


.slider-tabs-2 .e-n-tabs-heading{
    padding: 4px;
    border-radius: 50px;
    background: white;
    width: fit-content;

}




@media(max-width: 1440px) and (min-width: 1025px){
    .slider-tabs .e-n-tabs-heading{
        margin-left: 100px;
    }
}
@media(max-width: 1024px){
    .slider-tabs .e-n-tabs-heading{
        margin-left: 0px;
        width: 100%;
    }
	
		.slider-tabs-2 .e-n-tabs-heading{
        margin-left: 0px;
        width: 100%;
    }
}
.slider-tabs [aria-selected="false"] .e-n-tab-icon{
    opacity: 70%;
}
.slider-tabs [aria-selected="true"] .e-n-tab-icon{
    filter: brightness(0) saturate(100%) invert(19%) sepia(16%) saturate(1683%) hue-rotate(63deg) brightness(95%) contrast(96%);
}




/* skyscaner form css */

.shorttit{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shortdis{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* a{
	color:black !important;
}
 */

h1 {
    font-family: 'Malila', sans-serif !important;
}

.elementor-heading-title,
.elementor-heading-title * {
  font-family: "malila", sans-serif !important;
}


/* lightbox css */


/* Black backdrop (unchanged) */

/* Force size ONLY on prev/next (not close) */
.elementor-lightbox .swiper-button-prev,
.elementor-lightbox .swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev,
.elementor-lightbox .elementor-swiper-button-next {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important; /* keep clean bg, change if you want pill/circle */
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* Make arrow white (covers Swiper pseudo + SVG icon cases) */
.elementor-lightbox .swiper-button-prev::after,
.elementor-lightbox .swiper-button-next::after,
.elementor-lightbox .elementor-swiper-button-prev::before,
.elementor-lightbox .elementor-swiper-button-next::before {
  color: #fff !important;
  font-size: 18px !important;     /* size of the chevron glyph */
}

/* If the arrows are SVGs */
.elementor-lightbox .swiper-button-prev svg,
.elementor-lightbox .swiper-button-next svg,
.elementor-lightbox .elementor-swiper-button-prev svg,
.elementor-lightbox .elementor-swiper-button-next svg {
  width: 18px !important;
  height: 18px !important;
  fill: #fff !important;
}

/* Swiper var (some builds use this for arrow size) */
.elementor-lightbox {
  --swiper-navigation-size: 18px !important;
}

/* Do NOT touch the close button */


/* lightbox css end */