body {
    font-family: 'Poppins', sans-serif;
}
a{
    text-decoration: none;
}
.ui-widget.ui-widget-content{
    z-index: 1050 !important;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/*********************************
         Header CSS Starts here...
**********************************/  
.custom-header {
	background: #fff;
	z-index: 1050;
}
.header .navbar {
    background-color: #ffffff;
    padding: 15px 0;
}
.header .navbar  .navbar-brand {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}
.header .navbar .navbar-brand .logo img{
   max-width: 140px;
   max-height: 33px;
}
.header  .navbar .navbar-collapse .navbar-nav li a,.header .navbar .top-phone-number a{
    display: inline-block;
    font-size: 15px;
    color: #2d2d2d;
    font-weight: bold;
    margin: 0px 35px;
    padding: .5rem;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s;
}
.header .navbar .top-phone-number a{
    color: #ef1a1a;
}
.header  .navbar .navbar-collapse .navbar-nav li a:hover,
.header  .navbar .navbar-collapse .navbar-nav li.active a{
    background-color: #ffffff;
    color: #000000;
}

.header  .navbar .navbar-collapse .navbar-nav li:last-of-type a{
    position: relative;
    font-size: 16px;
    color: #ef1a1a;
    font-weight: 600;
    margin-right: 0;
    margin-left: 0;
}
.header  .navbar .navbar-collapse .navbar-nav li:last-of-type img{
    margin-right: 10px;
}
.header  .navbar .navbar-collapse .navbar-nav li:last-of-type a::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background-color: #7b7b7b;
    top: 12px;
    left: -20px;
    
}

.header  .navbar .navbar-collapse  {
   justify-content: flex-end;
}
.sticky-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
  }
  .custom-header .navbar{
      justify-content: space-between;
  }

/* Header CSS Ends here... */ 


/*********************************
         Banner CSS Starts here...
**********************************/  
.banner-main{
    position: relative;
}
.banner-text{
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%,-50%);
}
.banner-text .banner-heading{
    font-size: 69px;
    font-weight: 300;
    color: #ffffff;
}
/* Banner CSS Ends here... */ 



/*********************************
         Form CSS Starts here...
**********************************/  
.container .custom-form-main {
    position: relative;
}
.container .form{
    position: absolute;
   top: -200px;
    z-index: 1024;
}
.container .custom-form{
    background-color: #f5f5f5;
    padding: 30px 30px 30px;
}
.container .custom-form .input-group-prepend {
	margin-right: 0;
}
.custom-form .form-checkbox-custom {
    display: flex;
    /*padding-left: 25px;*/
    margin-bottom: 20px;
}
.form-group .form-control{
    height: 52px;
}

.form-group .input-group-text{
    border-color: #bfbfbf;
    background-color: #fff;
    border-right: none;
    padding-right: 0;
}
.form-group .input-group-text label, textarea.form-control::placeholder{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.50);
}
.form-group .form-control-custom{
    border-left: none;
}
.custom-form-main .nav{
    margin-bottom: 0;
    align-items: flex-end;
}
.custom-form-main .nav .nav-link{
    font-size: 18px;
    font-weight: 600;
    padding: 13px 50px;
    border-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f20f2a;
    color: #fff;
    transition: padding 0.3s, background-color 0.3s, color 0.3s;
}
.custom-form-main .nav .nav-link img{
    margin-left: 15px;
    vertical-align: calc(-5px);
}
.custom-form-main .nav .nav-link.active,
.custom-form-main .nav .nav-link:hover{
    padding: 17px 50px;
    background-color: #fff;
    color: #000000;
}
/*.form-group.answer-field .form-control{
    border-left: 1px solid #bfbfbf;
}*/

.container .custom-form .form-group h3{
    color: #000000;
    font-size: 22px;
    font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 0;
}
.custom-form .form-checkbox-custom .custom-control label{
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    /*margin-right: 20px;*/
    /*margin-left: 5px;*/
    padding-left: 30px;
}
.custom-form .form-group .form-control{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    box-shadow: none;
    border-color: #bfbfbf;
}

.load::before {
	animation: 1s steps(8) 0s normal none infinite running fa-spin;
	bottom: 8px;
	color: #f20f2a;
    content: "\f110";
	font-family: FontAwesome;
	font-size: 26px;
	position: absolute;
	right: 10px;
	z-index: 1000010;
}


