*{
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}
body{
    font-family: "Poppins", sans-serif !important;
}
img{
  object-fit: cover;
}

/*1-discover section*/
    .discover {
        font-size: 21px;
        font-weight: 600;
        color: #FFFFFF;
        left: 15px;
        bottom: 12px;
    }

    .discover-head{
    font-size: 25px;
    font-weight: 600;
    color:#0F2367;
    }


/*2-Slider section*/
 
    .slide-para{
        color: #464646;
        line-height: 27px;
        font-size: 17px;
    }
     .slider-img {
      width: 100%;
      object-fit: cover;
    }
/*3-Browse section*/
 .carrd {
    border-radius: 15px !important;
    box-shadow: 0px 1px 5.7px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
  .carrd-body {
      padding:7px;
      background-color:#FFFFFF;
  }
  .carrd-title{
       color:#464646;
       font-size:20px ;
       font-weight:600;
  }
  .carrd-para{
       color:#464646;
       font-size:11px ;
  }
.jytjtyj{
  text-align: end;
  p{
color: #505050;
font-family: Poppins;
font-size: 10px;
font-weight: 400;
  }
  h6{
    color: #303030;
font-family: Poppins;
font-size: 16px;
font-weight: 600;
  }
}
/*4-moments section*/

  .mom-carrd-title{
       color:#464646;
       font-size:20px;
       font-weight:600;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp:2;
       -webkit-box-orient: vertical;
  }
  .mom-carrd-para{
       color:#464646;
       font-size:14px ;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp:7;
       -webkit-box-orient: vertical;
  }
  .mom-call{
       color: #0F2367;
       font-size: 16px ;
       font-weight: 400;
       text-decoration: none;
  }

  .mom-image{
    width: 100% ;
    height: auto ;
   transition: 0.5s ;
    img{
    width: 100% ;
      object-fit:cover !important;
       transition: 0.5s ;
    }
  }
  .mom-carrd-main:hover .imagetwo{
  transform: scaleY(0.5);
  opacity: 0 ;
  }
   .mom-carrd-main{
    height: 600px  ;
    overflow: hidden;
    /* border: 1px solid red ; */
   }
   .mom-carrd-main:hover  .mom-image{
    height: auto ;
   }
   
.imagetwo{
  position: absolute;
  top: 0;
  left: 0 ;
  transform: scaleY(1);
  transform-origin: top left ;
  height: 600px ;
  width: 100% ;
}
.mom-carrd-body{
  margin-top: 200px ;
  transition: 0.9s ;
  padding: 12px;
  background-color:#FFFFFF;
}

 .mom-carrd-main:hover .mom-carrd-body{
  margin-top: 0 ;
 }


@media screen and (max-width:992px) {

  .discover-head {
    font-size: 20px;
  }
    .mom-carrd-main{
    height: 622px ;
    overflow: hidden;
   }

}


@media screen and (max-width:768px) {
 
  .discover-head {
    font-size: 18px;
  }
    .mom-carrd-main{
    height: 530px ;
    overflow: hidden;
   }
  .discover-sec{
    flex-wrap: nowrap !important;
    overflow-x: scroll;
  }
  .discover {
    left: 50%;
    width: 100%;
    text-align: center;
    bottom: 12px;
    transform: translateX(-50%);
}
   

}
   



/* slider-section */
.slide-small-image{
  width: 50% ;
}
.slide-top{
  top: 100px ;
}
.slider-top-text{
background-color: white ;
padding: 30px ;
width: 50%;
position: relative;
z-index: 10;
}
.slide-small-image{
  img{
    width: 100% ;
  }
}
.slide-image{
  width: 100% ;
  img{
    width: 100% ;
  }
}
.slide-out{
  width: 100% ;
}
.slide-mid{
  width: 100% ;
}
.slide-inner{
  width: 100% ;
}
   .slide-head{
    font-size: 35px;
    font-weight: 600;
    color: #0F2367;
    position: relative;
    &:after{
      position: absolute;
      bottom: -10px  ;
      left: 0 ;
      background-color: #0F2367;
      width: 162px ;
      height: 2px ;
      content: "";
    }
    }
    .slide-top-mid{
      background-color: white ;
    }
    .double-slider-main{
      position: relative; 
      padding: 90px 0;
    }

    .slider-main{
      position: absolute;
      top: 0;
      left: 0 ;
      z-index: -1 ;
      width: 100% ;
    }
    .mom-call{
      img{
        width: 16px ;
        height: 16px ;
      }
    }
  
    .slide-small-image{
      width: 50%;
      height: 480px;
      img{
        width: 100% ;
        height: 100%  !important;
        object-fit: cover;
      }
    }
.slide-top-mid .slick-prev, .slick-next {
    top: 50%;
    width: 50px !important;
    height: 50px !important;
    z-index: 1000 !important;
}
.slide-top-mid .slick-prev{
  left: -55px ;
}
.slide-top-mid .slick-next{
  right: -55px ;
}
    .slide-top-mid .slick-prev:before, .slick-next:before {
    font-size: 50px !important;
    display: none ;
}
.slick-prev.slick-disabled{
  display: none !important;
}
.slick-next.slick-disabled{
  display: none ;
}


@media screen and (max-width:576px) {
  .slide-small-image{
    width: 100% ;
    height: 250px ;
  }
  .slider-top-text{
    width: 100% ;
    padding: 10px ;
  }
  .slide-top-inner{
    display: flex ;
    flex-direction: column !important;
  }
  .slide-image{
    height: 920px ;
    img{
      height: 100% ;
    }
  }
  .slide-head{
    font-size: 20px ;
  }
  .double-slider-main{
    padding: 50px 0;
  }
    .slide-top-mid .slick-prev{
  left:-3% !important;
  top: 40% !important;
  width: fit-content !important;
  height: fit-content !important;
  background: #ffffff !important;
  border: 1px solid #fff ;
  border-radius: 50% ;
}
.slide-top-mid .slick-next{
  right: -3% !important;
  top: 40% !important;
  width: fit-content !important;
  height: fit-content !important;
  background: #ffffff !important;
  border: 1px solid #fff ;
  border-radius: 50% ;
}
  .slider-top-text{
    width: 100% ;
    padding: 25px !important;
  }
  .carrd-title{
    font-size: 15px ;
  }
  .carrd-para{
    font-size: 9px ;
  }
  .mom-carrd-title{
    font-size: 16px ;
  }
  .mom-carrd-para{
    font-size: 12px ;
  }
}

@media screen and (max-width:992px) {
  .slide-small-image{
    width: 100% ;
  }
  .slider-top-text{
    width: 100% ;
    padding: 35px ;
  }
  .slide-top-inner{
    display: flex !important;

  }
  .slide-image{
    height: 900px ;
    img{
      height: 100% ;
    }
  }
  .double-slider-main{
    padding: 50px 0;
  }


.slider-top-mid{
  position: relative;
  z-index: 10 ;
}
button.slick-next.slick-arrow img {
    width: 30px;
    filter: brightness(0);
}
button.slick-prev.slick-arrow img {
    width: 30px;
     filter: brightness(0);
}
.slide-head{
  font-size: 20px ;
}
.slide-para{
  font-size: 12px ;
}
.mom-call{
  margin-top: 20px ;
  font-size: 14px ;
}
.discover {
    font-size: 15px;
}
}




/* usp-section-start */

.usp-inner{
  background: #F6F6F6 ;
  padding: 20px 0;
}
.usp-img{
  min-width: 52px ;
  max-width: 52px ;
  img{
    width: 100% ;
  }
}
.usp-title{
  font-size: 16px ;
  font-weight: 600 ;
  color: #2D69E0 ;
}
.usp-para{
  font-size: 14px ;
  font-weight: 400 ;
  color: #464646 ;
}
.usp-top{
  border-right:1px solid #7A7A7A;
}

@media screen and (max-width:768px) {
  .usp-top{
  border-right:none ;
  border-bottom:1px solid #DEDEDE;
  padding-bottom:10px;
}
.usp-title {
    font-size: 15px;
}
.usp-para{
  font-size: 12px ;
}
.usp-img {
    min-width: 40px;
    max-width: 40px;
}

}



/* engine-sec-modal */

.ghddt{
    right: 60px !important;
    width: 334px !important;
}
.change-in-mai{
	border-right: none !important;
	float: inherit !important;
	width: 100% !important;
	margin-right: 0 !important;
    background: #f1f1f1 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}
.change-in-mai li{
	margin-bottom: 0 !important;
}
.etsset{
	padding-top: 23px !important;
    padding-bottom: 5px !important;
	height: 49px !important;
	min-height: 49px !important;
}
.tudrf{
		padding-left: 0;
		color: white;
		display: flex;
}
.tudrf li{
	list-style: none;
    font-size: 16px;
    border: 1px solid white;
    padding: 5px 10px;
}
.trlock1 {
    position: inherit !important;
    top: inherit !important;
    right: inherit !important;
    width: 100% !important;
	height: 250px !important;
    min-height: 250px !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    padding: 10px !important;
    overflow-y: scroll;
}
.rysyd{
	width: 115px;
}
#style-3::-webkit-scrollbar-track
{
	background-color: #ffffff;
	border-radius: 6px;
}

#style-3::-webkit-scrollbar
{
	width: 5px;
	border-radius: 6px;
	background-color: #ffffff;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border-radius: 6px;
}
.fon-50{
	font-weight: 500;
}
.swtg{
	position: absolute;
	top: 22px;
	right: 22px;
}
.drip{
	display: none;
}
.sedtg{
	background-color: #f7f7f7;
}
@media only screen and (max-width: 600px) {
	.change-in-mai {
		display: block !important;
    flex-direction: column;
	}
	.change-in-mai li {
		margin-bottom: 10px !important;
	}
	.rysyd {
		width: 100% !important;
	}
	.trlock1 {
		height: 389px;
	}
  }

  .tab34 {
	overflow: hidden;
}

.tab34 .button34 {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding-left: 16px;
	transition: 0.3s;
	font-size: 17px;
}

.tab34 .button34:hover {
	border-bottom: 1px solid;
}

.tab34 .button34.active {
	border-bottom: 1px solid;
}

.tabcontent34 {
	display: none;
	padding: 6px 12px;
	border-top: none;
	text-align: center;
}
.traveller_block12 ul.traveller_list li {
    font-size: 14px;
    color: #353541;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.traveller_block12 ul.traveller_list .actionbtn .addicons.minus {
    font-size: 24px;
}

.traveller_block12 ul.traveller_list .actionbtn .addicons {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ACB4BE;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #353541;
    cursor: pointer;
}
.traveller_block12 ul.traveller_list .actionbtn .number {
    width: 40px;
    border: none;
    background: none;
    font-size: 14px;
    color: #353541;
    font-weight: 600;
    text-align: center;
}
.traveller_block12 ul.traveller_list .actionbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.applybtn{
  width: auto ;
  font-size: 15px ;
  font-weight: 500 ;
  color: #ffffff ;
  padding: 10px 20px;
  background: #E60023; 
  border: none ;
  border-radius: 8px ;
}

/* engine-modal-sec */

/* engine-section-start */
.engine-main{
    background: #ffffff ;
    border-radius: 6px ;
    box-shadow: 0px 1px 3.5px 0px #00000040;
    padding: 10px;
}
.destination-main{
    display: flex;
    justify-content: flex-start ;
    align-items: center ;
    gap: 10px ;
    border: 1px solid #ACACAC;
    padding:5px 10px 5px 5px;
    border-radius: 5px ;
}
.locate{
    border-right: 1px solid #0F2367;
    min-width: 35px ;
    max-width: 35px ;
    display: flex;
    justify-content: center ;
    align-items: center;
}
.stay{
    font-size: 12px ;
    font-weight: 300 ;
    color: #3D3D3D ;
}
.cityname{
    font-size: 16px ;
    font-weight: 500 ;
    color: #2D69E0 ;
}
.searchbtn{
    width: 100% ;
    height: 100% ;
    button{
        width: 100% ;
        height: 54px ;
        background: #E60023 ;
        display: flex ;
        justify-content: center ;
        align-items: center ;
        border: none ;
        border-radius: 5px ;
    }
}
.engine-sec-top{
    margin-top: -30px ;
}



@media screen and (max-width:768px) {
    .banner-title{
        font-size: 20px ;
    }
    .stay{
        font-size: 10px ;
    }
    .cityname{
        font-size: 12px ;
    }
    .cityname.nyc{
        white-space: nowrap ;
        text-overflow: ellipsis ;
        overflow: hidden ;
        padding-right: 10px ;
        width: calc(100% - 50px);
    }
    .engine-sec-top{
        margin-top: -190px ;
    }
   
}
.search{
  width: 70px !important;
}

/* engine-sec-end */


@media screen and (max-width:768px) {
  .exp-txt{
    padding: 15px ;
    border-bottom: 1px solid #E6E6E6 ;
  p{
    font-size: 20px ;
    font-weight: 600 ;
    color: #0F2367 ;
  }
}
.usp-inner-sec{
  border-radius: 10px;
  background-color: #ffffff ;
          box-shadow: 0px 4px 6.2px 0px #00000040;
}
.usp-inner{
  background: #ffffff ;
}
.usp-sec{
  padding: 10px ;
}
.banner-inner{
  
}
.banner-title{
  display: none !important;
}
.search{
  width: 100% !important;
}

.engine-main {
    border-radius: 20px;
    padding: 20px 10px;
}
}
.price-ribbon {
  position: absolute;
    top: 20px;
    right: 0;
       border-radius: 8px 6px 6px 8px;
  background: #e60023;
  color: #fff;
padding: 6px 15px 6px 25px;
  text-align: center;

  /* Ribbon shape */
  clip-path: polygon(
    0% 0%,
    100% 0%, 
    100% 100%, 
    0% 100%, 
    15% 50%  
  );

}

.price-ribbon span {
  display: block;
color: #FFF;
font-family: Poppins;
font-size: 12px;
font-weight: 300;
}

.price-ribbon strong {
  color: #FFF9F9;
font-family: Poppins;
font-size: 18px;
font-weight: 600;
}