.form-group .form-control::placeholder{
    color: rgba(0, 0, 0, 0.35);
}
.form-group textarea.form-control::placeholder{
    color: rgba(0, 0, 0, 0.50);
    
}
.form-group textarea.form-control::-webkit-input-placeholder{
    color: rgba(0, 0, 0, 0.50);
}
.container .custom-form  .answer-field{
    position: relative;
}
.answer-field img{
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    z-index: 10;
}
.container .custom-form .submit-col .submit-btn{
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 500;
    background-color: #ef1a1a;
}

/****** Custom Radio Boxes  CSS***/
.search-engine .custom-control-inline{
    padding-left: 0;
}

.search-engine .custom-form .custom-radio .custom-control-input:checked ~ .custom-control-label::after, .search-engine .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	width: 12px;
	height: 13px;
	background: red;
	border-radius: 50%;
}

.custom-form .custom-control-label::before,
.custom-control-label::before {
	top: 0;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border: #000000 solid 2px;
    border-radius: 0;
    left: 0;
    border-radius: 50%;
  
}
.custom-form .custom-control-label::after,
.custom-control-label::after {
    background-repeat: no-repeat;
    background-size: 100%;
}




.custom-form .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
    background-color: #ffffff;
    border:#ca080f solid 2px;
    box-shadow: none;
}

.custom-form-main  .custom-form .form-hiden-portion{
    display: none;
    margin-bottom: 33px;
}


.passenger-contain {
    position: relative;
  }
  
  .passenger-contain .passenger-dropdown {
    padding: 15px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 11;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  }
  
  .passenger-contain .passenger-dropdown .form-group {
    margin-bottom: 7px;
  }
  
  .passenger-contain .passenger-dropdown .form-group label {
    margin-bottom: 3px;
    font-size: 14px;
  }
  
  .passenger-contain .passenger-dropdown .form-group .form-control {
    border: 1px solid #ca080f;
    height: 40px;
    text-align: center;
  }
  
  .passenger-contain .passenger-dropdown .btn-secondary {
    border-radius: 4px !important;
    padding: 10px !important;
  }
  
  .passenger-contain .passenger-dropdown button.plus,
  .passenger-contain .passenger-dropdown button.minus {
    border: 1px solid #ca080f;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  
  .passenger-contain .passenger-dropdown button.plus .svg,
  .passenger-contain .passenger-dropdown button.minus .svg {
    height: 18px;
    width: 18px;
  }
  
  .passenger-contain .passenger-dropdown button.plus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
  }
  
  .passenger-contain .passenger-dropdown button.minus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
  }
  
  .passenger-contain .passenger-dropdown button.minus .svg {
    background-position: 69% 48.8%;
  }
  
  .passenger-contain .passenger-dropdown button.btn-block {
    margin-top: 15px;
  }
  .passenger-contain .PassengersField{
    text-align: left;
}
label.error{
    display: none !important;
}
.form-group.error-item .input-group-prepend .input-group-text label{
    color: red;
}
.form-group.error-item .input-group-prepend .input-group-text, .form-group.error-item .form-control{
    border-color: red ;
    color: red;
}
.form-group.error-item .input-group{
    box-shadow: 1px 1px 3px rgb(253, 105, 105),-1px -1px 3px  rgb(253, 105, 105);
}
.custom-form-main  .custom-form .passenger-contain{
    margin-bottom: 0px;
}

  /* Form CSS Ends here... */ 


  /*********************************
        Page Content CSS Starts here...
**********************************/  
.PageContent-main {
    padding-top: 125px;
}
.PageContent-main .pageContent-Heading .heading{
    font-size: 37px;
    font-weight: bold;
    color: #000000;
}
.PageContent-main .pageContent-Heading .sub-heading{
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
}

/* Carousel Swiper CSS Starts here... */
.carousel-swiper-main{
    padding-top: 90px;
}
.carousel-swiper-main .swiper-box-main .swiper-img-box{
    position: relative;
}
.carousel-swiper-main .swiper-box-main .swiper-img-box .badge-on-box{
    position: absolute;
    top: 20px;
    left: -20px;
}
.carousel-swiper-main .swiper-box-main .swiper-img-box .img-box-text{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.carousel-swiper-main .swiper-box-main .swiper-img-box .img-box-text .text-img{
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0;
}

.carousel-swiper-main .swiper-box-main .swiper-pack-box .text-pack{
    position: relative;
    margin-top: 24px;
    padding-bottom: 25px;
    line-height: 18px;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .text-pack::after{
   content: "";
   position: absolute;
   width: 38px;
   height: 3px;
   background-color: #fe1717;
   bottom: 0;
   left: 0;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .text-pack a{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-decoration: none;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .price-box p{
    font-size: 28px;
    font-weight: bold;
    color: #000000;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .price-box p strong{
    font-weight: bold;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .price-box p span{
    font-weight: 400;
    margin-right: 5px;
}
.carousel-swiper-main .swiper-box-main .swiper-pack-box .price-box p sup{
    font-weight: 400;
}
.carousel-swiper-main .swiper-carousel{
    position: relative;
}
.carousel-swiper-main .swiper-carousel .swiper-button .swiper-button-next{
    right: -75px;
    color: #7c7c7c;
}
.carousel-swiper-main .swiper-carousel .swiper-button .swiper-button-prev{
    left: -60px;
    color: #7c7c7c;
}
.carousel-swiper-main .swiper-carousel .swiper-container{
    padding-left: 21px;
}
/* Carousel Swiper CSS ends here... */


/* Experience-luxury CSS starts here... */
.Experience-luxury-main {
    padding-top: 125px;
    padding-bottom: 135px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-1{
    position: relative;
    z-index: -1;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-1 .box-1{
    position: relative;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-1::before{
    content: "";
    position: absolute;
    width: 85px;
    height: 85px;
    background-color: #ffffff;
    bottom: 66px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-1::after{
    content: "";
    position: absolute;
    width: 67px;
    height: 67px;
    bottom: 151px;
    left: 85px;
    background-color: #fb2b2b;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-1 .box-1::after{
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    background-color: #ffffff;
    bottom: 108px;
    left: 152px;
    background-color: #fb2b2b;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 h4 {
	font-size: 34px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 40px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 p {
	font-size: 15px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 40px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 p:nth-of-type(2) {
	font-size: 14px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 .experience-luxury-2-content {
	width: 720px;
	/* height: 558px; */
	padding: 58px;
    background-color: #f5f5f5;
    margin-left: auto;
    margin-top: -300px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 .experience-luxury-2-content {
    position: relative;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-2 .experience-luxury-2-content::before {
	content: "";
	position: absolute;
	width: 43px;
	height: 43px;
	bottom: 186px;
	left: -20px;
	background-color: #fb2b2b;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-3 .experience-luxury-3-content {
  margin-left: 260px;
  position: relative;
  margin-top: 40px;
  top: -60px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-3 .experience-luxury-3-content::before {
	content: "";
	position: absolute;
	width: 122px;
	height: 122px;
	background-color: #ffffff;
	top: 0;
	right: 130px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-3 .experience-luxury-3-content::after {
	content: "";
    position: absolute;
    width: 49px;
    height: 49px;
    top: 122px;
    right: 252px;
    background-color: #fb2b2b;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-4 .experience-luxury-4-content {
    padding: 58px;
    padding-right: 58px;
    padding-right: 0;
    width: 543px;
    /* height: 432px; */
    margin-top:60px;
    background-color: #f5f5f5;
    margin-top: -259px;
    position: relative;
  }
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-4 .experience-luxury-4-content h4 {
	font-size: 34px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 40px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-4 .experience-luxury-4-content p {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    padding-right: 100px;
    text-align: justify;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-4 .experience-luxury-4-content::before {
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    top: 23px;
    right: -111px;
    background-color: #ffffff;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-4 .experience-luxury-4-content::after {
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    top: 92px;
    right: -43px;
    background-color: #fb2b2b;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5{
    padding-top: 185px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5 .experience-luxury-5-content{
    width: 600px;
    /* height: 310px; */
    margin-top: 60px;
    padding-left: 90px;
    position: relative;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5 .experience-luxury-5-content h4,.Experience-luxury-main .experience-luxury-main-box .experience-luxury-6 .experience-luxury-6-content h4{
	font-size: 29px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 40px;
    max-width: 325px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5 .experience-luxury-5-content p,.Experience-luxury-main .experience-luxury-main-box .experience-luxury-6 .experience-luxury-6-content p {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    padding-right: 0px;
    text-align: justify;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5 .experience-luxury-5-content::before{
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    bottom: 0;
    left: -13px;
    background-color: #f5f5f5;
    z-index: -3;
}

.Experience-luxury-main .experience-luxury-main-box .experience-luxury-5 .experience-luxury-5-content::after{
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    top: 68px;
    background-color: #fb2b2b;
    z-index: -2;
    left: 20px;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-6 .experience-luxury-6-content{
    width: 600px;
    /* height: 310px; */
    margin-top: 60px;
    margin-left: auto;
    position: relative;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-6 .experience-luxury-6-content::before{
    content: "";
    position: absolute;
    width: 308px;
    height: 308px;
    top: -60px;
    right: 60px;
    background-color: #f5f5f5;
    z-index: -3;
}
.Experience-luxury-main .experience-luxury-main-box .experience-luxury-6 .experience-luxury-6-content::after{
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    top: -39px;
    background-color: #fb2b2b;
    z-index: -2;
    left: 260px;
}
/* Experience-luxury CSS ends here... */


/*********************************
  Page Content CSS ends here...
**********************************/  

/*********************************
  Footer CSS starts here...
**********************************/  

.footer-main .footer{
    padding-bottom: 100px;
}
.footer-main .footer .footer-column ul{
    list-style-type: none;
    padding: 0;
}
.footer-main .footer .footer-column-1{
    padding-top: 85px;
}
.footer-main .footer .footer-column ul li{
    margin-bottom: 20px;
}
.footer-main .footer .footer-column ul li a,.footer-main .footer .footer-column ul li p{
  text-decoration: none;
  font-size: 16px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
}
.footer-main .footer .footer-column h5{
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 56px;
}
.footer-main .copy-right p{
    font-size: 14px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.4);
}
.footer-main .copy-right{
    padding-bottom: 20px;
}
/*********************************
   Footer CSS ends here...
   Home Page CSS end
**********************************/  



 /******************************************************************
 ******************************************************************
                    Detail Page CSS Starts here...
******************************************************************
*******************************************************************/  
.Detail-page-header {
    border-bottom: 1px solid #e3e3e3;
}
.Detail-page-search-engine .container .form {
	position: initial;
}
.detail-page-content-main{
    padding-top: 50px;
}
.detail-page-content-main .container .custom-form-main {
	position: initial;
}
.detail-page-content-main .custom-form-main .custom-form .form-portion{
	display: block;
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs{
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}
.detail-page-content-main .container .custom-form {
    padding: 35px 50px;
    padding-top: 20px;
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs .form-top-tab{
  padding: 15px 0 20px 0;
  cursor: pointer;
  width: 100%;
  border-bottom: 4px solid  #d6d6d6;
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs .form-top-tab p{
  margin:0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs .tab-one-way p{
    text-align: center;
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs .tab-multi-city p{
    text-align: right;
}
.detail-page-content-main .custom-form-main .custom-form .form-top-tabs .active{
   border-color: red;
  }
.detail-page-content-main .custom-form-main .custom-form .input-group-main{
    background-color: #fff;
    padding: 10px 15px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}
.tab-content{
    display: none;    
}

.tab-content.active{
    display: inline-block;    
}

.detail-page-content-main .custom-form .form-group .form-control {
    border: none;
    padding: 0;
    height: 30px;
} 
.detail-page-content-main .custom-form-main .custom-form .input-group-main label{
    font-size: 15px;
    font-weight:bold;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}
.custom-form .form-group .form-control::placeholder{
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.35);
}
.detail-page-content-main .custom-form-main .custom-form .form-group .form-control::placeholder{
    font-size: 15px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.35);
    margin: 0;
}
.detail-page-content-main .custom-form-main .custom-form .passenger-contain .passenger-dropdown .form-group .form-control {
	border: 1px solid #ca080f;
	height: 40px;
	text-align: center;
}
.detail-page-content-main .custom-form-main .custom-form .form-group-margin-0{
   margin-bottom: 0;
}
.detail-page-content-main .custom-form .form-group .form-control-submit-btn {
    height: 65px;
} 
.detail-page-content-main .custom-form .submit-col .submit-btn {
	font-size: 24px;
	color: #ffffff;
	text-transform:uppercase;
    font-weight: bold;
    border: 3px solid #ef1a1a;
}
.detail-page-content-main .custom-form-main .custom-form .error-item .input-group-main{
    border-color: red;
    box-shadow: 1px 1px 3px rgb(253, 105, 105),-1px -1px 3px  rgb(253, 105, 105);
}
.detail-page-content-main .custom-form-main .custom-form .error-item .input-group-main label{
  color: red;
}
.detail-page-content-main .form-group.error-item .input-group{
    box-shadow:none;
}

.detail-page-content-main .custom-form-main .custom-form .custom-form-content{
    padding-top: 16px;
}
.custom-form-content p{
    font-size: 13px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.55);
}
.detail-page-content-main .custom-form-main .custom-form .custom-form-content .custom-form-content-main-box{
   display: flex;
   justify-content: space-around;
   padding-top: 20px;
   padding-bottom: 50px;
}
.detail-page-content-main .custom-form-main .custom-form .custom-form-content .custom-form-content-main-box .custom-form-content-box{
   text-align: center;
   margin: 0 15px;
}
.detail-page-content-main .custom-form-main .custom-form .custom-form-content .custom-form-content-main-box .custom-form-content-box .custom-form-content-box-text{
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
    margin-top: 15px;
 }
.detail-page-content-main .custom-form-main .custom-form .passenger-contain {
	margin-bottom: 16px;
}

.detail-page-content-main .business-class-offer{
     padding-top: 70px;
}
.detail-page-content-main .business-class-offer .business-class-offer-content .business-class-offer-content-heading{
    font-size: 34px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
}
.detail-page-content-main .business-class-offer .business-class-offer-content .business-class-offer-content-text{
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.60);
    margin-top: 25px;
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price{
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 130px;
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-1 .price-1-package{
    font-size: 45px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
    text-decoration: line-through;
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-2 .price-2-package{
    font-size: 31px;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 0;
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-2 .price-2-package strong,
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-2 .price-2-package span{
    font-size: 45px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.95);
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-2 .price-2-package span{
    font-weight: 500;
    margin-left: 7px;
}
.detail-page-content-main .business-class-offer .business-class-offer-content-price .price-2 .price-2-package-text{
    text-align: right;
    font-size: 24px;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
}


.DetailPage-how-it-works-main {
    padding-top: 200px;
    padding-bottom: 320px;
}

.DetailPage-how-it-works-main .how-it-works-heading .how-it-works-h1{
    font-size: 42px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
    padding-bottom: 40px;
}
.DetailPage-how-it-works-main .how-it-works-main .how-it-works-list{
    display: flex;
    justify-content: space-between;
}
.DetailPage-how-it-works-main .how-it-works-main .how-it-works-list .how-it-works-item .how-it-works-item-number{
    font-size: 18px;
    font-weight: bold;
    color:#ef1a1a;
    margin-top: 1px;
}
.DetailPage-how-it-works-main .how-it-works-main .how-it-works-list .how-it-works-item .how-it-works-item-heading{
    font-size: 19px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.75);
}
.DetailPage-how-it-works-main .how-it-works-main .how-it-works-list .how-it-works-item .how-it-works-item-text{
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.75);
    margin-top: 20px;
}
.DetailPage-how-it-works-main .how-it-works-main .how-it-works-list .how-it-works-item-1{
    padding-right: 25px;
} 
.Detail-page-search-engine .custom-form-main  .from-field-hidden,.Detail-page-search-engine .custom-form-main  .to-field-hidden,.Detail-page-search-engine .custom-form-main  .Dep-date-hidden{
    display: none;
}
.Detail-page-search-engine .custom-form-main  .from-field{
    position: relative;
}
.Detail-page-search-engine .custom-form-main{
    counter-reset:includes-counter ;
}
.Detail-page-search-engine .custom-form-main .from-field::before {
    content: none;
}
.Detail-page-search-engine .custom-form-main .form-field-counter::before {
	counter-increment: includes-counter;
	content: counter(includes-counter);
	position: absolute;
	left: -16px;
	top: 13px;
	font-size: 20px;
	color: #ef1a1a;
	font-weight: 500;
}


.Detail-page-search-engine .custom-form-main .close-btn
{
    display: none;
	position: absolute;
	right: -25px;
	top: 15px;
	font-size: 30px;
	cursor: pointer;
	color: #636363;
}
.Detail-page-search-engine .custom-form-main .multi-city .filends-append-here .close-btn{
    display: block;
}

.detail-page-content-main .custom-form .form-group .add-flights-btn {
    font-size: 24px;
   background-color: transparent;
   color: #ef1a1a;
   border:3px solid  #ef1a1a;
   text-transform: capitalize;
} 
.detail-page-content-main .custom-form .add-flights-btn-column{
    display: none;
}
.ui-icon-circle-triangle-e {
	background-position: 0;
	transform: rotate(180deg);
}
.ui-icon-circle-triangle-w {
	background-position: 0;
}

.Detail-page-search-engine .custom-form-main .load:before, .Detail-page-search-engine .custom-form-main .form-group .load:before{
    animation: 1s steps(8) 0s normal none infinite running fa-spin;
	bottom: 8px;
	color: #f20f2a;
    content: "\f110";
	font-family: FontAwesome;
	font-size: 26px;
	position: absolute;
	right: 10px;
	z-index: 1000010;
}
/******************************************************************
 ******************************************************************
                    Detail Page CSS Ends here...
******************************************************************
*******************************************************************/  
/***********************************************************
                Full Screen Popup CSs Start
************************************************************/
 
.fullscreen .modal-dialog {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.fullscreen .modal-content {
    height: 100%;
    background-color: rgba(239, 26, 26, 0.8);
    border: 0;
    border-radius: 0;
}
.fullscreen .close-screen {
    position: absolute;
    width: 56px;
    height: 56px;
    line-height: 56px;
    background-color: #fff;
    border-radius: 50%;
    top: 40px;
    right: 66px;
    cursor: pointer;
    border:0;
    z-index: 999;
}
.fullscreen .close-screen span {
    font-size: 34px;
    color: #f13838;
    font-weight: bolder;
}
.fullscreen .fullscreen-body {
    max-width: 600px;
    width: 100%;
    margin: auto;
    font-family: 'Poppins', sans-serif;
}
.fullscreen .fullscreen-body h2{
    background-color: #000;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    padding: 8px 15px;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
}
.fullscreen .fullscreen-body h1{
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 9px;

}
.fullscreen .fullscreen-body h1 span{
    color: #f9bf21;
}
.fullscreen .fullscreen-body form{
    max-width: 480px;
    margin: auto;
}
.fullscreen .fullscreen-body form .form-control {
    height: 66px;
    border-radius: 8px;
    font-size: 19px;
    text-align: center;
    border:solid 1px #e2e2e2;
}
.fullscreen .fullscreen-body form .form-control.error{
    border-color: red;
}
.form-control:focus-visible {
	color: transparent;
	text-shadow: none;
}
.fullscreen .fullscreen-body .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0,0,0,0.4);
  font-size: 19px;
}

.fullscreen .fullscreen-body .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0,0,0,0.4);
  font-size: 19px;
}

.fullscreen .fullscreen-body .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: rgba(0,0,0,0.4);
   font-size: 19px;
}
.fullscreen .fullscreen-body .form-control:focus {
    box-shadow: none;
    border-color: #f9efbf;
}
.fullscreen .fullscreen-body .form-control:focus-visible {
    text-shadow: none;
}
.fullscreen .fullscreen-body .callNow {
    display: flex;
    justify-content: space-between;
}
.fullscreen .fullscreen-body .callNow button{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    height: 80px;
    line-height: 80px;
    border:0;
}
.fullscreen .fullscreen-body .callNow .nan-btn{
    width: 135px;
    transition: background-color 0.5s ease, color 0.4s ease;

}
.fullscreen .fullscreen-body .callNow .nan-btn:hover{
    background-color: #f9bf21;
    color: #fff;
}
.fullscreen .fullscreen-body .callNow .request-btn{
    background-color: #f9bf21;
    color: #fff;
    width: 333px;
    transition: background-color 0.5s ease;
}
.fullscreen .fullscreen-body .callNow .request-btn:hover{
    background-color: #000;
}
.modal.fullscreen {
	z-index: 9999;
}
.adjust-screen {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.adjust-screen .error-item input {
	border: solid 1px red !important;
}
/***********************************************************
                Full Screen Popup CSs Ends
************************************************************/
/***********************************************************
                Call Now Popup CSs Start
************************************************************/
.callNow-popup .modal-dialog{
    max-width: 422px !important;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.callNow-popup .modal-content{
    background-color: #f13838;
    border:0;
    border-radius: 0;
}
.callNow-popup .modal-content .modal-body{
    padding: 26px 30px 28px 35px;
    overflow: hidden;
}
.callNow-popup .modal-content .modal-body::after {
    content: '';
    position: absolute;
    background-image: url('../images/dotsbottom.png');
    width: 103px;
    height: 81px;
    z-index: 999;
    right: -50px;
    bottom: 15px;
}
.callNow-popup .modal-content .modal-body::before {
    content: '';
    position: absolute;
    background-image: url('../images/dotstop.png');
    width: 77px;
    height: 79px;
    left: -38px;
    top: 0;
}
.callNow-popup .close-popup {
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
    position: absolute;
    background-color: #f8be20;
    top: 11px;
    right: 9px;
    z-index: 1050;
}
.callNow-popup .close-popup span {
    font-size: 20px;
    color: #f13838;
    font-weight: bolder;
    position: absolute;
    top: -1px;
}
.callNow-popup .click-to-call{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.callNow-popup .click-to-call .call-icon{
    width: 85px;
    height: 85px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.callNow-popup .click-to-call .svg{
    width: 49px;
    height: 49px;
    fill: #f13838;
}

.callNow-popup .click-to-call .call-number p{
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}
.callNow-popup .click-to-call .call-number a{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.callNow-popup .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
}
.modal-backdrop {
   background-color: transparent;
}
.modal.callNow-popup {
	height: auto;
	max-width: 422px;
	margin: auto;
	left: 0;
	right: 0;
	padding-right: 0 !important;
}
.callNow-popup ~ .modal-backdrop {
	position: inherit;
	height: auto;
}
.modal-open {
	padding-right: 0 !important;
    overflow-y: scroll;
}

/***********************************************************
                Call Now Popup CSs Ends
************************************************************/
/***********************************************************
               Fixed Call Now Button CSS Start
************************************************************/

.mobileButtons {
    position: fixed;
    bottom: 20px;
    left: 15px;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
}

.mobileButtons a {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

.mobileButtons a.phone {
	background-color: #ef1a1a;
	border-color: #ef1a1a;
	box-shadow: 0 0 0 0 rgba(242, 105, 34, 0.25);
	transform: scale(1);
	animation: pulse 1.5s infinite;
}

.mobileButtons a.phone::before {
    content: "";
    position: absolute;
    height: 120%;
    width: 120%;
    background-color: rgba(239, 26, 26, 0.25);
    border: 1px solid #ef1a1a;
    border-radius: 50%;
    animation: width-height 2s infinite;
    z-index: -1;
}

.mobileButtons a .svg {
    height: 26px;
    width: 26px;
    fill: #fff;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 26, 26, 0.15);
    }
    50% {
        box-shadow: 0 0 0 15px rgba(239, 26, 26, 0.25);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 26, 26, 0.25);
    }
}

@keyframes width-height {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 230%;
        height: 230%;
        opacity: 0;
    }
}

@keyframes SecondPulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(177, 53, 42, 0.4);
        box-shadow: 0 0 0 0 rgba(177, 53, 42, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(177, 53, 42, 0);
        box-shadow: 0 0 0 10px rgba(177, 53, 42, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(177, 53, 42, 0);
        box-shadow: 0 0 0 0 rgba(177, 53, 42, 0);
    }
}

.wave {
    animation: waveIn 1.2s infinite ease-out;
    transform-origin: 50% 50%;
}

.wave-sm {
    animation-delay: .3s;
}

.wave-md {
    animation-delay: .45s;
}

.wave-lg {
    animation-delay: .6s;
}

@keyframes waveIn {
    from {
        opacity: 0;
        transform: scale(0.3) translate(-20px, 10px);
    }
    50% {
        transform: translate(0, 0);
        opacity: 1;
    }
}


/***********************************************************
               Fixed Call Now Button CSS Start
************************************************************/