:root {
    --primary-font: "Manrope", sans-serif;
    --primary-color: #0C1A33;
    --secondary-color: #BA9753;
    --background-color: #fff;
    --footer-bg:#0C1A33;

      --clr-bg-header: #3D8361;
  --clr-btn: #1d2320;
  --clr-dropdown: #1C6758;
  --clr-nav-hover: #1E6F5C;
  --clr-dropdown-hov: #289672;
  --clr-dropdown-link-hov: #29BB89;
  --clr-light: #FAFAFA;
}


html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	ba
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0;   font-family:var(--primary-font)!important;  }
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#fff;}
::selection{ background:var(--secondary-color); color:#010101;}
::-moz-selection{background:#fff; color:#010101;}
::-webkit-selection{background:#fff; color:#010101;};
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding:0; margin:0 0 15px 0; font-weight: 300!important;
  font-size: 15px;

color:#010101;

   }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight: 500!important;    font-family: "Poppins", sans-serif;}


.posRelative{
    position:relative!important;
    .error{
    
}
}
.proceedSpaceBtn{
    margin-top:15px;
}
.airportMainTxt{
   color: #566879;
   font-weight: 500;
font-size: 12px;
}

.airportCodeTxt{
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.flight-section-title{
   text-align: center;
  font-size: 45px;
  color: var(--primary-color);
  font-weight: 700;
  margin-bottom: 14px; 
}
.connection-notice{
      display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
   span{
margin-bottom: 0px;
            font-size: 12px;
            color: #566879!important;
            font-weight: 500;
            text-decoration:none!important;
            &:hover{
 color: var(--secondary-color)!important;
}
} 
    i{
  color: var(--secondary-color);
    font-size: 13px;
}
}

.non-stop-notice{
    display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
    i{
  color: var(--secondary-color);
    font-size: 13px;
}
span{
margin-bottom: 0px;
            font-size: 12px;
            color: #566879;
            font-weight: 500;
}
}
  	.error-message{
	   color: red;
font-size: 11px !important;
  margin-top: 0px !important;
  position: absolute !important;
  bottom: 0px !important;
  }



.offcanvas{
background: var(--primary-color)!important;
.offcanvas-header .btn-close{
	opacity: 1;
    padding: 0;
    width: auto;
    height: auto;
    position: relative;
    right: 7px;
}
.offcanvas-header .btn-close i{
	color: #fff;
	font-size: 25px;
}
.btn-close:focus{
	box-shadow: none;
}
.headerMainFlexMobile{
	ul{
		margin: 0;
		padding: 0;
		li{
			a{
				font-weight: 400;
      font-size: 20px;
      color: #fff;
	  display: block;
	  padding-bottom: 18px;
	  &:hover{
		color: var(--secondary-color);
	  }
			}
		}
	}

	button{
		border-radius: 8px;
    width: 160px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background: #D55261;
    border: none;
    transition: 0.4s;
	margin-top: 20px;
	&:hover{
		background: #fff;
		color: #D55261;
	}
	}
}
}

.logoFooter{
	img{
		 @media (max-width: 767px) {
width: 161px;
		 }
	}
}
.mainContainer{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	    @media (max-width: 767px) {
	padding: 0 20px;
		}
}
.termsConditonBgSec{
	padding: 80px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding: 50px 0px 0px;
   }
  	h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: rgb(255, 255, 255);
      font-weight: 900;
      text-transform: uppercase;
	  margin-bottom: 30px;
      font-style: italic;position: relative;
   @media (max-width: 1200px){
font-size: 35px;
margin-bottom: 16px;

	}
	   @media (max-width: 570px){
font-size: 24px;
	}
 
 
	}
	span{
		font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #FEFEFE;
    text-align: left;
	margin-bottom: 20px;
	display: block;
	  @media (max-width: 570px) {
font-size: 16px;
	  }
	}

	ul{
		margin: 0;
		padding: 0 0 30px;
		li{
		color: #fff;
      padding-bottom: 10px;
      font-weight: 300;
      font-size: 15px;
      position: relative;
      padding-left: 20px;
			&::before{
				position: absolute;
				left: 0;
			top: 6px;
				width: 10px;
				height: 10px;
				background: #D55261;
				content: "";
				border-radius: 50%;

			}
		}
	}

	 	h4{
		font-size: 24px;
      color: rgb(255, 255, 255);
      font-weight: 700;
      text-transform:capitalize;
	  margin-bottom: 10px;
  position: relative;

 	  @media (max-width: 570px) {
	font-size: 19px;
	  }
	}
  p{
font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #FEFEFE;

    text-align: left;
	  @media (max-width: 570px) {
font-size: 14px;
	  }
	&:last-child{
		margin-bottom: 0px;
	}
  }
}
.flexTermcontact{
	display: flex;
	gap:23px;
	 @media (max-width: 570px) {
flex-direction: column;
gap: 17px;
	 }
}
.flexMainFooterPhn{
	display: flex;
  gap: 12px;
  align-items: center;
  span{
	margin-bottom: 0px;
  }
  a{
color: #D55261;
  }
}

.termsConditionBanner{
	background: url(../img/banner-terms.jpg) no-repeat ;
	background-size: cover;
	height: 100vh;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;

 @media (max-width: 570px) {
height: 243px;
 }
	.overLayLayer{
position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #010101c4;
    z-index: -1;
    content: "";
	}
		h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: rgb(255, 255, 255);
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;position: relative;
  @media (max-width: 570px) {
	font-size: 30px;
  }
	}
}
.accordion-button:focus{
	box-shadow: none!important;
	border-color: none!important;
}
.headerAllfix{
	width: 100%;
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.bgVdomain{

z-index: 1;
  padding: 80px 20px 42px;
  height: 100%;
  position: relative;
.main-slider-one__bg{
		video{
overflow: hidden;
    border-radius: 20px;
    height: 100%;
    width: 100vw;
    object-fit: cover;
    max-width: 100%;
    position: relative;
    margin-top: 17px;
		&::before{
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		content: "";
		background: #000;
		z-index: 100;
	}
	}


	&:after{
	position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, var(--hyperfly-black, #030D17) 0%, rgba(var(--hyperfly-black-rgb, 3, 13, 23), 0) 100%);
	}

}


.flexButtonStore{
	display: flex;
	gap:7px;
	button{
		border: none;
		background: transparent;
		img{
		  @media (max-width: 1200px) {
			width: 114px;
		  }
		}
	}
}



}
.mobileBtn{
	display: none;
	i{
		color: #333;
		font-size: 30px;
	}
	  @media (max-width: 1200px) {
	display: block;

  }
}
.faqBannerSec{
	display: flex;

	justify-content: space-between;
	background: url(../img/page-header-banner.jpg) no-repeat ;
	background-size: cover;
height: 400px;
	position: relative;
	z-index: 1;
align-items: center;
	text-align: center;
	padding-top: 152px;
	ul{
        display: flex;
        justify-content: center;
        gap:10px;
        padding: 0;
        margin-bottom: 0px;

        li{
          padding: 0px 6px 0;
            color: #fff;
            position: relative;
                &:first-child:after{
            display: none;
        }
            &::after{
 position: absolute;
        left: -7px;
      top: 11px;
        width: 5px;
        height: 5px;
        content: "";
        background: #D0AD5E;
        border-radius: 50%;
    
            }
           a{
            color: #D0AD5E;
           } 
        }
    }

 @media (max-width: 570px) {
height: 300px;
padding-top: 50px;
 }



 .maxWidthmainFaqBanner{
max-width: 706px;
 }
	.overLayLayer{
position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #010101c4;
    z-index: -1;
    content: "";
	}
		h3{
	margin-bottom:0px;
  font-size: 55px;
  color: #fff;
  font-weight: 600;

	    @media (max-width: 1200px) {
font-size: 45px;
		}
  @media (max-width: 570px) {
	font-size: 24px;
  }
	}
}


header{
  position:fixed;

  transition: all 0.4s ease;
  width: 100%;
  padding:10px 20px;
  z-index:100 ;
  background: #fff;
  	 @media (max-width: 1200px) {
  padding: 10px 10px;
	 }
	   	 @media (max-width: 570px) {
padding: 10px 10px;
		 }

}
header.sticky {
  position:fixed;
background: #fff;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
    z-index:100;

}

.headerMainFlex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.logoImg{
		width: 161px;
	
	}

	.menuTopMain{
		margin: 0;
		padding: 0;
		display: flex;
			gap:3px;
		align-items: center;
		  @media (max-width: 1200px) {
display: none;
  }
		a{
		
		font-weight: 500;
      font-size: 16px;
      color: #000;
      padding: 34px 15px;
			&:hover{
				color: #BA9753;;
			}
		}
	}
}

.flexMainCustomer{
	display: flex;
	gap:12px;
	align-items: center;
		  @media (max-width: 570px) {
display: none;
		  }
	span{
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #BA9753;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		i{
			color: #fff;
		}
	}
	h3{
font-weight: 400;
    display: block;
    font-size: 13px;
    color: #566879;
    margin-bottom: 3px;
	}
	p{
font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #030D17;

  text-align: left;
  margin-bottom: 0px;
	}
}

.componyLogoSlider{
padding: 67px 20px 40px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
    @media (max-width: 992px) {
height: auto!important;
padding: 67px 10px 10px;
  border-radius: 10px;
	}
	

  .owl-carousel .owl-item img{
	width: 100%;

  }
  
}
.footerMain{
padding: 240px 0px 0px;
  background: #010101;	
   @media (max-width: 1200px) {
padding:50px 0px 0px;
   }
      @media (max-width: 767px) {
text-align: center;
	  }
  .bootomBorderMain{
border-top: 1px #FEFEFE1C solid;
    margin-top: 60px;
 @media (max-width: 767px) {
  margin-top: 20px;
 }
	span{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 0px;
	color: #fff;
	}
  }
  .socilaDiv{
	margin-top: 30px;
 @media (max-width: 767px) {
	margin-top: 10px;
 }
	.socilaDivIcon{
		display: flex;
		gap:12px;
			 @media (max-width: 767px) {
				justify-content: center;
				align-items: center;

	 }
a{
	display: flex;
	width: 40px;
	height: 40px;
	background: #FEFEFE1A;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	&:hover{
		background: #D55261;
	}
	i{
		color: #fff;
		font-size: 21px;
	}
}
	}
  }
  p{
font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #FEFEFE;
    max-width: 318px;
    margin-top: 24px;
    text-align: left;
	 @media (max-width: 767px) {
margin: 20px auto 20px;
text-align: center;
	 }

  }
  h3{
	font-size: 16px;
	font-weight: 600;
	color: #FEFEFE;
	margin-bottom: 12px;
  }
  ul{
	margin: 0;
	padding: 0;
	li{
		a{
				font-size: 16px;
	font-weight: 400;
	color: #FEFEFE;
	padding-bottom: 12px;
	display: block;
	&:hover{
		color:#D55261 ;
	}
		}
	}
  }
}

.faqsubBgSec{
		padding: 160px 0px 0px;
  background: #010101;	
   @media (max-width: 1200px) {
padding: 50px 0px 0px;
   }
  	.accordionEverthing{
		.accordion-item{
border-radius: 0px;
        margin-bottom: 12px;
   border: 1px solid #FEFEFE29;
        background: transparent;

			border-radius: 16px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
		.accordion-button{
			background: transparent;
padding: 24px 20px;
color: #fff;
font-size: 20px;
font-weight: 600;
			box-shadow: none;
			 @media (max-width: 1200px) {
font-size:18px;
			 }
			&::after{
				background-image: url(../img/pluse-button.png);
				background-repeat: no-repeat;
			}
		}
		.accordion-button:not(.collapsed)::after{
				background-image: url(../img/minus.png);
				background-repeat: no-repeat
		}
		.accordion-body{
			padding-top: 0px;
			
			p{
				font-size: 16px;
        font-weight: 400;
        color: #fff;
    
        line-height: 23px;
        text-align: left;
        margin-bottom: 0px;
			}
		}
	}
h3{
	font-size: 48px;
    font-family: "Prompt", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-style: italic;
    position: relative;
	   @media (max-width: 1200px) {
font-size: 35px;
margin-bottom: 20px;
	   }
	     @media (max-width: 570px) {
font-size: 24px;
	   }
}
.accordionSectionDiv{
	margin-bottom: 100px;
	  @media (max-width: 1200px) {
margin-bottom: 40px;
	  }
}


}
  .maxWidthFaqBanner1{
	max-width: 938px;
  }

  .needHelpBg{
	background: url(../img/need-help-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 90px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	 @media (max-width: 570px) {
padding: 50px 0px;
	 }
	h4{
		font-size: 48px;
    font-family: "Prompt", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom:5px;
    font-style: italic;
    position: relative;
		 @media (max-width: 992px) {
font-size: 24px;
		 }
	}
button{
	background: rgb(213, 82, 97);
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        font-size: 16px;
        width: 186px;
        height: 52px;
        color: rgb(255, 255, 255);
        border-radius: 8px;
        border: medium;
        transition: 0.4s;
		margin: 0 auto;
		i{
			margin-left: 10px;
			margin-top: 4px;
		}
		&:hover{
			background: #fff;
			color: rgb(213, 82, 97);
		}
}
	p{
		font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 23px;
        text-align: left;
        margin-bottom: 30px;
			 @media (max-width: 992px) {
font-size: 15px;
margin-bottom: 20px;
text-align: center;
			 }
	}
	&::before{
	
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #010101a8;
	
	
  }
}

.contactMainBgSec{
	padding: 100px 0px ;
  background: #fff;	
   @media (max-width: 1200px) {
padding: 40px 0px 
   }
.loacationTxtmain{
	@media (max-width: 570px) {
background: #fff;
  border: 1px #ddd solid;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 14px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
	.iconMain{
		font-size: 45px;
		color: var(--secondary-color);
		margin-bottom:27px;
	}
	h6{
		font-size: 25px;
color: var(--primary-color);
	font-weight: 600;
	margin-bottom: 20px;
	@media (max-width: 570px) {
	    	margin-bottom: 5px;
	}
	}

	p{
	color: #333;
    font-size: 16px;
    line-height: 29px;
	text-align: left;	
	margin-bottom: 44px;
		@media (max-width: 570px) {
		margin-bottom: 0px;	    
	}
	}
}
   h4{
	font-size: 55px;
    line-height: 65px;
	margin: 0 0 70px;
	font-weight: 600;
		 @media (max-width: 1199px) {
font-size: 35px;
margin-bottom: 30px;
    line-height: 45px;
		 }

		  @media (max-width: 767px) {
font-size: 25px;
  line-height: 35px;
  margin-bottom: 20px;
		  }
   }
  .upcomingNewsDivCommon{
	border-radius: 32px;
	padding: 40px;
	margin-bottom: 24px;
	 @media (max-width: 1200px) {
padding: 20px;
	margin-bottom: 16px;
	 }
	&:last-child{
		margin-bottom: 0px;
	}
	.flexMainNewWrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
		 @media (max-width: 1200px) {
flex-direction: column;
align-items: start;
gap:20px
		 }
		.contentmainall{
			h4{
				font-size: 32px;
    font-family: "Prompt", sans-serif;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
    text-align:left;
    margin-bottom: 24px;
	 @media (max-width: 570px) {
font-size: 24px;
margin-bottom: 16px;
	 }
			}

			.datemainNav{
				margin: 0;
				padding: 0;
				display: flex;
				gap:40px;
				 @media (max-width: 570px) {
flex-direction: column;
gap:10px;
				 }
				li{
						display: flex;
						gap:8px;
						p{
							font-size: 16px;
							font-weight: 400;
							color: #FEFEFE;
							margin-bottom: 0px;
							   @media (max-width: 570px) {
font-size: 12px;
							   }
						}
				}
			}
		}
	}
  }
  .buttonSecitonmain{
	display: flex;
	gap:16px;
			 @media (max-width: 570px) {
flex-direction: column;
width: 100%;
			 }
	.vieDetailsBtn{
		border: 1px solid #FEFEFE;
		&:hover{
					background: #D55261;
						border: 1px solid #D55261;
		}
	}
	.registerBtn{
		background: #D55261;
	&:hover{
					background: #fff;
						border: 1px solid #fff;
						color: #D55261;
		}
	}
 button {
      border: none;
      background: transparent;
      width: 164px;
      height: 52px;
      border-radius: 8px;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
	  transition: 0.4s;
	  cursor: pointer;
	   @media (max-width: 570px) {
width: 100%;
	   }
 }
  }
  .newSectionBg1{
	border: 1px solid #FEFEFE14;
	background-image: linear-gradient(to right top, rgb(1, 1, 1), rgb(13, 7, 24), rgb(21, 13, 38), rgb(27, 17, 53), rgb(36, 17, 67));
  }
  .newSectionBg2{
	border: 1px solid #FEFEFE14;
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867);
  }
  .newSectionBg3{
	border: 1px solid #FEFEFE14;
	  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138);
  }
h3{
font-size: 27px;
  font-weight: 600;
 
      color:var(--primary-color);
    
      text-transform:capitalize;

      margin-bottom: 20px;
	
}
label{
	font-size: 17px;
    margin-bottom: 9px;
	color: var(--primary-color);
}
p{
font-size: 16px;
      font-weight: 400;
      color: #fff;

      line-height: 23px;
	  text-align:center;
	  margin-bottom: 30px;
	    @media (max-width: 1200px) {
font-size: 14px;
margin-bottom: 20px;
		}
	    @media (max-width: 992px) {
			max-width: 100%;
		}
}
.flexMainTab{
	display: flex;
	justify-content: space-between;
		margin-bottom: 40px;
		align-items: center;
		 @media (max-width: 570px) {
			margin-bottom: 30px;
flex-direction: column;
gap:30px
		 }
	.form-select:focus{
		box-shadow: none;
	}
	.formMainSelect{
		width: 167px;
	  background: #010101 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center;
	border: 1px solid #FEFEFE3D;
	 background-size: 14px; 
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	height: 52px;

	}
	.tabMainallTab{
		display: flex;
		gap:16px;
		align-items: center;
	
		.nav-link{
			color: #fff;
			font-size: 16px;
			font-weight: 600;
				padding: 14px 31px;
				border-radius: 8px;
				   @media (max-width: 570px) {
padding: 9px 19px;
				   }
		}
		.nav-link.active{
			background-color: #fff!important;
			color: #333!important;
		
		}
	}
}
}

.everthingYouNeed{
	padding: 160px 0px 0px;
  background: #010101;	
   @media (max-width: 1200px) {
padding: 50px 0px 0px;
   }
  .gridMainEverthing{
	display: grid;
	grid-template-columns: 1fr 1fr;
		 @media (max-width: 992px) {
display: block;
		 }
	.accordionEverthing{
		.accordion-item{
border-radius: 0px;
        margin-bottom: 12px;
   border: 1px solid #FEFEFE29;
        background: transparent;

			border-radius: 16px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
		.accordion-button{
			background: transparent;
padding: 24px 20px;
color: #fff;
font-size: 20px;
font-weight: 600;
			box-shadow: none;
			 @media (max-width: 1200px) {
font-size:18px;
			 }
			&::after{
				background-image: url(../img/pluse-button.png);
				background-repeat: no-repeat;
			}
		}
		.accordion-button:not(.collapsed)::after{
				background-image: url(../img/minus.png);
				background-repeat: no-repeat
		}
		.accordion-body{
			padding-top: 0px;
			
			p{
				font-size: 16px;
        font-weight: 400;
        color: #fff;
    
        line-height: 23px;
        text-align: left;
        margin-bottom: 0px;
			}
		}
	}
.contentTxtmain{
	max-width: 373px;
		 @media (max-width: 992px) {
max-width: 100%;
margin-bottom: 20px;
		 }
h3{
	font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
      margin-bottom: 16px;
	     @media (max-width: 1200px) {
	font-size:35px;
		 }
		      @media (max-width: 570px) {
	font-size:24px;
		 }
}
p{
font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 350px;
      line-height: 23px;
	  text-align: left;
	  margin-bottom: 30px;
	    @media (max-width: 1200px) {
font-size: 14px;
margin-bottom: 20px;
		}
	    @media (max-width: 992px) {
			max-width: 100%;
		}
}
button{
background: #D55261;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      font-size: 16px;
      width: 186px;
      height: 52px;
      color: #fff;
      border-radius: 8px;
      border: none;
      transition: 0.4s;	
	  	&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}
}
}
  }
}

.bannerInnovation{
	padding: 160px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding: 50px 0px 0px;
   }
  .bannermainallBottom{
background-image: linear-gradient(to left top, #241141, #1d1136, #180f2c, #140b21, #0d0717, #0d0717, #0d0718, #0d0718, #140c23, #180f2d, #1d1138, #241143);
    border: 1px solid #241143;
    border-radius: 32px;
padding:40px 0px 0px 60px;
    display: flex;
    justify-content: space-between;
	overflow: hidden;
  margin-bottom: 0px;
	   @media (max-width: 992px) {
	padding: 29px 20px 0px 29px;
        gap: 17px;
		margin-bottom: 0px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	   }

.bannerTopPadding{
	padding-top: 15px;
		   @media (max-width: 992px) {
padding-top: 0px;
text-align: center;
		   }
}
	h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
	  margin-bottom: 16px;
	   @media (max-width: 1200px) {
	font-size: 35px;
	   }
	      @media (max-width: 992px) {
max-width: 100%;
		  }
	      @media (max-width: 570px) {
	font-size: 24px;
	   }
	}
	p{
	font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 449px;
      line-height: 23px;
      margin-bottom: 30px;
	  text-align: left;
	     @media (max-width: 992px) {


margin: 0 auto 20px;
text-align: center;
		 }
		  @media (max-width: 570px) {
font-size: 14px;
		  }
	}
	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		   @media (max-width: 992px) {
margin: 0 auto;
		   }
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
  }
}
.getStartMainBgSec{
	padding: 160px 0px 0px;
  background: #010101;
  @media (max-width: 1200px) {
padding: 50px 0px 0px;
  }
    @media (max-width: 992px) {
padding: 0px 0px 0px;
  }
  .owl-dots{
	display: none!important;
  }
  .sliderTwoBg{
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867)!important;
  }

    .sliderThreeBg{
  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138)!important;
  }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
width: 100%;
    text-align: center;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
  }
  .owl-nav{
	margin: 0 auto;
    width: 100%;
    text-align: center;
	display: flex!important;
	 justify-content: center;
	 margin-top: 30px;
	 gap:20px;
	  .owl-next{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	  @media (max-width: 767px) {
	width: 48px;
	height:48px;

	  }
	
	&:hover{
	background: #D55261;
		border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/right-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}
  }
  	  .owl-prev{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
		transition: 0.4s;
  @media (max-width: 767px) {
	width: 48px;
	height:48px;

	  }
		&:hover{
	background: #D55261;
	border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/left-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}

  }
  }
  .bannermainallBottom1{
	background-image: linear-gradient(to left top, #241141, #1d1136, #180f2c, #140b21, #0d0717, #0d0717, #0d0718, #0d0718, #140c23, #180f2d, #1d1138, #241143);
    border: 1px solid #241143;
    border-radius: 32px;
padding: 40px 40px 0px 60px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
.owl-carousel .owl-item img{
	width: auto!important;
		  @media (max-width: 767px) {
margin: 0 auto; width: 100%;
		  }
}
	  @media (max-width: 992px) {
padding: 29px 20px 0px 29px;
gap: 17px;
	  }
	    @media (max-width: 767px) {
flex-direction: column;
justify-items: center;
align-items: center;
padding: 29px 29px 0px 29px;
		}
  }

  .bannerTopStart{
	padding-top: 15px;
	   @media (max-width: 767px) {
padding-top: 0px;
text-align: center;
	   }
		h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
	  margin-bottom: 16px;
	    @media (max-width: 1200px) {
font-size: 35px;
		}
		  @media (max-width: 570px) {
font-size: 24px;
margin-bottom: 10px;
		}
	}
	p{
	font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 449px;
      line-height: 23px;
      margin-bottom: 0px;
	  text-align: left;
	     @media (max-width: 1200px) {
font-size: 14px;
		}
		 @media (max-width: 767px) {
margin: 0 auto 20px;
display: block;
text-align: center;

		 }

	}
	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
}

}



.strikeCommunity{
	padding: 160px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding:50px 0px 0px;

   }

  	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		margin: 20px auto 0px;
		
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
  .spaceMarginBottom{
margin-bottom: 16px;
  }
	.imgWrappermain{
			overflow: hidden;
  border-radius: 36px;
  &:hover img{
	transform: scale(1.2);
  }
  img{
	  border-radius: 36px;
	  transition: 0.4s;
	   @media (max-width: 992px) {
width: 100%;
	   }
  }
  
		}
  h3{
	font-size: 48px;
        font-family: "Prompt", sans-serif;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-style: italic;
    text-align: center;
        margin-bottom: 60px;
		   @media (max-width: 1200px) {
	font-size: 35px;
	margin-bottom: 20px;
		   }
		      @media (max-width: 570px) {
	font-size: 24px;
		   }
  }

}

.appStoriesBgSec{
		padding: 160px 0px 0px;
  background: #010101;
  overflow: hidden;
    @media (max-width: 1200px) {
	padding: 50px 0px 0px;
	}
	 @media (max-width: 570px) {
padding: 50px 10px 0px;
	 }
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
width: 100%;
    text-align: center;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
  }
  .owl-nav{
	margin: 0 auto;
    width: 100%;
    text-align: center;
	display: flex!important;
	justify-content: center;
	align-items: center;
	gap:15px;
	margin-top: 20px;
	  .owl-next{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	  @media (max-width: 570px) {
	width: 48px;
	height:48px;

	  }
	&:hover{
	background: #D55261;
		border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/right-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}
  }
  	  .owl-prev{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
		transition: 0.4s;
		  @media (max-width: 570px) {
	width: 48px;
	height:48px;

	  }
		&:hover{
	background: #D55261;
	border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/left-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}

  }
  }

    h3{
	font-size: 48px;
        font-family: "Prompt", sans-serif;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-style: italic;
    text-align: center;
        margin-bottom: 60px;

		    @media (max-width: 1200px) {
	font-size: 35px;
	margin-bottom: 20px;

			}

			    @media (max-width: 570px) {
	font-size: 24px;

				}
  }
  .sliderOneBg{
	background-image: linear-gradient(to right top, #010101, #0d0718, #150d26, #1b1135, #241143);
  }
  .sliderTwoBg{
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867);
  }

    .sliderThreeBg{
  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138);
  }


  .appStoriesCommonDiv{
	border: 1px solid #FEFEFE1F;
	border-radius: 32px;
	padding: 20px;
	
		ul{
		margin: 0;
		padding: 0;
		display: flex;
		gap:4px;
		margin-bottom: 10px;
	}
	p{
		font-size: 14px;
      font-weight: 400;
      color: #fff;
      max-width: 316px;
      line-height: 23px;
	  text-align: left;
	   @media (max-width: 570px) {
 max-width: 100%;

	   }
	}

	.borderTopProfile{
	border-top: 1px solid #FEFEFE1A;
	padding-top: 20px;
	margin-top: 20px;

		.profileFlex{
			display: flex;
			gap:10px;
			align-items: center;

			p{
				margin-bottom: 0px;
				font-size: 16px;
				font-weight: 400;
				color: #fff;
			}
			.imgCricle{
				border-radius: 50%;
				overflow: hidden;
			}
		}
	}
  }
}

.contactUsBgSec{
	max-width: 520px;
	margin: 0 auto;
border-radius: 32px;
    padding: 40px;
	border: 1px solid #F3F4F8;
	background: #F3F4F8;
	label{
		margin-bottom: 10px;
	}
	   @media (max-width: 1199px) {
max-width: 100%;
margin-top: 30px;
	   }

   @media (max-width: 570px) {
    padding: 20px;
    margin-top: 20px;
   }
   .commonBtnMain{
	text-transform: uppercase;


	label{
		margin-bottom: 0px!important;
		color: var(--primary-color)!important;
	}
   }
   
input{
border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
	  	background: #fff!important;
      font-size: 16px;
      font-weight: 600;
      color:var(--primary-color);
padding: 0 20px;
      height: 52px;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
	  outline: none;
	  box-shadow: none;
}
textarea{
	background: #fff!important;
	border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
          color:var(--primary-color);
padding: 10px 20px;
     outline: none;
	  box-shadow: none;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
	  resize: none;
}
button{
width: 100%;
	&:hover{
		  background: #fff;
		     
	}
}
}



.homeContactMain{
	background: url(../img/contact-two-bg.jpg) no-repeat;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1;

	 @media (max-width: 992px) {
padding: 40px 0px;
background: var(--secondary-color);
	 }
	  &::after{
	position: absolute;
	left: 0;
	top:0;
	background: var(--primary-color);
	width: 50%;
	height: 100%;
	content: "";
	z-index: -1;
	
  }
	.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;

}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;


}

	.buttonMainForm{
		padding-top: 26px;
		     @media (max-width: 767px) {
      padding-top: 10px;   
   }
		.commonBtnMain{
			padding: 14px 18px!important;
			position: relative;
			@media (max-width: 767px) {
			  margin: 0 auto;
		}
			span{
				color: var(--primary-color) !important;
    position: relative;
	&::before{
		position: absolute;
      left: 0;
      bottom: -8px;
      width: 100%;
      background: var(--primary-color);
      content: "";
      height: 1px;
	}
			}
		}
	}
	.homePageFormMain{
		position: relative;
  z-index: 2;
  background-color:#fff;
  border-radius: 10px;
  padding: 30px 30px;
     @media (max-width: 992px) {
padding: 30px;
	 }
	  @media (max-width: 570px) {
padding: 20px;
	  }
  .formFieldMainWrapper{
	display: flex;

	.textWithFeildFlex{
		width: 25%;
		 @media (max-width: 992px) {
	width: 49%;
		 }

		 	 @media (max-width: 767px) {
	width: 100%;
		 }
	}
	.selcetDropDiv{
border: 1px #ddd solid;
        gap: 20px;
        display: flex;
        align-items: center;
padding: 11px 0px 11px 11px;
        border-radius: 9px;
		background: transparent!important;

		input{
			border: none;
			width: 100%;
			padding: 0;
			outline: none;
			background: transparent!important;
		}
	.form-select:focus{
		box-shadow: none;
		
	}
		i{
			color: #566879;
			font-size: 12px;
		}
		.form-select{
			width: 100%;
			border: none;
			padding: 0px 34px 0 0;
		}
	}
  }

.radioMainFlex{
display: flex;
  align-items: center;
  gap: 12px!important;
  margin: 0 0 10px;
  padding-top:0px!important;
   @media (max-width: 570px) {
flex-wrap: wrap;
gap: 13px;
   }
  .form-check-input:focus{
	box-shadow: none;
  }
  .form-check-input:checked{
	background: var(--secondary-color);
	border: 1px var(--secondary-color) solid;
  }
  .form-check-input{
	margin-left: 0px;
	margin-top: 0px;
  }
  .form-check{
	display: flex;
	gap:10px;
	margin-bottom: 0px;
	padding-left: 0px;
	align-items: center;
  }
	label{
		color: var(--primary-color);
		color: #566879;
		font-size: 16px;
		font-weight: 500;
	}

}

.formFieldMainWrapper{
	display: flex;
	gap:10px;
	 @media (max-width: 992px) {
flex-wrap: wrap;
	 }
	label{
	font-size: 14px;
        color: #566879;
        margin-bottom: 4px;
        font-weight: 600;
	}
}
  .tab{
display: inline-flex;
      align-items: center;
    gap: 23px;
      margin: 0 0 20px;
      padding: 0;
      list-style: none;
      border-bottom: 1px var(--secondary-color) solid;
      @media (max-width: 767px) {
        margin: 0 0 10px;   
  }
    .active {
position: relative;
&::before{
position: absolute;
left: 0;
bottom: -1px;
background: var(--primary-color);
width: 100%;
height: 1px;
content: "";
}
}
	li{

	position: relative;
  cursor: pointer;
  transition: 0.4s;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;

  color:var(--primary-color);
  display: flex;
  align-items: center;
  gap: 11px;

padding: 0px 0px 10px;
position: relative;
 @media (max-width: 570px) {
      gap: 5px;
	}
&:hover::before{
	width: 100%;
}
&::before{
position: absolute;
left: 0;
bottom: -1px;
background: var(--primary-color);
width: 0;
height: 1px;
content: "";
transition: 0.4s;
}
 @media (max-width: 570px) {
font-size: 15px;
padding: 0px 0px 10px;
 }

	}
  }
	}

	h2{
		font-size: 55px;
    line-height: 65px;
	margin: 0 0 50px;
	font-weight: 600;
	color: #fff;
	max-width: 600px;
	  @media (max-width: 992px) {
font-size: 35px;
line-height: 35px;
margin-bottom: 20px;
	  }

	    @media (max-width: 570px) {
font-size: 28px;
		}
	}
}

	.bannerTxtMain{
	position: absolute;
  left: 0;
  top: 0;
  z-index: 1000000;
  width: 100%;
 background: #33333391;
  height: 100%;
  padding-top: 102px;
		  @media (max-width: 767px) {
			top: auto;
			bottom:20px;
			padding-top: 70px;
		  }
		  	  @media (max-width: 570px) {
display: none;
			  }
		.flexTxtmainall{
	backdrop-filter: blur(20px);
      border: 1px solid #FEFEFE1F;
      border-radius: 30px;
      display: inline-block;
      padding: 8px 15px;
	  margin-bottom: 12px;
	    @media (max-width: 767px) {
display: none;
			  }
	  label{
		color: #fff;
		font-weight: 400;
		font-size: 16px;
				  @media (max-width: 1200px) {
font-size: 14px;
				  }
				  
	  }

		}
		h1{
		font-size: 72px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 557px;
			 @media (max-width: 1200px) {
font-size: 34px;
			 }
			   @media (max-width: 767px) {
font-size: 24px;
			  }
		
			 
		}
		p{
			font-size: 16px;
			font-weight: 400;
			color: #fff;
			max-width: 557px;
			line-height: 23px;
			margin-bottom: 30px;
			 @media (max-width: 1200px) {
font-size: 14px;
	margin-bottom: 20px;
			 }
			  @media (max-width: 767px) {
display: none;
			  }
		}

	
	}

.footerBgSecMain{
	background: var(--primary-color) url(../img/footer-1-bg.png) no-repeat bottom;
	padding: 50px 0px 20px;
	background-size: cover;
	   @media (max-width: 767px) {
padding: 40px 0px 20px;
	   }
	.footerBgSecExperinceBorder{
		border-bottom: 1px #0f1f3c solid;
	padding: 0px 0px 50px;
	
		 @media (max-width: 767px) {
				padding: 0px 0px 20px;
		 }
		h2{
color: #fff;
font-size: 55px;
  font-weight: 600;
  max-width: 800px;
  margin: 0 auto 40px;
  	text-align: center;
   @media (max-width: 767px) {
font-size:25px;
margin-bottom: 20px;
   }
		}
		button{
			margin: 0 auto;
				&:hover label{
					color: var(--secondary-color);
				}
			&:hover i{
				color: var(--secondary-color);
			}
			&:hover{
				background: #fff;
			}
		}
	}
}

.commonBtnMain{
background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border: none;
    outline: none !important;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  padding: 12px 18px;
    transition: 0.4s;
    display: flex;
    gap: 7px;
	width: 190px;
box-shadow: 0 0px 4px 4px #BA975336;
&:hover{
	box-shadow: 0 0px 4px 4px #0C1A332E;
}
&::before{
	position: absolute;
	left: 0;
	bottom:6px;
	width: 100%;
	background: var(--secondary-color);
	content: "";
	height: 1px;
}

span{
	    color: var(--primary-color)!important;
		position: relative;
		&::before{
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	background: var(--primary-color);
	content: "";
	height: 1px;
}
}
label{
	 color: var(--primary-color)!important;
	 position: relative;
	 &::before{
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	background: var(--primary-color);
	content: "";
	height: 1px;
}
}
	label{
		cursor: pointer;
	}

}



.subScribeWrapper{ position:relative; }
.subScribeWrapperDiv {position: absolute;
right: 10px;
  top: 4px;

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-o-align-items: center;
-ms-align-items: center;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-o-justify-content: center;

color: #fff;
font-weight: bold;
font-size: 40px; }
.subScribeWrapperDiv:hover { color: var(--secondary-color); }

.subScribeWrapperDiv img{-moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.subScribeWrapperDiv:hover img{ margin-left:10px;}
.subScribeWrapper input{outline: none;
  box-shadow: none; color: #fff;
  font-size: 15px;
  font-weight: normal;
  width: 100%;
  background: transparent;
  padding: 13px 19px;
  border: 1px #12274b solid;
  border-radius: 10px;}
.subScribeWrapper input::-webkit-input-placeholder {color:#fff;}
.subScribeWrapper input::-moz-placeholder { color:#fff;}
.subScribeWrapper input:-ms-input-placeholder {color:#fff;}
.subScribeWrapper input:-moz-placeholder { color:#fff;}
.subScribeTxtmain{ position:absolute; left:0; top:0;}
	.logoFooter{
		width: 150px;
		display: block;
		img{
			width: 150px;
		}
	}
	.mobileMenuFlex{
		display: flex;
		align-items: center;
		gap: 20px;
		label{
			cursor: pointer;
		}
	}

.footerMainSec2{
	padding-top: 40px;
@media (max-width: 767px) {
  padding-top: 20px;  
}
	.socialMediaMain{
		display: flex;
		gap:20px;
	margin: 20px 0 0;
		padding: 0;
		   @media (max-width: 570px) {
justify-content: center;

		   }
			li{
			a{
				background: #253148;

				font-size: 18px;
				color: #fff;
				  width: 40px;
  height: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
				&:hover{
					background: var(--secondary-color);
				}
			}
		}
	}
	

	.footerContent{
margin: 30px 0 30px;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
	
	}
	.commonFooterHeader{
		font-size: 20px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 20px;

		
	}
	.navLinkMain{
		margin: 0;
		padding: 0;
		li{
			a{
				padding-bottom: 20px;
				color: #fff;
				font-size: 15px;
				display: block;
				&:hover{
					color: var(--secondary-color);
				}
			}
		}
	}
	.footer-widget__btn{
	  position: relative;
  display: flex;
  gap: 10px;
   	  @media (max-width: 570px) {
flex-direction: column;
	  }

	a{
display: inline-block;
  position: relative;
  border-radius: 10px;
  width: 190px;
  height: 53px;
  border: 1px solid #112447;
  background-color: #fff;
	color: #000;
  padding: 9px 10px 12px 68px;
  font-size: 14px;
  font-weight: 600;
    &:last-child {
	background: transparent;
	color: #fff;

	i{
		color: #fff;
	}
	
  }
	}
	


  span{
	display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;

  transition: all 300ms ease;
  }
  i{
	position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  font-size: 30px;
  color: #000;

  }
}
.contactFooterDiv{
	margin: 25px 0px 0px 0px;
	&:first-child{
		margin-top: 0px;
	}
	ul{
		margin: 0;
		padding: 0;
		li{
			display: flex;
			gap:15px;
			align-items: center;
			padding-bottom: 10px;
			color: #fff;
			font-size: 17px;
			font-weight: 600;

			i{
				color: var(--secondary-color);
			}
		}
	}
}
.newsLettercontent{
	margin-bottom: 20px;
	color: #fff;
	font-size: 15px;
}

}

	.flexEndFooter{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 50px;
	 @media (max-width: 570px) {
flex-direction: column;
padding-top: 0px;
	 }

	p{
		margin-bottom: 0px;
		color: #fff;
		font-size: 15px;
		font-weight: 500;
	}

	ul{
		margin: 0;
    padding: 0;
    display: flex;
    gap: 3px;
    align-items: center;
		li{
a{
	font-weight: 500;
      font-size: 14px;
      color: #fff;
	  padding: 0 10px;
	  &:hover{
		color: var(--secondary-color);
	  }
	  &:last-child{
		padding-right: 0px;
	  }
}
		}
	}
}

.mobileSpaceMain{
	  @media (max-width: 1199px) {
margin-bottom: 50px;
	  }
	  	  @media (max-width: 767px) {
margin-bottom: 0px;
		  }
}

.mobileSpaceMain2{
	  @media (max-width: 767px) {
margin-bottom: 30px;
	  }
	
}

.clientSayBgSec{
	background: #EBE9E9 url(../img/testimonial-bg-1.png) bottom;
	padding: 100px 0px;
		  @media (max-width: 1199px) {
	padding: 40px 0px;
		  }
	.testMonialcontent{
		padding-bottom: 64px;
		text-align: center;
		  @media (max-width: 992px) {
padding-bottom: 25px;
		  }
		h3{
	font-size: 55px;

    margin: 0 0 20px;
	font-weight: 600;
	color: var(--primary-color);
	  @media (max-width: 992px) {
	font-size: 35px;
	margin-bottom: 20px;
	  }
	  @media (max-width: 767px) {
	    	font-size: 25px;
	    	line-height: inherit;
	  }

		}

		p{
			margin: 0;
  color: #566879;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  max-width: 800px;
  margin: 0 auto;
    @media (max-width: 992px) {
font-size: 15px;
	}
		}

	}
	.clientWrapperMain{
	padding: 39px 65px 35px;
		background: #fff;
		text-align: center;
		border-radius: 8px;
		    @media (max-width: 992px) {
padding: 28px;
			}
		p{
color: #030D17;
      font-size: 16px;
    line-height: 35px;
      font-weight: 600;
	  margin-bottom: 30px;


		}
		i{
			    font-size: 55px;
    line-height: 55px;

	color: var(--secondary-color);
    display: inline-block;
    margin: 0 0 26px;
		}
		h2{
	font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
	span{
		margin: 0 0 0 6px;
		color: #566879;
		font-weight: 300;
	}
			
		}
		.testimonials-card__image{
			margin-bottom: 13px;
			img{
				width: auto;
				margin: 0 auto;
			}
		}
	}
}


.destinationHomePage{
	background: var(--primary-color);
	padding: 100px 0px;
	 @media (max-width: 1199px) {
	padding:40px 0px;
	 }
	.owl-dots{
		  border-radius: 50%;
		  display: flex;
  gap: 6px;
  justify-content: center;
  padding-top: 55px;
   @media (max-width: 992px) {
padding-top: 30px;
   }
		span{
			width: 10px;
  display: flex;
  height: 10px;
  border: 1px var(--secondary-color) solid;
  border-radius: 50%;
		}
		.active{
			background: var(--secondary-color);
			  border-radius: 50%;
		}
	}
	h3{
	color: #fff;	
	        font-size: 55px;

		    font-weight: 600;
			text-align: center;
			margin: 0 auto 40px;
			max-width: 600px;
			 @media (max-width: 992px) {
margin: 0 auto 20px;
  font-size: 35px;

			 }
			  @media (max-width: 767px) {

  font-size: 25px;
  line-height: inherit;

			 }
	}
	.destionBoxWrapper{
		display: flex;
		flex-direction: column;
		gap: 20px;
		.destionBox{
			overflow: hidden;
			border-radius: 5px;
			img{
				width: 100%;
			}
		}

		.contentWrapperDestionMain{
			h3{
				text-align: left;
				max-width: 100%;
				margin: 0;
				font-size: 20px;
margin-bottom: 10px;
        font-weight: 700;
        line-height: initial;
        display: block;
			}
			h4{
				color: #fff;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
        display: flex;
        gap: 13px;
        align-items: center;
			}
		}
	}
}

.destinationMainBanner {
	padding: 0 20px;
}
.seamlessBgScroll {
	padding: 0 20px;
		.owl-dots{
		  border-radius: 50%;
		  display: flex;
  gap: 6px;
  justify-content: center;
  padding-top: 55px;
   @media (max-width: 992px) {
padding-top: 30px;
   }
		span{
			width: 10px;
  display: flex;
  height: 10px;
  border: 1px var(--secondary-color) solid;
  border-radius: 50%;
		}
		.active{
			background: var(--secondary-color);
			  border-radius: 50%;
		}
	}
}
.seamlessHomePage{
	background: #fff;
  padding: 100px 0px 0px;
  	 @media (max-width: 992px) {
  padding:40px 0px;
	 }
  .seamlessWrapperBorder{
border: 1px #ddd solid;
    border-radius: 10px;
    padding: 6px 10px;
	
	.flexSeamlessMain{
		display: flex;
		gap:30px;
		 @media (max-width: 767px) {
flex-direction: column;
		 }
		.seamLessImgWrapper{
position: relative;
        height: 100%;
        border-radius: 7px;
        overflow: hidden;

			img{
			display: block;
  width: 100%;
			}
		}
		.seamleassContent{
position: relative;
        width: 60.4%;
        display: flex;
     
        flex-direction: column;
        justify-content: center;
		  	 @media (max-width: 992px) {
width: 100%;
			 }

  h2{
	font-size: 20px;
color: var(--primary-color);
  margin-bottom: 20px;
  font-weight: 600;
  }

  p{
color: #030D17;
          font-size: 15px;
          line-height: 26px;
          font-weight: 500;
          margin-bottom: 30px;
  }

a{
	position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #566879;
  border-radius: 50%;
  font-size: 14px;
  color: #566879;
  transform: rotate(45deg);
  overflow: hidden;

  &:hover{
	  transform: rotate(-45deg);
	  background: var(--secondary-color);
	    border: 1px solid var(--secondary-color);
		  color: #fff;
  }
}

		}
	}
  }
}

.featuresBgSecMain1{
	background: url(../img/feature-1-bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: scroll;
	padding: 100px 0px;
	position: relative;
		 @media (max-width: 992px) {
	padding: 40px 0px;
		 }
	.spaceDivCol{
		  	 @media (max-width: 1199px) {
margin-bottom: 20px;
			 }
	}

	&::before{
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
	background: #0000004a;
		content: "";

	}

	h3{
	color: #fff;
    font-size: 55px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 20px;
    max-width: 100%;
	  @media (max-width: 992px) {
 font-size: 35px;
	  }
	  	  @media (max-width: 767px) {
 font-size: 25px;
 line-height: inherit;
	  }
	}

	h6{
color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    max-width: 666px;
    margin: 0 auto 40px;
    text-align: center;
    @media (max-width: 767px) {
        margin: 0 auto 20px; 
	}
	}

	.serviceBox1{
    border: 1px #ecebe4 solid;
border-radius: 7px;
    padding: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
    height:100%;

    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.10);
@media (max-width: 767px) {
    padding:20px;
}
    &:hover span{
        background: #0C1A33;
    }

    h4{
font-size: 20px;
margin-bottom: 15px;
  font-weight: 600;
  color: #1e2637;
  position: relative;
   @media screen and (max-width: 1199px) {
font-size: 22px;
   }
    @media screen and (max-width: 767px) {
    font-size: 20px;
    margin-bottom: 10px;
    }

    }
    p{
        margin-bottom: 0px;
        font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #6e6e6e;
  letter-spacing: 0px;
  max-width: 100%!important;
  margin: 0!important;
   @media screen and (max-width: 767px) {
       font-size: 14px;  
    }
    }
    span{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 75px;
  height: 75px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -3%;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: var(--secondary-color);
  border-radius: 0 0 0 70px;
 padding: 17px 22px 0 0;
 transition: 0.4s;
   @media screen and (max-width: 767px) {
       width: 50px;
      height: 50px;
      font-size: 18px;
      padding: 6px 9px 0 0;
    }

 i{
    font-style: normal;
 }

    }
img{
	width: 109px !important;
  margin-bottom: 30px;
  @media (max-width: 767px) {
  margin-bottom: 20px;
  	width: 70px !important;
  }
}
}

}

.greatDealBgSecMain{
	padding: 100px 0px;
	  @media (max-width: 992px) {
	padding: 0px 0px 40px;
	  }
	.greatMainFlexAll{
	display: flex;
    gap: 103px;
    align-items: center;
	  @media (max-width: 1199px) {
flex-direction: column;
  gap: 20px;
	  }
		.greatMainImG{
			img{
				max-width: 100%;
			}
		}
		.contentMainAll{
		max-width: 577px;
		  @media (max-width: 1199px) {
	max-width: 100%;
		  }
		  .commonBtnMain{
				  @media (max-width: 767px) {
margin: 0 auto;
				  }
		  }
	h4{
			font-size: 55px;
			color: var(--primary-color);
			font-weight: 700;
margin-bottom: 38px;
  @media (max-width: 992px) {
margin-bottom: 20px;
	font-size: 35px;
  }
    @media (max-width: 767px) {
margin-bottom: 20px;
	font-size: 25px;
  }
		}
		p{
			font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 40px;
  @media (max-width: 767px) {
      margin-bottom: 20px;  
		}
		}
		}
	
	}
	
}

.tabSecMainallBgSec{
	padding: 100px 0px;
		  @media (max-width: 1199px) {
padding: 40px 0px;
		  }
	.contentFlexTabMain{
		display: flex;
		padding-bottom: 64px;
		justify-content: space-between;
		gap: 50px;
		  @media (max-width: 1199px) {
flex-direction: column;
gap:10px;
padding-bottom: 30px;
		  }
		h3{
			font-size: 50px;
    line-height: 65px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 0px;
	  @media (max-width: 1199px) {
font-size: 35px;
      line-height: 49px;
	  }
	   @media (max-width: 767px) {
font-size: 25px;
  line-height: inherit;
	  }
		}
		p{
			max-width: 525px;
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
  color: #566879;
  margin-bottom: 0px;
    @media (max-width: 1199px) {
max-width: 100%;
	}
		   @media (max-width: 767px) {
		     font-size: 16px;  
		   }
		}

	}
	.gridTabDivAll{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:100px;
	align-items: center;
	 @media (max-width: 1199px) {
	grid-template-columns: 1fr;
gap:40px;
	 }
	.classContentTab{
		h5{
			font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -3%;
  margin: 0 0 25px;
		}

		p{
			margin: 0 0 36px;
			font-weight: 400;
      font-size: 16px;
      line-height: 25px;
      color: #6e6e6e;
		}

		ul{
		margin: 0 0 45px;
			padding: 0;
			li{
				position: relative;
				display: flex;
				gap:10px;
				align-items: center;
				font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;


			}
		}
	}

	.classContentImgTab{
		img{
			width: 100%;
		}
	}
}
	.nav-pills .nav-link.active{
		background: transparent;
		color: var(--primary-color);
	&::before{
		position: absolute;
      left: 0;
      bottom: -1px;
      background: var(--primary-color);
      width: 100%;
      height: 1px;
      content: "";
	}
	}
	.tab-content{
		 @media (max-width: 1199px) {
display: none;
		 }
	}
	.nav-pills{
display: flex;
    align-items: center;
    gap: 23px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    border-bottom: 1px var(--secondary-color) solid;
    margin: 0 auto 40px;
    justify-content: space-between;
    max-width: 800px;
 @media (max-width: 1199px) {
margin: 0 0 50px;
overflow: auto;
white-space: nowrap;
display: none;
 }
  .nav-link{
	&::before{
		position: absolute;
        left: 0px;
        bottom: -1px;
        background: var(--primary-color);
        width: 0px;
        height: 1px;
        content: "";
        transition: 0.4s;
	}
&:hover::before{
width: 100%;
}
  }

  li{

position: relative;
      cursor: pointer;
      transition: 0.4s;
      font-size: 18px;
      font-weight: 600;
      text-transform: capitalize;
      color: var(--primary-color);
      display: flex;
      align-items: center;
      gap: 11px;
      padding: 0px 0px 10px;
   @media (max-width: 1199px) {
padding: 22px 32px;
   }
  }

	}
	
}

.aboutSubPageMain{
	border-bottom: 1px #ddd solid;
	padding: 100px 0px !important;
	  @media (max-width: 992px) {
	   	padding: 40px 0px !important;  
	   	margin-bottom:40px;
}
		.contentFlexTabMain{
		display: flex;
		padding-bottom: 52px;
		justify-content: space-between;
		gap: 50px;
		  @media (max-width: 1199px) {
flex-direction: column;
gap:10px;
padding-bottom: 30px;
		  }
		h3{
			font-size: 50px;
    line-height: 65px;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 0px;
	  @media (max-width: 1199px) {
font-size: 35px;
      line-height: 49px;
	  }
		}
		p{
			max-width: 525px;
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
  color: #566879;
  margin-bottom: 0px;
    @media (max-width: 1199px) {
max-width: 100%;
	}
		}

	}
	.gridTabDivAll{


	.classContentTab{
		h5{
			font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: -3%;
  margin: 0 0 25px;
		}

		p{
		margin: 0 0 30px;
        font-weight: 400;
        font-size: 16px;
        line-height: 35px;
        color: #6e6e6e;
         @media (max-width: 992px) {
            	margin: 0 0 20px; 
		}
		}
		h3{
			font-size: 20px;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 15px;
		}

		ul{
		margin: 0 0 45px;
			padding: 0;
			li{
				position: relative;
				display: flex;
				gap:10px;
				align-items: center;
				font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;


			}
		}
	}

	.classContentImgTab{
		img{
			width: 100%;
		}
	}
}
	.nav-pills .nav-link.active{
		background: transparent;
		color: var(--primary-color);
	&::before{
		position: absolute;
          left: 0;
          bottom: -1px;
          background: var(--primary-color);
          width: 100%;
          height: 1px;
          content: "";
	}
	}
	.nav-pills{
display: flex;
      align-items: center;
      gap: 23px;
    max-width: 254px;
    margin: 0 auto 20px;
      padding: 0;
      list-style: none;
      border-bottom: 1px var(--secondary-color) solid;

  .nav-link{
	&::before{
		position: absolute;
          left: 0;
          bottom: -1px;
          background: var(--primary-color);
          width: 0;
          height: 1px;
          content: "";
          transition: 0.4s;
	}
&:hover::before{
	width: 100%;
}
  }

  li{

position: relative;
        cursor: pointer;
        transition: 0.4s;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--primary-color);
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 0px 0px 10px;

  }

	}
}


	.socialMediaMainContact{
		display: flex;
		gap:20px;
	margin: 0px 0 0;
		padding: 0;
		
			li{
			a{
				background: #253148;

				font-size: 18px;
				color: #fff;
				  width: 40px;
  height: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
				&:hover{
					background: var(--secondary-color);
				}
			}
		}
	}

	.carousel-company-logo{
		overflow: hidden;
		border-radius: 20px;
		.owl-dots{
			display: none!important;
		}
	}

	.testmonialBgSec{
		padding: 100px 0px;
		background: #dddddd4d;
		  @media (max-width: 992px) {
padding: 40px 0px;
		  }
		.col-lg-4{
			margin-bottom: 20px;
		}
			.clientWrapperMain{
	padding: 39px 65px 35px;
		background: #fff;
		text-align: center;
		border-radius: 8px;
		    @media (max-width: 1199px) {
	padding: 39px 20px 35px;
			}
		    @media (max-width: 992px) {
padding: 28px;
			}
		p{
color: #030D17;
      font-size: 16px;
    line-height: 35px;
      font-weight: 600;
	  margin-bottom: 30px;


		}
		i{
			    font-size: 55px;
    line-height: 55px;

	color: var(--secondary-color);
    display: inline-block;
    margin: 0 0 26px;
		}
		h2{
	font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
	span{
		margin: 0 0 0 6px;
		color: #566879;
		font-weight: 300;
	}
			
		}
		.testimonials-card__image{
			margin-bottom: 13px;
			img{
				width: auto;
				margin: 0 auto;
			}
		}
	}
		h6{
			font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #566879;
  text-align: center;
		}

		h3{
			font-size: 55px;
    line-height: 65px;
    margin: 0 0 19px;
	font-weight: 600;
	color: var(--primary-color);
	text-align: center;
	max-width: 774px;
    margin: 0 auto 64px;
	 @media (max-width: 1199px) {
	font-size: 35px;
    line-height: 45px;
	  margin: 0 auto 24px;
	 }
	  @media (max-width: 570px) {
	font-size: 25px;
    line-height: 35px;
	 }
		}
	}




	.emptyLegBannerSec{
	display: flex;

	justify-content: space-between;
	background: url(../img/empty-leg-banner.webp) no-repeat ;
	background-position: 10px;
	background-size: cover;
height: 300px;
	position: relative;
	z-index: 1;
align-items: center;
	text-align: center;
	padding-top: 75px;
	ul{
        display: flex;
        justify-content: center;
        gap:10px;
        padding: 0;
        margin-bottom: 0px;

        li{
          padding: 0px 6px 0;
            color: #fff;
            position: relative;
                &:first-child:after{
            display: none;
        }
            &::after{
 position: absolute;
        left: -7px;
      top: 11px;
        width: 5px;
        height: 5px;
        content: "";
        background: #D0AD5E;
        border-radius: 50%;
    
            }
           a{
            color: #D0AD5E;
           } 
        }
    }
	 @media (max-width: 1199px) {
background-position: 0px;
	 }

 @media (max-width: 570px) {
height: 200px;
background-position: 0px;
 }



 .maxWidthmainFaqBanner{
max-width: 706px;
 }
	.overLayLayer{
position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #010101c4;
    z-index: -1;
    content: "";
	}
		h3{
	margin-bottom:20px;
  font-size: 55px;
  color: #fff;
  font-weight: 600;

	    @media (max-width: 1200px) {
font-size: 45px;
		}
  @media (max-width: 570px) {
	font-size: 24px;
	margin-bottom: 5px;
  }
	}
}

.emptyLegBgMainAll{
padding: 100px 0px;
background: #f5f5f5;

 @media (max-width: 992px) {
padding:50px 0px;
 }
  .borderTxtInactive{
	display: block;
	padding-top: 20px;
	color: var(--primary-color);
	margin-bottom: 20px;
  }
  .inactiveScrollMain{
	overflow: auto;
	height: calc(100dvh - 224px);
	display: flex;
	flex-direction: column;
	gap:20px;
  }
	.emptyLegWrapperFlex{
	display:flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
  padding:20px;
  border: 1px solid #dce0e0;
  border-radius: 11px;

   @media (max-width: 992px) {
flex-direction: column;
   }
      @media (max-width: 767px) {
display: block;
	  }

  .promoPriceFlex {
      text-align: right;
	 @media (max-width: 767px) {
padding-top: 20px;
	 }
	span{
	font-size: 12px;
  color: #777;
  text-decoration: line-through;
	}
	h2{
		font-size: 18px;
  font-weight: 300;
  color: var(--primary-color);
  margin-bottom: 13px;
	}
	button{
	     @media (max-width: 570px) {
	   margin: 0 auto;  
	}
span{
	text-decoration: none!important;
}
	}

}
	.imgContentAll{
		display: flex;
		gap:20px;
   @media (max-width: 992px) {
flex-direction: column;
   }

		.emptyLegContent{
			a{
				color: var(--primary-color);
				margin-bottom: 10px;
				display: block;
				font-size:20px;
				text-transform: capitalize;
			}
		}
		.locationLeg{
		display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
 @media (max-width: 767px) {
gap:7px;
 }
  @media (max-width: 570px) {
 grid-template-columns: 1fr;
 }
		
			.spriteNew{
				background-position: -13px -53px!important;
  margin: 30px 25px 0;
  width: 74px;
  height: 14px;
  background: url(../img/sprite2.png) no-repeat;
   @media (max-width: 570px) {
       display:none;
			}
			}
			.locationTxtDiv{
				display: flex;
				flex-direction: column;
				label{
			color: #566879;
  font-weight: 500;
  font-size: 14px;
				}
				span{
					color: #000;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
				}
			}
		}

			.airInfoFlex{
				display: flex;
				padding-top: 10px;
				.dateMainAll{
					border-right: 1px solid #e8e8e8;
					padding: 2px 22px;
					display: flex;
					gap:10px;
					align-items: center;
					   @media (max-width: 570px) {
border-right: none;
padding: 2px 10px;
flex-wrap: wrap;
flex-direction: column;
					   }
					i{
						color: var(--secondary-color);
					}
					p{
						margin-bottom: 0px;
						font-size: 15px;
					color: #566879;
						font-weight: 500;
					}
					&:first-child{
						padding-left: 0px;
					}
					&:last-child{
						padding-right: 0px;
						border-right: none;
					}
				}
			}
		.imgWrapperLeg{
			overflow: hidden;
		max-width: 212px;
		@media (max-width: 767px) {
max-width: 100%;
		}
			img{
				width: 100%;
			}
		}
	}
}
}

.emptyLegBgMainAllDetail{
	padding: 100px 0px;
		@media (max-width: 992px) {
padding: 40px 0px;
		}
	}
	.emptyLegDetailGrid{
		display: grid;
		grid-template-columns: 3fr 1fr;
		gap:20px;
		@media (max-width: 1199px) {
grid-template-columns: 1fr;
		}
		.emptyDeatilContent{
		border: 1px #ddd solid;
      padding: 30px;
      border-radius: 10px;
	  	@media (max-width: 767px) {
			   padding: 15px;
		}
			p{
			color:var(--primary-color);
    font-size: 16px;
    line-height: 29px;	
	margin-bottom: 30px;
	@media (max-width: 767px) {
  font-size: 14px;
	}
			}
		}

		.sideNavMainAll{
		border: 1px #ddd solid;
      border-radius: 10px;
      padding: 30px;
      max-height: 540px;
      overflow: auto;
      position: sticky;
      top: 77px;
	  	@media (max-width: 767px) {
padding: 15px;
		}
	  button{
		width: 100%;
	  }
	  .form-check {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
        padding-left: 0px;
	@media (max-width: 767px) {
display: block;
	}
      
		label{
			color: #566879;
        font-size: 14px;
        font-weight: 500;
		}
	  }
	  .form-check-input {
    margin-left: 0px;
        margin-top: 0px;
        width: 40px;
        height: 21px;
		@media (max-width: 1199px) {
width: 20px;
height: 20px;
		}
	  }
	  .form-check-input:focus{
		box-shadow: none;
	  }
	  .borderMainPrice{
	border-bottom: 1px #ddd solid;
        padding-bottom: 13px;
        margin-bottom: 15px;

	
		label{
			color: #566879;
            font-weight: 500;
            font-size: 14px;
		}
		h5{
			margin-bottom: 0px;
			font-size: 25px;
			font-weight: 500;
		}
		h6{
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: 600;
		}
	
	  }
	  h4{
		font-size: 25px;
      color: var(--primary-color);
      font-weight: 600;
      margin-bottom: 20px;
	  }
		}
		h2{
			font-size: 25px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;
	@media (max-width: 767px) {
font-size: 20px;
margin-bottom: 10px;
	}
		}
			h3{
			font-size: 40px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;

		@media (max-width: 767px) {
font-size: 25px;
margin-bottom: 10px;
		}
	}
	.iconallflex{
		display: flex;
		gap:20px;
		.iconWrapperFlex{
		display: flex;
		gap:8px;
		align-items: center;
		.spriteNew1{
			background-position: -9px -258px!important;

  width: 32px;
  height: 32px;
  display: inline-block;

  background: url(../img/sprite2.png) no-repeat 0 0;
		}

	}
	}
	
}

.commonNavFlextick{
	margin: 0 0 45px;
        padding: 0;

		li{
			position: relative;
          display: flex;
          gap: 10px;
          align-items: center;
          font-size: 16px;
          font-weight: 500;
          margin: 0 0 10px;
		  @media (max-width: 767px) {
    font-size: 14px;
		  }
		  span{
			font-size: 16px;
          font-weight: 500;
		  	  @media (max-width: 767px) {
    font-size: 14px;
		  }
		  }
		}
}

.strightIconDiv{
	display: flex!important;
	gap:20px;
	margin-bottom: 16px;
	flex-wrap: wrap;
	
}

.ourFleetMainAll{
	padding:40px 0px;
		@media (max-width: 992px) {
padding: 40px 0px;
		}

		.emptyLegWrapperFlex{
			align-items: start;
			flex-direction: column;
		}
		.flexDeatilBooking{
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap:10px;
cursor: pointer;
border-radius: 5px;
    width: 100%;
    padding: 10px;
	margin-bottom: 20px;
	border: 1px #fff solid;
	border-bottom: 1px #ddd solid;
    
		@media (max-width: 767px) {
display: block;
		}
		}
.flexDeatilBooking.selected-flight {
background: #BA97530A;
  border: 1px solid var(--secondary-color)!important;
  border-radius: 5px;
  padding: 10px;
  transition: all 0.3s ease;
}		
		
	.fleetFilterSide{
		display: grid;
		grid-template-columns: 1fr 3fr;
		
		gap:20px;
		padding-top: 9px;
			@media (max-width: 1199px) {
	grid-template-columns: 1fr;
	overflow: auto;
  height: calc(100dvh - 100px);
			}
			.sideNavMainAll{
		border: 1px #ddd solid;
      border-radius: 10px;

   max-height: 318px;
      overflow: auto;
      position: sticky;
      top: 77px;
	  background: #fff;
	    	@media (max-width: 1199px) {
position: initial;
display: none;
			}
	  	@media (max-width: 767px) {
margin-bottom: 16px;
font-size: 21px;
		}
	  button{
		font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        background: var(--secondary-color);
        border: 1px var(--secondary-color) solid;
        width: 100%;
        transition: 0.4s;
        padding: 10px;
		
		&:hover{
			background: transparent;
          color: var(--secondary-color);
		}
	  }
	  .form-check {
        display: flex;
        gap: 10px;
        margin-bottom: 7px;
        padding-left: 0px;
        align-items: center;
	
		

      
		label{
			color: #566879;
        font-size: 14px;
        font-weight: 500;
		}
	  }
	  .form-check-input {
    margin-left: 0px;
    margin-top:0!important;
    
      border-radius: 3px!important;
		@media (max-width: 1199px) {
width: 20px;
height: 20px;
		}
	  }
	  .form-check-input:checked{
		background-color: var(--secondary-color);
		border-color: var(--secondary-color)!important;
	  }
	  .form-check-input:focus{
		box-shadow: none;
margin-top:0!important;
border: 1px solid rgba(0,0,0,.25)!important;
		
	  }


	  .borderMainPrice{
	border-bottom: 1px #ddd solid;
        padding-bottom: 13px;
        margin-bottom: 15px;
		padding: 0 10px;
		overflow: auto;
  max-height: 244px;
		&:last-child{
			
			border-bottom: none;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}

			.stops{
			font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 7px;
		}

		.applied-header{
			display: flex;
  justify-content: space-between;
  .clear{
	font-size: 12px;
  color: var(--secondary-color);
  cursor: pointer;
  font-weight: 400;
  }
		}
		.filter-tags{
			display: flex;
  gap: 5px;

  span{
	display: inline-block;
background: #BA975333;
  color: #000;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 12px;

  .close-btn{
background-color: var(--secondary-color);
  border: none;
  color: rgba(255, 255, 255, 0.7411764706);
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  padding: 0;
  }
  }
		}
		label{
			color: #566879;
            font-weight: 500;
            font-size: 14px;
		}
		h5{
			margin-bottom: 0px;
			font-size: 25px;
			font-weight: 500;
		}
		h6{
			margin-bottom: 15px;
			font-size: 18px;
			font-weight: 600;
		}
	
	  }
	  h4{
		font-size: 25px;
      color: #fff;
      font-weight: 600;
      margin-bottom: 20px;
	 background: var(--primary-color);
	 padding:10px 20px;
	  }
		}
	}
	.ourFleetWrapperFlex{
		display: flex;

	gap:20px;
	flex-direction: column;
 	@media (max-width: 1199px) {
margin-top: 0px;
	}
	.borderOurFleet{
   border: 1px solid #dce0e0;
    border-radius: 11px;
	    background: #fff;
    padding: 20px;
	display: flex;
      gap: 20px;
	  	@media (max-width: 1199px) {
flex-direction: column;
		}
	}
	.imgWrapperLeg{
		overflow: hidden;
      max-width: 326px;
border-radius: 10px;
		img{
			width: 100%;
		}
	}
	.ourFleetContent{
		a{	color: var(--primary-color);
        margin-bottom: 0px;
        display: block;
        font-size: 20px;
        font-weight: 600;}
		
		span{
font-size: 14px;
        font-weight: 600;
		display: block;
		margin-bottom: 10px;
		}

		p{
margin: 0px 0 5px;
    color: var(--primary-color);
    font-size: 15px;
    line-height: 29px;
	max-width: 593px;
		}
			button{
				margin-top: 20px;
				 @media (max-width: 570px) {
				    margin:20px auto 0px; 
			}
			span{
				margin-bottom: 0px!important;
			}
					}

		.airInfoFlex{
				display: flex;
				padding-top: 10px;
					 @media (max-width: 767px) {
flex-direction: column;
					 }
				.dateMainAll{
					border-right: 1px solid #e8e8e8;
					padding: 2px 22px;
					display: flex;
					gap:10px;
					align-items: center;
					 @media (max-width: 767px) {
padding: 0;

					 }
					
					i{
						color: var(--secondary-color);
					}
					p{
						margin-bottom: 0px;
						font-size: 15px;
					color: #566879;
						font-weight: 500;
					}
					&:first-child{
						padding-left: 0px;
					}
					&:last-child{
						padding-right: 0px;
						border-right: none;
					}

				
				}
			}
	}
	}

}

.mobilAccordionFilter{
	display: none;
				 @media (max-width: 767px) {
margin-bottom: 20px;
				 }
				 .accordion-header{
					margin-bottom: 10px;
				 }
				 	.applied-header{
			display: flex;
  justify-content: space-between;
  .clear{
	font-size: 12px;
  color: var(--secondary-color);
  cursor: pointer;
  font-weight: 400;
  }
		}
		.filter-tags{
			display: flex;
  gap: 5px;

  span{
	display: inline-block;
background: #BA975333;
  color: #000;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 12px;

  .close-btn{
background-color: var(--secondary-color);
  border: none;
  color: rgba(255, 255, 255, 0.7411764706);
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 10px;
  cursor: pointer;
  padding: 0;
  }
  }
		}
	h4{
		margin-bottom: 0px;
	}
		.accordion-button:focus{
				background: var(--secondary-color)!important;
				color: #fff!important;
		}

		.accordion-button:not(.collapsed){
		background: var(--secondary-color)!important;
				color: #fff!important;
		}
	.accordion-button{
		background: var(--secondary-color);
	
		border-radius: 8px !important;
		color: #fff;
		&::after{
		background-image: url(../img/down-arrow.png) !important;
		
		}
	
	}
	.accordion-body{
		padding: 0px;
	}
		.sideNavMainAll{
		border: 1px #ddd solid;
      border-radius: 0px;

   max-height: 318px;
      overflow: auto;
      position: sticky;
      top: 103px;
	    	@media (max-width: 1199px) {
position: initial;
padding: 16px 0;
margin-top: 0px;

			}
	  	@media (max-width: 767px) {
margin-bottom: 16px;
font-size: 21px;
border-radius: 10px;
		}
	  button{
		font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        background: var(--secondary-color);
        border: 1px var(--secondary-color) solid;
        width: 100%;
        transition: 0.4s;
        padding: 10px;
		
		&:hover{
			background: transparent;
          color: var(--secondary-color);
		}
	  }
	  .form-check {
        display: flex;
        gap: 10px;
        margin-bottom: 15px;
        padding-left: 0px;
		align-items: center;
		

      
		label{
			color: #566879;
        font-size: 14px;
        font-weight: 500;
		}
	  }
	  .form-check-input {
    margin-left: 0px;
        margin-top: 0px;
      border-radius: 5px!important;
		@media (max-width: 1199px) {
width: 20px;
height: 20px;
		}
	  }
	  .form-check-input:focus{
		box-shadow: none;
	  }
	  .borderMainPrice{
	border-bottom: 1px #ddd solid;
        padding-bottom: 13px;
        margin-bottom: 15px;
	padding: 0 20px 20px;
	
		&:last-child{
			
			border-bottom: none;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
		label{
			color: #566879;
            font-weight: 500;
            font-size: 14px;
		}
		h5{
			margin-bottom: 0px;
			font-size: 25px;
			font-weight: 500;
		}
		h6{
			margin-bottom: 20px;
			font-size: 18px;
			font-weight: 600;
		}
	
	  }
	  h4{
		font-size: 25px;
      color: #fff;
      font-weight: 600;
      margin-bottom: 20px;
	 background: var(--secondary-color);
	 padding:10px 20px;
	  }
		}
		 @media (max-width: 1199px) {
display: block;
		 }
}


.ourFleetDeatilsBgSec{
	padding: 100px 0px;
		  @media (max-width: 992px) {
	padding: 40px 0px;
	  }
.specificationHeader{
	font-size: 30px;
        color: var(--primary-color);
        font-weight: 600;
        margin-bottom: 10px;
		margin-top: 20px;
			  @media (max-width: 992px) {
font-size: 20px;
			  }
}
	.flight-details__content-two__list{
		padding: 0;
  border: 1px solid #EFEFEF;
  border-radius: 7px;
  margin: 20px 0 0;
  list-style: none;
  position: relative;
  li{
	display: flex;
  align-items: center;
  justify-content: space-between;
  color: #566879;
  font-size: 16px;
  font-weight: 400;
  padding: 15.5px 29px;
  border-bottom: 1px #EFEFEF solid;
  position: relative;
    @media (max-width: 767px) {
padding: 9.5px 8px;
font-size: 12px;
	}
  &:after{
	position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: #EFEFEF;
  }
  &:last-child{
	border-bottom: none;
  }
  span{
	color: #030D17;
  font-weight: 600;
  font-size: 16px;
      @media (max-width: 767px) {
font-size: 12px;
	  }
  }
  }
	}
	.spaceDivCol{
		margin-bottom: 15px;
	}

	  .galleryImgWrapper{
		overflow: hidden;
		border-radius: 7px;
		&:hover img{
			transform: scale(1.1);
		}
		img{
			width: 100%;
			transition: 0.4s;
		}
	  }
	  .greatMainImG{
		border-radius:7px;
		overflow: hidden;
		transition: 0.4s;
			  @media (max-width: 1199px) {
display: none;
			  }
		img{
			width: 100%;
			transition: 0.4s;
		}
	  }
	.greatMainFlexAll{
display: flex;
    gap: 30px;
	padding-bottom: 50px;
	flex-direction: column;
	&:hover .greatMainImG img{
		transform: scale(1.1);
	}
  	.airInfoFlex{
				display: flex;
				padding-top: 10px;
				  @media (max-width: 767px) {
flex-direction: column;
					  }
				.dateMainAll{
					border-right: 1px solid #e8e8e8;
					padding: 2px 22px;
					display: flex;
					gap:10px;
					align-items: center;
						  @media (max-width: 767px) {
		padding: 0px;
		align-items:center;
						  }
					
					i{
						color: var(--secondary-color);
					}
					p{
						margin-bottom: 0px;
						font-size: 15px;
					color: #566879;
						font-weight: 500;
					}
					&:first-child{
						padding-left: 0px;
					}
					&:last-child{
						padding-right: 0px;
						border-right: none;
					}
				}
			}
			.contentMainAll{
		max-width: 100%;
		  @media (max-width: 1199px) {
	max-width: 100%;
		  }
	h4{
			font-size: 40px;
			color: var(--primary-color);
			font-weight: 600;
margin-bottom: 7px;
  @media (max-width: 992px) {
	font-size: 35px;
  }
    @media (max-width: 992px) {
	font-size: 25px;
	}
		}

		span{
		font-size: 20px;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 35px;
		display: block;	
		color: #566879;
		 @media (max-width: 767px) {
	font-size: 16px;
  margin-bottom: 15px;
		 }
		}
		p{
			font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #566879;
  	 @media (max-width: 767px) {
font-size: 14px;
margin-bottom: 20px;
	 }
		}
		}
	}
	
}

.coporateBookingMain{
	padding: 100px 0px;
	  	 @media (max-width: 992px) {
padding:40px 0px;
		 }
	.carousel-getsoon{
		.owl-nav{
			display: none;
		}
	}
	.destinations-two__item{
		    position: relative;
    background-color: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    text-align: center;
    padding: 39px 25px;
    transition: all 400ms 
ease;
	}
	.destinations-two__item__image {
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: auto;
}
	h3{
		font-size: 35px;

    margin: 0 0 10px;
    font-weight: 600;
    @media (max-width: 767px) {
     	font-size: 25px; 
     	margin: 0 0 15px;
	}
	}
	p{
	   color: #030D17;
          font-size: 15px;
          line-height: 26px;
          font-weight: 500;
          margin-bottom: 20px; 
	}
		h2{
		font-size: 28px;

    margin: 0 0 10px;
    font-weight: 400;
      @media (max-width: 767px) {
          	font-size: 20px;
          	  margin: 0 0 20px;
		}
	}
	.contactUsBgSec{
	max-width: 100%;
	margin: 30px auto 0px;
border-radius: 32px;
    padding: 40px;
	border: 1px solid #F3F4F8;
	background: #F3F4F8;
	
	h3{
	font-size: 30px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;	
	}
	label{
		margin-bottom: 10px;
	}
	   @media (max-width: 1199px) {
max-width: 100%;
margin-top: 30px;
	   }

   @media (max-width: 570px) {
    padding: 20px;
   }
   .commonBtnMain{
	text-transform: uppercase;
	margin-top: 35px;
	padding: 13px 18px;
	 @media (max-width: 1199px) {
	   	margin-top: 0px;  
   }

	label{
		margin-bottom: 0px!important;
		color: var(--primary-color)!important;
	}
   }
   
input{
border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
	  	background: #fff!important;
      font-size: 16px;
      font-weight: 600;
      color:var(--primary-color);
padding: 0 20px;
      height: 52px;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
	  outline: none;
	  box-shadow: none;
}

select{
	border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;

      font-size: 16px;
      font-weight: 600;
      color:var(--primary-color);
padding: 0 20px;
      height: 52px;
	  width: 100%;

	  margin-bottom: 20px;
	  outline: none;
	  box-shadow: none;
}
textarea{
	background: #fff!important;
	border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
          color:var(--primary-color);
padding: 10px 20px;
     outline: none;
	  box-shadow: none;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
	  resize: none;
}
button{
width: 100%;
	&:hover{
		  background: #fff;
		     
	}
}
}
}

.tourPlanning{
	padding: 50px 0px 0px;
h3{
	font-size: 35px;
    margin: 0 0 20px;
    font-weight: 600;
    @media (max-width: 767px) {
     	font-size: 25px;   
}
}
  .seamlessWrapperBorder{
border: 1px #ddd solid;
    border-radius: 10px;
    padding: 6px 10px;
			 @media (max-width: 767px) {
    padding: 12px;
			 }
	.flexSeamlessMain{
		display: flex;
		gap:30px;
		 @media (max-width: 767px) {
flex-direction: column;
		 }
		.seamLessImgWrapper{
position: relative;
        height: 100%;
        border-radius: 7px;
        overflow: hidden;

			img{
			display: block;
  width: 100%;
			}
		}
		.seamleassContent{
position: relative;
        width: 60.4%;
        display: flex;
     
        flex-direction: column;
        justify-content: center;
		  	 @media (max-width: 992px) {
width: 100%;
			 }

  h2{
	font-size: 20px;
color: var(--primary-color);
  margin-bottom: 20px;
  font-weight: 600;
  }

  p{
color: #030D17;
          font-size: 15px;
          line-height: 26px;
          font-weight: 500;
          margin-bottom: 30px;
  }

a{
	position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid #566879;
  border-radius: 50%;
  font-size: 14px;
  color: #566879;
  transform: rotate(45deg);
  overflow: hidden;

  &:hover{
	  transform: rotate(-45deg);
	  background: var(--secondary-color);
	    border: 1px solid var(--secondary-color);
		  color: #fff;
  }
}

		}
	}
  }
}

.testmonialMainBgSec{
	padding: 100px 0px 50px;
		 @media (max-width: 992px) {
padding: 40px 0px;
		 }

		 h3{
	
			font-size: 40px;
  font-weight: 600;
  letter-spacing: -3%;
  line-height: 50px;
  margin: 40px 0 20px;
    	 @media (max-width: 992px) {
font-size: 30px;
  margin: 30px 0 10px;
		 }
		 }

		 p{
			margin: 0 0 36px;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #6e6e6e;
			 @media (max-width: 992px) {
  font-size: 14px;
			 }
		 }
		 ul{
			margin: 0 0 45px;
        padding: 0;
			li{
				position: relative;
          display: flex;
          gap: 10px;
          align-items: center;
          font-size: 16px;
          font-weight: 500;
          margin: 0 0 10px;
			}
		 }
	
.destination-details__list {
  margin: 0;
  padding: 0;
  background-color: #F3F4F8;
  border-radius: 7px;
  padding: 30px;
  height: 100%;
  	 @media (max-width: 992px) {
padding: 20px;
margin-top: 20px;
	 }
}

.destination-details__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color:#030D17;

  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid #ddd;
   	 @media (max-width: 767px) {
padding-bottom: 10px;
    margin-bottom: 10px;
	font-size: 15px;
	 }
}

.destination-details__list li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.destination-details__list__text {

  font-weight: 400;
  font-size: 16px;
  color: #566879;
  	 @media (max-width: 767px) {
  font-size: 15px;
	 }
}
.destination-details__content {
  position: relative;
  margin-top: 40px;
}
.destination-details__content__list {
  margin: 43px 0;
  padding: 0;
  list-style: none;
}
.destination-details__content__list li {
  color:#030D17;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 10px;
}
.destination-details__content__list li i {
  display: inline-block;
  margin-right: 12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.destination-details__image{
	overflow: hidden;
	border-radius: 10px;
	&:hover img{
		transform: scale(1.1);
	}
	img{
		width: 100%;
		transition: 0.4s;
	}
}
}

.bookPopupMain{
	.modal-content{
	
		position: relative;
	}
	.modal-header{
	border-bottom: none!important;
	}
	.modal-body{
	padding: 7px;
background: #F3F4F8;
    border-radius: 15px;
    overflow: hidden;
.flexPopUpMain{
	display: flex;
  gap: 0px;
	.imgFlexWrapper{
		max-width: 322px;
		   @media (max-width: 1199px) {
display: none;
		   }
		img{
			border-radius: 0px 0px 122px 0;
			height: 100%;
          width: 100%;
		}
	}
	.fieldWrapper{
.contactUsBgSec{
	max-width: 520px;
	margin: 0 auto;
border-radius: 32px;
  padding: 40px 25px;
   @media (max-width: 1199px) {
padding-top: 0px;
   }

	h3{
		font-size: 25px;
      margin: 0 0 20px;
      font-weight: 600;
      color: var(--primary-color);
	}
	label{
		margin-bottom: 10px;
	}
	   @media (max-width: 1199px) {
max-width: 100%;
margin-top: 30px;
	   }

   @media (max-width: 570px) {
    padding: 20px;
   }
   .commonBtnMain{
	text-transform: uppercase;

	label{
		margin-bottom: 0px!important;
		color: var(--primary-color)!important;
	}
   }
   
input{
border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
	  	background: #fff!important;
      font-size: 16px;
      font-weight: 300;
      color:var(--primary-color);
padding: 0 20px;
      height: 52px;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 12px;
	  outline: none;
	  box-shadow: none;
}
textarea{
	background: #fff!important;
	border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
      font-size: 16px;
      font-weight: 300;
          color:var(--primary-color);
padding: 10px 20px;
     outline: none;
	  box-shadow: none;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 12px;
	  resize: none;
}
button{
width: 100%;
	&:hover{
		  background: #fff;
		     
	}
}
}
	}
}
	}
	.btn-close{
position: absolute;
    right: 14px !important;
    top: 10px !important;
    z-index: 100000;
    opacity: 1;


	}
	.btn-close:focus{
		box-shadow: none;
	}
}

.loyalityBgSecMain{
	padding: 100px 0px;
	   @media (max-width: 992px) {
	padding: 40px 0px;
	   }

	   .flexGridDiv1{
		display:grid;
		grid-template-columns: 1fr 1fr;
	gap: 26px;
		   @media (max-width: 992px) {
	grid-template-columns:  1fr;
		   }
		.companyPalnDeatil{
		width: 100%;
      background: #ececec;
      border-radius: 50px 0px 0px 50px;
      padding: 40px;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  &:nth-child(2){
		     border-radius: 0px 50px 50px 0px;
	  }

	  p{
		margin-bottom: 0px;
		font-weight: 700;
		font-size: 20px;
		text-transform: uppercase;
		color: var(--primary-color);
	  }
	  label{
	font-weight: 900;
        font-size: 70px;
        line-height: 65px;
	  }
	  a{
			color: var(--primary-color);
			&:hover{
				color: var(--secondary-color);
			}
	  }
		}
	   }

	      .flexGridDiv2{
		display:grid;
		grid-template-columns: 1fr ;
	gap: 26px;
	margin-top: 20px;

	  @media (max-width: 992px) {
		flex-direction: column;
		display: block;
	  }
		.companyPalnDeatil{
		width: 100%;
      background: #ececec;
      border-radius:  50px;
      padding: 40px;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  .divgridGutterFlex{
		display: flex;
		justify-content: space-between;
		align-items: center;
		   @media (max-width: 992px) {
flex-direction: column;
gap:10px;

		   }
		button{
		background: var(--secondary-color);
          border-radius: 21px;
          height: 70px;
          width: 284px;
          font-size: 29px;
          color: #fff;
          border: 1px var(--secondary-color) solid;
          transition: 0.4s;
		  &:hover{
			background: var(--secondary-color);
          border-radius: 21px;
     
          font-size: 22px;
          color: #fff;
          border: 1px var(--secondary-color) solid;
          transition: 0.4s;
   
		
		  }
		 
		  &:hover{
			background: var(--primary-color);
		  }
		}
	  }

	  p{
		margin-bottom: 0px;
		font-weight: 700;
		font-size: 20px;
		text-transform: uppercase;
		color: var(--primary-color);
	  }
	  label{
	font-weight: 900;
        font-size: 70px;
        line-height: 65px;
	  }
	  a{
			color: var(--primary-color);
			&:hover{
				color: var(--secondary-color);
			}
	  }
		}
	   }
	   .mainHeaderAll{
		font-size: 30px;
		font-weight: 700;
		color: var(--primary-color);
		margin-bottom: 20px;
		  @media (max-width: 992px) {
	font-size: 25px;
		  }
	   }
	   .memberShipCard{
		background: var(--primary-color);
		max-width: 900px;
		border-radius: 10px;
		position: relative;
	padding: 40px 0px;
	margin-bottom: 40px;
		span{

      background: var(--secondary-color);
      color: #fff;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: 700;
      padding: 4px 21px;
      border-radius: 0px 20px 20px 0;
		}
		.totalspaceMain{
			padding: 30px 50px 0px;
			 @media (max-width: 570px) {
padding: 30px 22px 0px;
			 }
			h5{
font-size: 30px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 5px;
 @media (max-width: 570px) {
font-size: 20px;
 }
strong{
	font-weight: 700;
}
			}

			p{
				color: #fff;
				font-size: 14px;
				font-weight: 300;
				margin-bottom: 0px;
				strong{
	font-weight: 700;
}
			}

			ul{
				margin: 0;
        padding: 9px 0 21px;
        display: flex;
		gap: 10px;
		 @media (max-width: 570px) {
flex-direction: column;
		 }
			
				li{
		color: #fff;
          position: relative;
          border-right: 1px #ddd solid;
          padding: 0 10px;
          line-height: 13px;
		  	 @media (max-width: 570px) {
border: none;
padding: 0px;
			 }
		  &:first-child{
			padding-left: 0px;
		  }
&:last-child{
	border-right: none;
}

				}
			}

			.viewProfileBtn{
background: var(--secondary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        border: none;
        outline: none !important;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
        border-radius: 30px;
        padding: 6px 7px;
        transition: 0.4s;
        display: flex;
        gap: 7px;
        width: 127px;
		&:hover{
			background: #BA9753A1;
		}
			}
		}
	   }
}

.loyalityBgSecMain1{
	padding: 100px 0px;
	background: var(--primary-color);
	   @media (max-width: 992px) {
	padding: 40px 0px;
	   }
	   .nav-tabs{
background: #fff;
    max-width: 400px;
    padding: 6px 11px;
    border-radius: 30px;
	   }
	.nav-link{
		color: var(--primary-color);
		border: none!important;
	padding: 10px 31px;
	    border-radius: 30px!important;
		text-transform: uppercase;
		@media (max-width: 570px) {
width: 100%;
		}
	&:hover{
			color: var(--primary-color);
	}
	}
	   .nav-tabs .nav-link.active{
		background: var(--primary-color);
	color: var(--secondary-color);
	border: none;
	border-radius: 30px;
	   }
	   .tab-pane{
		p{
			margin: 30px 0 30px;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
		}
		h3{
			font-size: 20px;
    color:#fff;
    font-weight: 600;
    margin-bottom: 20px;
		}
		.whiteBgSec{
		padding: 20px;
      background: #fff;
      border-radius: 20px;
      max-width: 1000px;
			a{
			color: var(--primary-color);
			font-size: 14px;
			display: block;
			text-align: center;	
			&:hover{
				color: var(--secondary-color);
			}
			}

			.galleryFlexWrapper{
				display: flex;
				gap:18px;
				margin-bottom: 20px;

				   @media (max-width: 1199px) {
				flex-direction: column;
				   }

				.flexGallerDivImg{
					border-radius: 5px;
  overflow: hidden;
  img{
	width: 
	100%;
  }
				}
				.flexGallerDiv{
					display: flex;
					flex-direction: column;
				gap: 18px;
					.imgwrapper1{
							border-radius: 5px;
  overflow: hidden;
    img{
	width: 
	100%;
  }
	
					}
				}
			}
		}
	   }
}

.loyalityBgSecMain2{
	padding: 100px 0px;
	
	background: #d9eaff;
		   @media (max-width: 992px) {
	padding: 40px 0px;
	   }
	    .loyalityCard{
		img{
			width: 100%;
		}
	   }
	  
	.loyalityThirdFlex{
		display: flex;
		justify-content: space-between;
		gap:20px;
		align-items: center;
   @media (max-width: 1199px) {
flex-direction: column;
   }
	}
	.loyalityThirdFlexContent{
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
		h3{
			font-size: 18px;
			color: var(--secondary-color);
			margin-bottom: 20px;
			font-weight: 700;
			   @media (max-width: 1199px) {
font-size: 17px;
			   }
		}
		h5{
				font-size: 50px;
			color: var(--primary-color);
			margin-bottom: 0px;
			font-weight: 400;

			   @media (max-width: 1199px) {
font-size: 30px;
			   }
		}
	}
}


.profileFlexMainAll{
	background: #fff;
position: relative;
padding: 100px 0px;
	   @media (max-width: 992px) {
padding: 40px 0px;
	   }

	   .displayStickyMain{
display: flex;
    gap: 30px;
    position: relative;
	  @media (max-width: 1199px) {
flex-direction: column;
	  }
	.linkProfileMain{
		width: 800px;
		border: 1px #ddd solid;
    padding: 0px;
    border-radius: 10px;
    margin-bottom: 0px;
		max-height: 88px;
		background: #fff;
overflow: hidden;
			position: sticky;
	top: 105px;
	z-index: 10;
	   @media (max-width: 992px) {
width: 100%;
	   }
	ul{
		margin: 0px;
      padding: 0px 0px;
        height: 100%;
	
	
		li{
			border-bottom: 1px #ddd solid;
			&:last-child{
				border-bottom: none;
			}
			a{
			padding: 10px 20px;
            display: block;
				display: block;
				font-size: 15px;
				color: #333;
				i{
					margin-right: 10px;
				}
				&:hover{
					background: var(--primary-color);
					color: #fff;
				}
			}

		}
		.activeMain{
			background: var(--primary-color);
			a{
	color: #fff!important;
			}
		
		}
	}
	}

	   }

	.flexHeader{
		display: flex;
		justify-content: space-between;
		gap:10px;
			margin-bottom: 20px;
			align-items: center;
		h3{
			color: var(--primary-color);
    font-size: 45px;
    font-weight: 600;
	margin-bottom: 0px;
		   @media (max-width: 992px) {
 font-size: 35px;
		   }


		}
		button{
width: 100px;
		}

	}
	.borderProfileMain{
		border: 1px #ddd solid;
		padding: 30px;
		border-radius: 20px;
		margin-bottom: 10px;
			   @media (max-width: 992px) {
padding: 15px;
			   }
		.profilePicDiv{
			display: flex;
			gap:16px;
			align-items: center;
			.profileImg{
			width: 80px;
        height: 80px;
				border-radius: 50%;
				border: 1px #ddd solid;
				align-items: center;
				display: flex;
				justify-content: center;
				i{
					font-size: 45px;
					color: #c2c0c0;
				}
			}
			.profileContent{
				display: flex;

				flex-direction: column;
				h3{
					font-size: 27px;
					font-weight: 700;
					margin-bottom: 0px;
					   @media (max-width: 992px) {
		font-size: 19px;
					   }
				}
				p{
					margin-bottom: 0px;
						font-size: 16px;
						   @media (max-width: 992px) {
font-size: 15px;
						   }
				}
				
			}
		
		}

			h4{
					font-size: 30px;
					font-weight: 700;
					margin-bottom: 20px;
						   @media (max-width: 992px) {
font-size: 22px;
margin-bottom: 10px;
						   }
				}

				label{
					font-size: 14px;
    margin-bottom:5px;
    color: var(--primary-color);
	font-weight: 700;
				}
				input{
					border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff !important;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 0 20px;
    height: 52px;
    width: 100%;
    background: transparent;
    margin-bottom: 20px;
    outline: none;
    box-shadow: none;
				}
							select{
					border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff !important;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 0 20px;
    height: 52px;
    width: 100%;
    background: transparent;
    margin-bottom: 20px;
    outline: none;
    box-shadow: none;
				}

				p{
				font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        color: #6e6e6e;
				}

			
	}
}
.confirmationBgSec{
	padding: 40px 0px;
	background: #fff!important;
}

.confirmationPage{

	display: block!important;
	padding: 0px!important;
	margin-bottom: 10px;


	.imgContentAll{
		padding: 20px 20px 10px;
		display: block!important;
		.locationLeg{
			   @media (max-width: 767px) {
flex-direction: column;
			   }
			   .spriteNew{
				 @media (max-width: 767px) {
display: none!important;
				 }
			   }
		}
		.borderBottom{
			border-bottom: 1px #ddd solid;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		.totalFlexDiv{
			display: flex;
			align-items: center;
			justify-content: space-between;

			span{
color: var(--secondary-color);
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: 700;
			}
		}
		.navMainAlFlex{
			margin: 0;
			padding: 0;
			li{
				display: flex;
			justify-content: space-between;
			padding-bottom: 10px;
				p{
					margin-bottom: 0px;
					font-weight: 400;
	color: var(--primary-color);
				font-size: 18px;
				}
				span{
font-weight: 700;
	color: var(--primary-color);
				font-size: 18px;
				}
			}
		}
			h6{
				color: var(--secondary-color);
				font-size: 20px;
				margin-bottom: 10px;
				font-weight: 700;
			}
			.emptyLegContent{
					h2{
				font-weight: 700;
				color: var(--primary-color);
				font-size: 19px;
				margin-bottom: 3px;
			}
				p{
					margin-bottom:3px;
				font-size: 15px;
		color: #566879;
            font-weight: 500;
			}
			}
		
		.confirmaionFlatFlex{
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
			&:last-child{
		margin-bottom:0px;	    
		}
			.rightDivMain{
				text-align: right!important;
			}
			h2{
				font-weight: 700;
				color: var(--primary-color);
				font-size: 19px;
				margin-bottom: 3px;
			}
			p{
					margin-bottom:3px;
				font-size: 15px;
		color: #566879;
            font-weight: 500;
			}
		
		}
	}
.flexHeaderDep{
	border-bottom: 1px #ddd solid;
padding: 10px!important;
	text-align: center;
	display: flex;
	gap:10px;
	align-items: center;
	justify-content: center;
	background: #dddddd45;
	h4{
		font-size: 20px;
		color: #566879;
            font-weight: 500;
			margin-bottom: 0px;
         strong{
			font-weight: 700;
			color: var(--primary-color);
		 }  
	}
	i{
		color: var(--secondary-color);
		font-size: 22px;
	}
	p{
		margin-bottom: 0px;
				font-size: 20px;
		color: #566879;
            font-weight: 500;
	}
}
}

.profileBtn{
	background: transparent;
	border: none;
	padding: 0px;
	position: relative;
	&::after{
		display: none!important;
	}
	.profileImgWrapperFlex{
		display: flex;
		gap: 9px;
		align-items: center;

		span{
			white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 178px;
  text-transform: capitalize;
  font-size: 14px;
  color: #333;
  font-weight: 300;
  		@media (max-width: 570px) {
display: none;
		}
		}
		.profileImg{
	width: 40px;
      height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px #ddd solid;
  img{
	width: 100%;
  }
		}
	}
}

.profileMainAllDiv{
	display: flex;
gap: 17px;
}

.profileDropMainallDiv{
	.dropdown-menu{
		padding: 0px !important;
    border-radius:5px;
    overflow: hidden;
		li{
			border-bottom: 1px #ddd solid;
			&:last-child{
				border: none;
			}
	.dropdown-item{
		padding: 7px 16px;
		font-weight: 400;
		font-size: 14px;
		color: #333;
		&:hover{
			background: var(--secondary-color);
			color: #fff;
		}
		}
		}
	
	}
}

.travelerDivMain{
	width: 100%;
	.dropdown-toggle{
	padding: 0px;
    background: transparent;
    border: none;
    position: relative;
    width: 100%;
    text-align: left;
		h3{
			margin-bottom: 0px;
				font-size: 19px;
			
				color: #333;
			span{
				font-size: 14px;
				font-weight: 500;
				color: #333;
			}
		}
		&:after{
			position: absolute;
	right: 0px;
      top:0px;
	  width: 29px;
      height: 32px;
	border: none;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
		  background-repeat: no-repeat!important;
		  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
		}
	
	}
}
.selcetDropDiv{
	position: relative;
}

.twelvecol{
  width: 100%;
}
#expander {


  h3{
font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
    margin-bottom: 0px;
	span{
	font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
    margin-bottom: 0px;
	}
  }
}
#ex-content {  
  display: none;
position: absolute;
  background: rgb(255, 255, 255);
  top: 52px;
  border: 1px #ddd solid;
  width: 359px;
  left: 0;
  padding: 14px;
  overflow: hidden;
  border-radius: 10px;
  z-index: 10;
   @media (max-width: 570px) {
width: 100%;
   }
}
.crm-subhead{
	display: flex;
  gap: 10px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
    cursor: pointer;
	padding: 0px;
}

.headerSectionMainTraveler{

	.flexTravellermainflex{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
	   @media (max-width: 570px) {
gap:10px;
	   }
	.quantity{
		display: flex;
  align-items: center;
  width: 90px;
  border: 1px #ddd solid;
 border-radius: 5px;
  .minusPluseBtn{
	background: transparent;
        border: none;
        width: 48px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
		i{
			font-size: 10px;
		}
  }
  input{
	text-align: center;
	width: 100%;
          padding: 0;
          outline: none;
          border-right: 1px #ddd solid!important;
          border-radius: 0;
		       border-left: 1px #ddd solid!important;
			   font-size: 13px;
  }
	}
	.pluseContent{
		h3{
			font-size: 14px;
        color: #000;
        margin-bottom: 2px;
        font-weight: 600;
		}
		label{
			font-size: 12px;
        color: #566879;
        margin-bottom: 4px;
        font-weight: 600;
		}
	}
	}
}
.chooseTravelDiv{
	h4{
		margin-bottom: 10px;
		font-size: 17px;
        color: #000;
        font-weight: 600;
	}
	ul{
	display: flex;
    margin: 0;
    padding: 0 0 15px;
    gap: 10px;
    overflow: auto;
		li{
			button{
	background: var(--secondary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        border: none;
        outline: none !important;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
        border-radius: 7px;
        padding: 8px 11px;
        transition: 0.4s;
        display: flex;
        gap: 7px;
        width: 100%;
        white-space: nowrap;
			}
		}
	}
}
.paddingSpace{
	padding: 0px!important;
}

.form-control:focus{
	box-shadow: none!important;
}

.accordionSecMain{
	display: none;
	  @media (max-width: 1199px) {
		display: block;
	  }

	.accordion-button:not(.collapsed){
		background-color:var(--secondary-color);
		color: #fff;
	}
	.accordion-button:not(.collapsed)::after{
		background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}


}

.loginBgSecMain{
	background: url(../img/banner-img1.png) no-repeat;
	background-size: cover;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	&::before{
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
background: #000000b5;
		content: "";
	}
h3{
	font-size: 20px;
	color: #fff;
}
.loginMainAllSec{
display: flex;
    justify-content: center;
    background: #fff;
    max-width: 700px;
    overflow: hidden;
    border-radius: 10px 151px 20px 10px;
	  @media (max-width: 767px) {
border-radius: 20px;
	  }
	  
  .googleLoginBar {
  width: 100%;
  border-bottom: 1px #d8d8d8 solid;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  span{
	display: inline-flex;
  font-size:11px;
  color: #9b9b9b;
  font-weight: 700;
  padding: 0 10px;
  background-color: #fff;
  margin-bottom: -7px;
  }
}
.textMainall{
font-size: 13px;
        line-height: 24px;
        margin-bottom: 0px;
        color: #333;
       
}
.socialGooleIcon{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 0 30px;
	gap:10px;
	button{
	border: 1px #ddd solid;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: transparent;
		transition: 0.4s;
		&:hover{
			border: 1px var(--secondary-color) solid;
		}
		img{
			width: 20px;
		}

	}
}
    .message-section{
padding: 80px 30px;
      background: var(--primary-color);
      background-size: auto;
      background-size: cover;
      color: var(--basic-background-color);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: left;
      width: 100%;
      position: relative;
      z-index: 10;
      justify-content: center;
      border-radius: 150px 150px 0 0px;

	    &::before{
position: absolute;
        left: 20px;
        bottom: -18px;
        width: 91%;
        height: 100%;
        content: "";
        border: 1px var(--secondary-color) solid;
        border-bottom: none;
        border-radius: 150px 150px 0 0px;

  }
	  	  @media (max-width: 767px) {
display: none;
		  }
  h2{
	font-size: 30px;
  margin-bottom: 33px;
  font-weight: 600;
  color: #fff;
  position: relative;
  &::before{
	position: absolute;
  left: 50%;
  bottom: -26px;
  width: 2px;
  height: 20px;
  content: "";
  background: var(--secondary-color);
  margin-left: -1px;
  }
  }
  p{
	font-size: 13px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  }
  }
  .login-form-section{
	padding: 30px;
  width: 100%;
  position: relative;
   @media (max-width: 570px) {
padding: 20px;
   }
  h3{
	font-size: 30px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #333;
  position: relative;
  padding-bottom: 8px;
    @media (max-width: 570px) {
	font-size: 27px;
	}
  &::before{
	position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 2px;
  content: "";
  background: var(--secondary-color);
  }
  }
  .filterinputsLogin{
	label{
		font-size: 14px;
      margin-bottom: 8px;
      color: var(--primary-color);
      font-weight: 700;
	}
	.formField{
	border: 1px solid #ddd;
      border-radius: 8px;
      background: #fff !important;
      font-size: 16px;
      font-weight: 600;
      color: var(--primary-color);
      padding: 0 20px;
      height: 40px;
      width: 100%;
  
      margin-bottom: 10px;
      outline: none;
      box-shadow: none;
	}
	.checkBoxMain{
		padding: 10px 0px;
		.form-check{
			display: flex;
			gap:10px;
			align-items: center;
			input{
			width: 1em;
  height: 1em;
  margin-top: 0px;
			}
		.form-check-label{
			font-weight: 300;
			color: #333;
			margin-bottom: 0px;
		}
		}
		
	}
	.main-button{

  width: 100%;
  margin-bottom: 20px;


	}

  }

  }
}

}

.adultsDivMain{
	display: block!important;
	padding-bottom: 0px;
	margin-bottom: 0px!important;
	.form-check{
		align-items: center!important;
		margin-bottom: 6px;
		.form-check-label{
			margin-bottom: 0px!important;
		}
		input{
			width: 15px!important;
			border: 1px #ddd solid!important;
			height: 15px!important;
			border-radius: 50%;
		}
	}
}

.signUpMaxWidth{
	max-width: 900px!important;
	.message-section{
		  @media (max-width: 767px) {
display: none;
		  }
	}
}


.spaceBtnBottom{
	position: relative;
	p{
		position: absolute;
		left: 15px;
		margin-bottom: 0px;
		font-size: 13px!important;
		color: rgb(117, 117, 117);
	bottom: -6px;
	 @media (max-width: 767px) {
position: static;
	 }
	strong{
		color: var(--secondary-color);
	}
	}
}
.borderBottomsec{
border-bottom: 1px #ddd solid;
  padding-bottom: 10px;
  margin-bottom: 20px;
  &:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
  }
}

.totalFlexWrapper{
display: grid;
  gap: 20px;
  grid-template-columns: 3fr 1fr;
  position: relative;
  	 @media (max-width: 1199px) {
display: block;
	 }
	.totalMainall{
	max-width: 326px;
    position: sticky;
 top: 75px;
    max-height: 500px;
    overflow: auto;
	 	 @media (max-width: 1199px) {
margin-top: 20px;
width: 100%;
	max-width: 100%;
		 }
	}

}

.travelerDeatilmain{
	padding: 20px;
	border: 1px solid #dce0e0;
    border-radius: 11px;
    margin-bottom:20px;
	.form-check-input:checked{
background-color:var(--secondary-color);
border-color: var(--secondary-color);
	}
	.form-check-input:focus{
		box-shadow:none;
	}
	label{
		font-size: 14px;
      margin-bottom: 5px;
      color: var(--primary-color);
      font-weight: 700;
      margin-bottom:3px!important;
	}
select {
      border: 1px solid #ddd;
      border-radius: 8px;
      background: #fff !important;
      font-size: 16px;
      font-weight: 600;
      color: var(--primary-color);
      padding: 0 20px;
      height: 42px;
      width: 100%;
      background: transparent;
      margin-bottom: 20px;
      outline: none;
      box-shadow: none;
}
	.feildMain{
		border: 1px solid #ddd;
      border-radius: 8px;
      background: #fff !important;
      font-size: 16px;
      font-weight: 600;
      color: var(--primary-color);
      padding: 0 20px;
      height: 42px;
      width: 100%;
      background: transparent;
      margin-bottom: 20px;
      outline: none;
      box-shadow: none;
	}
h3{
font-weight: 700;
        color: var(--primary-color);
        font-size: 20px;
        margin-bottom: 10px;
}

		.adultHeaderMain{
		display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 20px;
	h4{
	color: rgb(74, 74, 74);	
	font-size: 13px;
	font-weight: 300;
	}
	h2{
font-weight: 700;
        color: var(--primary-color);
        font-size: 17px;
        margin-bottom: 0px;
		i{
			margin-right: 10px;
			color: var(--secondary-color);
		}

	}
		}
}

.fligtDetailMainall{
	.more-filters{
		font-size: 0.85rem;
  color: var(--secondary-color);
  margin: 10px 0px 0px;
  cursor: pointer;
	}
	.sideNavMainAll{
		max-height: 600px!important;
	}
	.borderMainPrice{
		padding-bottom: 20px!important;
	}
	.scrollMainallHeight{
		max-height: 500px;
		overflow: auto;
	}

	.filter-option{
		display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0 6px;
  font-size: 0.95rem;
  color: #222;
  margin-bottom: 0px;
  .form-check{
	margin-bottom: 0px;
  display: flex;
  align-items: start;
  justify-content: center;
  padding-left: 0px;
  gap: 10px;
  margin-bottom: 0px!important;
  }
  .form-check-input{
	border: 1px var(--secondary-color) solid;
  width: 19px;
  height: 19px;
  margin: 0;
  top: 0px;
  position: relative;
  border-radius: 50%!important;
  }
  .filter-text{
	flex: 1;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #555;
  }
  .filter-price{
font-size: 14px;
  font-weight: 400;
  color: #555;
  }
	}
	.time-slot-row{
		display: flex;
  gap: 6px;
  justify-content: space-between;

  .time-slot-card{
	flex: 1;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 7px 3px;
  text-align: center;
  transition: 0.4s;
  cursor: pointer;
    &:hover{
	border: 1px var(--secondary-color) solid;
  }
  .slot-text{
	font-size: 9px;
  font-weight: 300;
  margin: 0;
  color: #000;
  }
  img{
	margin-bottom: 8px;
  width: 30px;
  }
  }
	}
}

.seatBookingBgSec{
padding: 103px 17px 40px;
	position: relative;
	background: #dddddd6e;

		h3{
		font-size: 24px;
      font-weight: 600;
      color: var(--primary-color);
      margin-bottom: 0px;
	  text-align: center;
	   @media (max-width: 767px) {
font-size: 20px;
	   }
	}
	p{

 max-width: 484px;
    margin: 10px auto 10px;
    color: #fff;
    border-radius: 30px;
	text-align: center;
    background: var(--primary-color);
	font-size: 15px;
    line-height: 35px;
	     @media (max-width: 767px) {
      font-size: 15px;
	  margin-bottom: 10px;
		 }
	}
// 	.seatBookingAppMainFlex{
// max-width: 446px;
//     margin: 0 auto;

//     border-radius: 248px;
	
// 	 @media (max-width: 767px) {
// max-width: 350px;
// 	 }

// .sidePannelBooking{
// 	border: 1px #ddd solid;
//       border-radius: 10px;
//       max-height: 166px;
//       overflow: auto;
//       position: sticky;
//       top: 103px;
//       background: #fff;
// 	  padding: 20px;
// 	  width: 180px;
	
// }
// .seatBookingTxtContent{

//       border-radius: 10px;
//       max-width: 444px;
//       margin-top: -23px;
//       margin-bottom: -76px;
//       padding: 20px;
// 	  background: #fff;
// 		 @media (max-width: 767px) {
// 			padding: 10px;
// 		 }
	
// 		 h4{
// 			font-size: 17px;
// 			font-weight: 700;
// 			color: #000;
// 			text-align: center;
// 		 }
// }
// 	}


.seatBookingAppMainFlex{

margin-top: 59px;
position: relative;
 @media (max-width: 767px) {
margin-top: 0px;
 }


.sidePannelBooking{
	border: 1px #ddd solid;
      border-radius: 10px;
      max-height: 166px;
      overflow: auto;
      position: sticky;
      top: 103px;
      background: #fff;
	  padding: 20px;
	  width: 180px;
	
}
.wingTopMain{
position: absolute;
      left: 50%;
      width: 20.7rem;
      height: 1.875rem;
      transform: skewX(-67deg);
      content: "";
      background: linear-gradient(0deg,#a7b3d780,#a7b3d700 100.46%);
      top: -19px;
	       @media (max-width: 767px) {
display: none;
		   }
}
.wingBottomMain{
position: absolute;
      left: 50%;
      width: 20.7rem;
      height: 1.875rem;
      transform: skewX(-67deg);
      content: "";
      background: linear-gradient(0deg,#a7b3d780,#a7b3d700 100.46%);
bottom: -13px;
   @media (max-width: 767px) {
display: none;
		   }
}
.seatBookingTxtContent{

background: #f7f7f7;
      padding: 13px 42px 13px 23px;
      border-radius: 0px 60px 60px 0px;
position: relative;

	
		 h4{
			font-size: 17px;
			font-weight: 700;
			color: #000;
			text-align: center;
		 }
}
	}
}

.economyDivMain{
	padding-top: 30px;
}
 
.seatRowMain{
	display: flex;
	gap:18px;
	padding-bottom: 5px;
 @media (max-width: 767px) {
gap:10px;
 }
	.letterDiv{
	display: flex;
	gap:8px;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
	}
		.availableDiv{
				width: 40px;
				height: 40px;
				border: 1px green solid;
				border-radius: 4px;
					display: flex;
				justify-content: center;
				align-items: center;
				color: #000;
	font-size: 13px;
	font-weight: 500;
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}

				.assignedDiv{
				width: 40px;
				height: 40px;
			border: 1px rgb(175, 228, 255) solid;
				border-radius: 4px;
				background: rgb(175, 228, 255);
					display: flex;
				justify-content: center;
				align-items: center;
				color: #000;
	font-size: 13px;
	font-weight: 500;
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}

				.occupiedDiv{
				width: 40px;
				height: 40px;
			border: 1px rgb(196, 198, 204) solid;
				border-radius: 4px;
				background: rgb(196, 198, 204);
					display: flex;
				justify-content: center;
				align-items: center;
				color: #000;
	font-size: 13px;
	font-weight: 500;
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}


					.nonrecliningDiv{
				width: 40px;
				height: 40px;
				border: 1px rgb(175, 228, 255) solid;
					display: flex;
				justify-content: center;
				align-items: center;
				color: #000;
	font-size: 13px;
	font-weight: 500;
	position: relative;
	overflow: hidden;
	&::before{
position: absolute;
      left: 0px;
      bottom: 0px;
      width: 40px;
      height: 15px;
      background: rgba(51, 51, 51, 0.5);

      content: "";
	}
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}


			.standardDiv{
				width: 40px;
				height: 40px;
				border: 1px rgb(175, 228, 255) solid;
				border-radius: 4px;
					display: flex;
				justify-content: center;
				align-items: center;
				color: #000;
	font-size: 13px;
	font-weight: 500;
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}

			.selectedDiv{
				width: 40px;
				height: 40px;
				border: 1px rgb(175, 228, 255) solid;
				border-radius: 4px;
	
					display: flex;
				justify-content: center;
				align-items: center;
					color: #000;
	font-size: 13px;
	font-weight: 500;
	position: relative;
	&::before{
		background: #afe4ff;
        border-radius: 0 .125rem .125rem 0;
        content: "";
        height: 100%;
        right: 0;
        position: absolute;
        top: 0;
        width: 6px;
	}
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}

			.reservedDiv{
				width: 40px;
				height: 40px;
				border: 1px var(--primary-color) solid;
				border-radius: 4px;
				background:var(--primary-color);
				display: flex;
				justify-content: center;
				align-items: center;
					color: #fff;
	font-size: 13px;
	font-weight: 500;
		 @media (max-width: 767px) {
width: 30px;
	height: 30px;
	 }
			}

.selectedDivLightBlue{
			width: 40px;
				height: 40px;
				border: 1px #BADAFF solid;
				border-radius: 4px;
				background:#BADAFF;
				display: flex;
				justify-content: center;
				align-items: center;
					 @media (max-width: 767px) {
	width: 30px;
				height: 30px;
				 }
}

.selectedDivDark{
		width: 40px;
				height: 40px;
				border: 1px #80B6FF solid;
				border-radius: 4px;
				background:#80B6FF;
				display: flex;
				justify-content: center;
				align-items: center;
					 @media (max-width: 767px) {
	width: 30px;
				height: 30px;
				 }
}


.exitRowMain{
		width: 40px;
				height: 40px;
				border: 1px #ddd solid;
				border-radius: 4px;
				background:transparent;
				position: relative;
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
				&::before{
			position: absolute;
          right: -3px;
          top: -2px;
          background: #A50010;
          width: 14px;
          height: 14px;
          content: "";
         border-radius: 0 0 0 70px;
				}
					 @media (max-width: 767px) {
	width: 30px;
				height: 30px;
				 }
}



}
.bottomSpaceFlex{
background: var(--primary-color);
padding: 25px 0;
display: flex;
  justify-content: space-between;
	
 @media (max-width: 992px) {
display: none;
 }
}
.proceddBtn{
margin: 0 auto!important;
&:hover{
	background: #fff!important;
	color: var(--secondary-color);
}

}

.spceDiwidth{
	width: 0px!important;
height: 10px!important;
	 @media (max-width: 767px) {
width: 5px!important;
height: 10px!important;
	 }
}

.tailImg{
	width: 100%;
		 @media (max-width: 992px) {
display: none;
		 }
}
.scrollFlightMain{

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) transparent;
    padding: 10px 0;
}
  .scrollFlightMain::-webkit-scrollbar {
    height: 10px;
  }

  .scrollFlightMain::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
  }
.flexsxrollsaet{
	display: flex;
	  	@media (max-width: 992px) {
.planeImgMain{
	display: none;
}
		}
	

}
.bottomTotalBoxMain{
background: var(--primary-color);
  margin-top: 8px;
  padding: 25px 15px;
  max-width: 100%;
  border-radius: 13px;
  margin: 0 auto;
  height: 325px;
  overflow: auto;
  width: 100%;
  overflow: auto;
  	@media (max-width: 992px) {
  width: 100%;

  height: auto;
  max-width: 444px;
  margin-bottom: 3px;
  padding: 10px;
	}
  	@media (max-width: 767px) {
max-width: 304px;
border-radius: 0px;
padding: 10px;
	}
	
		   ul{
	margin: 0;
    padding: 0;
    display: flex;
  gap: 9px;
    padding-bottom: 0px;
    flex-wrap: wrap;
	@media (max-width: 992px) {
padding-bottom: 10px;
	}

	@media (max-width: 767px) {
  gap: 10px;
	}
		li{
			display: flex;
			gap:10px;
			padding-bottom: 0px;
			align-items: center;
				@media (max-width: 767px) {
padding-bottom: 7px;
				}
			span{
				font-size: 15px;
				font-weight: 600;
				color: #fff;
				 @media (max-width: 767px) {
	font-size: 12px;
				 }
			}
			.availableDiv{
				width: 20px;
				height: 20px;
				border: 1px green solid;
				border-radius: 4px;
					 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
			}

			.selectedDiv{
				width: 20px;
				height: 20px;
				border: 1px var(--secondary-color) solid;
				border-radius: 4px;
				background: var(--secondary-color);
				 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
			}

			.reservedDiv{
				width: 20px;
				height: 20px;
				border: 1px #ddd solid;
				border-radius: 4px;
				background:#ddd;
					 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
			}

.selectedDivLightBlue{
			width: 20px;
				height: 20px;
				border: 1px #BADAFF solid;
				border-radius: 4px;
				background:#BADAFF;
					 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
}

.selectedDivDark{
		width: 20px;
				height: 20px;
				border: 1px #80B6FF solid;
				border-radius: 4px;
				background:#80B6FF;
					 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
}


.exitRowMain{
		width: 20px;
				height: 20px;
				border: 1px #ddd solid;
				border-radius: 4px;
				background:transparent;
				position: relative;
				overflow: hidden;
				&::before{
			position: absolute;
          right: -3px;
          top: -2px;
          background: #A50010;
          width: 14px;
          height: 14px;
          content: "";
         border-radius: 0 0 0 70px;
				}
					 @media (max-width: 767px) {
	width: 20px;
				height: 20px;
				 }
}

		}
	  }
	.bottomContent{
		width: 100%;
		text-align: center;
		label{
			text-align: center!important;
			font-size: 18px!important;
			color: #fff;
				 @media (max-width: 767px) {
	font-size: 14px!important;
				 }
		}
		h4{
				text-align: center!important;
			font-size: 20px!important;
			margin-bottom: 0px!important;
			color: #fff;
			font-weight: bold;
			 @media (max-width: 767px) {
font-size: 16px!important;
			 }
		}
	}
}

.seatBookingMain{
	display: flex;
  justify-content: space-between;
  background: url(../img/page-header-banner.jpg) no-repeat;
  background-size: cover;
  height: 274px!important;
  position: relative;
  z-index: 1;
  align-items: center;
  text-align: center;
  padding-top: 78px;
  display: none;

  h3{
	margin-bottom: 7px;
    font-size: 44px;
  }
}


// blog css start

.blogHomeMainSec{
	padding: 80px 0px;
	.categoriesBorder{
		border: 1px #efefef solid;
		padding: 20px;
border-radius: 5px;
margin-bottom: 15px;
.recentNewsWrapper{
	display: flex;
	gap:14px;
	margin-bottom: 15px;
	align-items: center;
	border-bottom: 1px #efefef solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
	&:last-child{
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.recentImgDiv{
		max-width: 100px;

		overflow: hidden;
	
		img{
			width: 100%;
				border-radius: 4px;
		}
	}
	.newsContent{
		h4{
			font-size: 16px;
			color: var(--primary-color);
			margin-bottom: 10px;
			line-height: 24px;
		}
		
		h6{
			display: flex;
        gap: 5px;
        align-items: center;
		margin-bottom: 0px;
		i{
	 color: #566879;
          font-size: 14px;
		  position: relative;
  top: -1px;
		}
		p{
			font-size: 13px;
          color: #566879;
          margin-bottom: 0px;
		}
		}
	}
}

h3{
border-bottom: 1px #efefef solid;
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-size: 20px;
}

ul{
	margin: 0;
	padding: 0;
	li{
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;	
	&:last-child{
		padding-bottom: 0px;
	}
		a{
		font-size: 14px;
		color: var(--primary-color);
		margin-bottom: 0px;
		font-weight: 300;
		&:hover{
			color: var(--secondary-color);
		}

	}

	label{
		font-size: 14px;
			color: var(--primary-color);
		margin-bottom: 0px;
			font-weight: 300;
	}

	}
}
.popularTag{
	margin: 0;
	padding: 0;
	display: flex;
  flex-wrap: wrap;
  gap:10px;

  li{
	padding-bottom: 0px!important;
	a{
		border: 1px #ddd solid;
		padding: 2px 10px;
		font-size: 13px;
		color: var(--primary-color);
		border-radius: 5px;
		&:hover{
			background: var(--secondary-color);
			color: #fff;
				border: 1px var(--secondary-color) solid;
		}
	}
  }
}
	}
	.col-lg-4{
		margin-bottom: 20px;
	}
		@media (max-width: 992px) {
padding: 40px 0px;
			}
	h5{
		font-size: 55px;
        color: var(--primary-color);
        font-weight: 700;
        margin-bottom: 38px;
		text-align: center;
			@media (max-width: 992px) {
font-size: 40px;
			}
	}

	.blogMainAllWrapper{
		&:hover .blogImg img{
transform: scale(1.1);
		}
		.flexMainAll1{
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
		}
		.blogImg{
			overflow: hidden;
			border-radius: 10px;
			margin-bottom: 15px;
			transition: 0.4s;
			img{
				width: 100%;
				transition: 0.4s;
			}
		}
		.blogTxtContent{
			p{
				font-size: 14px;
					color: var(--primary-color);
					margin-bottom: 20px;
					font-weight: 300;
					line-height: 27px;
			}
			.readMoreBlog{
	box-shadow: none !important;
        display: inline-flex;
        width: auto;
		background: transparent!important;
		&:hover{
			box-shadow: 0 0px 4px 4px #0C1A332E!important;
		}

			}
			.profileImgWrapperFlex{
		display: flex;
		gap: 9px;
		align-items: center;
	

		span{
			white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 178px;
  text-transform: capitalize;
  font-size: 14px;
  color: #333;
  font-weight: 300;
  	
		}
		.profileImg{


  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

  img{
	width: 100%;
  }
		}
	}
			h3{
				display: flex;
				gap:10px;
				align-items: center;
			
				i{
				color: var(--secondary-color);
				font-size: 14px;
				}
				p{
					font-size: 13px;
					color: #000;
					margin-bottom: 0px;
					font-weight: 300;

				}
			}
			h4{
				font-size: 23px;
				color: var(--primary-color);
				margin-bottom: 20px;
				
			}
		}
	}
}

.searchFieldMain{
width: 100%;
  border: 1px #efefef solid;
  margin-bottom: 20px;
  color: var(--primary-color);
  padding: 11px 20px;
  border-radius: 6px;
  font-size: 14px;
}
.commentSection{
	padding-top: 20px;
h6{
font-size: 23px;
        color: var(--primary-color);
        margin-bottom: 20px;
}
h4{
font-size: 23px;
        color: var(--primary-color);
        margin-bottom:10px;
}
p{
	margin-bottom: 30px;
}
.commentField{
	max-width: 100%;
}
.commonetreplyMainFlex{
	display: flex;
	gap:25px;
	position: relative;
	border-bottom: 1px #efefef solid;
	padding-bottom: 11px;
  margin-bottom: 20px;
     @media (max-width: 767px) {
flex-direction: column;
	 }

	.profileTxtMain{
		h1{
			font-size: 23px;
			color: var(--primary-color);
			margin-bottom: 2px;
		}
		label{
			color: var(--secondary-color);
			font-size: 14px;
			margin-bottom: 15px;

		}
		p{
			font-size: 14px;
        color: var(--primary-color);
        margin-bottom: 20px;
        font-weight: 300;
        line-height: 27px;
		}
	}
	.replyPosition{
		position: absolute;
		top:0;
		right: 0;
		width: 102px;
	}
	.profileIconMain{
		width: 100px;
		overflow: hidden;
		img{
border-radius: 50%;
width: 100%;
		}
	}
}
}

// blog css end



.wait {
  margin: 5rem 0;
}
.iata_code {
    font-size: 6rem;
    opacity:0.3;
  top: 52%;
  position: absolute;
  color: #0099cc;
  }
.departure_city {
  left: 0;
}

.arrival_city {
  right: 1.5rem;
}

.plane {
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.plane-img {
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.earth-wrapper {
  position: absolute;
  margin: 0 auto;
  width: 100%;

}

.earth {
  width: 160px;
  height: 160px;
  background: url("https://zupimages.net/up/19/34/6vlb.gif");
  border-radius: 100%;
  background-size: 340px;
  animation: earthAnim 12s infinite linear;
  margin: 0 auto;
  border: 1px solid #CDD1D3;
}

@keyframes earthAnim {
  0% {background-position-x: 0;}
  100% {background-position-x: -340px;}
}

@media screen and (max-width: 420px) {
  .departure_city {
    left: 0;
    right: 0;
    top: 30%;
    position: absolute;
    margin: 0 auto;
  }
  
  .arrival_city {
    left: 0;
    right: 0;
    top: 93%;
    position: absolute;
    margin: 0 auto;
  }
  
  
}
.loader {
text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 35rem;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stickyMainDiv{
position: sticky;
  top: 68px;
  background: #fff;
  z-index: 10;
  padding: 8px;
  margin-bottom: 0;
  border-radius: 10px;
  border: 1px #ddd solid;
  @media screen and (max-width: 1199px) {
margin-bottom: 20px;
  }
    @media screen and (max-width: 1199px) {
position: static;
	}
.journey-row{

	display: flex;
    justify-content: space-between;
    align-items: center;
	gap:20px;
	@media screen and (max-width: 767px) {
flex-direction: column;
justify-content: center;
	}
	.paxWrapperMain{
		width: 100%;
	}
	.searchFlightMain{
		margin: 0;

	}
}
  .fromMainalldiv{
	height: 4.9rem!important;
	position: relative;
	.flight_pax{
		width: 90px!important;
	}
	label{
		font-size: 12px!important;
	
  }
  	input{
			font-size: 18px!important;
		}
		.value-wrapper{
			h4{
				font-size: 18px!important;
			}
		}
	}
}
   @media (max-width: 992px) {
position: static;
   }
   .buttonMainForm {
    padding-top: 26px;

  }
  .formFieldMainWrapper{
	display: flex;

	.textWithFeildFlex{
		width: 25%;
		 @media (max-width: 992px) {
	width: 49%;
		 }

		 	 @media (max-width: 767px) {
	width: 100%;
		 }
	}
	.selcetDropDiv{
border: 1px #ddd solid;
        gap: 20px;
        display: flex;
        align-items: center;
padding: 11px 0px 11px 11px;
        border-radius: 9px;


		input{
			border: none;
			width: 100%;
			padding: 0;
			outline: none;
			background: transparent;
		}
	.form-select:focus{
		box-shadow: none;
		
	}
		i{
			color: #566879;
			font-size: 12px;
		}
		.form-select{
			width: 100%;
			border: none;
			padding: 0px 34px 0 0;
			background: transparent;
		}
	}
  }

.radioMainFlex{
display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 0 16px;
   @media (max-width: 570px) {
flex-wrap: wrap;
gap: 13px;
   }
  .form-check-input:focus{
	box-shadow: none;
  }
  .form-check-input:checked{
	background: var(--secondary-color);
	border: 1px var(--secondary-color) solid;
  }
  .form-check-input{
	margin-left: 0px;
	margin-top: 0px;
  }
  .form-check{
	display: flex;
	gap:10px;
	margin-bottom: 0px;
	padding-left: 0px;
	align-items: center;
  }
	label{
		color: var(--primary-color);
		color: #566879;
		font-size: 16px;
		font-weight: 500;
	}

}

.formFieldMainWrapper{
	display: flex;
	gap:10px;
	 @media (max-width: 992px) {
flex-wrap: wrap;
	 }
	label{
	font-size: 14px;
        color: #566879;
        margin-bottom: 4px;
        font-weight: 600;
	}
}

}

.legend{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
		span{
			font-weight: 300;
			font-size: 14px;
			color: var(--primary-color);
			position: relative;
			padding-left: 25px;
			@media (max-width: 767px) {
font-size: 12px;
			}
		}
	.sub-legend-assigned{
		
	span{
		position: relative;
		&::before{
			position: absolute;
			left: 0;
		top: 1px;
		width: 1rem;
		height: 1rem;
			background: #afe4ff;
			border-radius: 50%;
			content: "";
		}
	}
	}
	.sub-legend-occupied{
			span{
		position: relative;
		&::before{
			position: absolute;
			left: 0;
		top: 1px;
		width: 1rem;
		height: 1rem;
			background: rgb(196, 198, 204);
			border-radius: 50%;
			content: "";
		}

	}
	}
	.sub-legend-nonreclining{
			span{
		position: relative;
		&::before{
			position: absolute;
			left: 0;
		top: 1px;
		width: 1rem;
		height: 1rem;
		border: 1px #afe4ff solid;
			border-radius: 50%;
			content: "";
		}

			&::after{
		position: absolute;
        left: 0;
        bottom: 1px;
        width: 1rem;
        height: 10px;
        background: #33333380;
        border-radius: 0px 0px 11px 12px;
        content: "";
		}
	}
	}
}


.filterMain{
background: #fff;
  display: flex;
  overflow: auto;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  max-width: 700px;
  flex-wrap: wrap;
  button{
	color: var(--primary-color);
	font-weight: 500;
	font-size: 15px;
	background: transparent;
	border: none;
	border-right: 1px #ddd solid;
    padding: 9px 20px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 9px;
	&:last-child{
		border-right: none;
	}

  }
  .freeSeat{
	span{	border: .0625rem solid green;
  border-radius: .25rem;
	width: 1rem;
		height: 1rem;}

  }
  .premiumSeat{
		span{	border: .0625rem solid var(--primary-color) ;
  border-radius: .25rem;
	width: 1rem;
		height: 1rem;
	background: var(--primary-color);}

  }

  .standardSeat{
		span{	border: .0625rem solid #afe4ff;
  border-radius: .25rem;
	width: 1rem;
			height: 1rem;
}
  }

  .xlSeat{
		span{	border: .0625rem solid #afe4ff;
  border-radius: .25rem;
	width: 1rem;
			height: 1rem;
			position: relative;
			&::before{
		background: #afe4ff;
        border-radius: 0 .125rem .125rem 0;
        content: "";
        height: 100%;
        right: 0;
        position: absolute;
        top: 0;
        width: 6px;
			}
}
  }
  }
  .selected{
	background: var(--secondary-color);
	color: #fff;
  }


  
.blogHomeMainSec{
	padding: 80px 0px;
	.categoriesBorder{
		border: 1px #efefef solid;
		padding: 20px;
border-radius: 5px;
margin-bottom: 15px;
.recentNewsWrapper{
	display: flex;
	gap:14px;
	margin-bottom: 15px;
	align-items: center;
	border-bottom: 1px #efefef solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
	&:last-child{
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: ;
	}
	.recentImgDiv{
		max-width: 100px;

		overflow: hidden;
	
		img{
			width: 100%;
				border-radius: 4px;
		}
	}
	.newsContent{
		h4{
			font-size: 16px;
			color: var(--primary-color);
			margin-bottom: 10px;
		}
		
		h6{
			display: flex;
        gap: 5px;
        align-items: center;
		margin-bottom: 0px;
		i{
	 color: #566879;
          font-size: 14px;
		  position: relative;
  top: -1px;
		}
		p{
			font-size: 13px;
          color: #566879;
          margin-bottom: 0px;
		}
		}
	}
}

h3{
border-bottom: 1px #efefef solid;
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-size: 20px;
}

ul{
	margin: 0;
	padding: 0;
	li{
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;	
	&:last-child{
		padding-bottom: 0px;
	}
		a{
		font-size: 14px;
		color: var(--primary-color);
		margin-bottom: 0px;
		font-weight: 300;
		&:hover{
			color: var(--secondary-color);
		}

	}

	label{
		font-size: 14px;
			color: var(--primary-color);
		margin-bottom: 0px;
			font-weight: 300;
	}

	}
}
.popularTag{
	margin: 0;
	padding: 0;
	display: flex;
  flex-wrap: wrap;
  gap:10px;

  li{
	padding-bottom: 0px!important;
	a{
		border: 1px #ddd solid;
		padding: 2px 10px;
		font-size: 13px;
		color: var(--primary-color);
		border-radius: 5px;
		&:hover{
			background: var(--secondary-color);
			color: #fff;
				border: 1px var(--secondary-color) solid;
		}
	}
  }
}
	}
	.col-lg-4{
		margin-bottom: 20px;
	}
		@media (max-width: 992px) {
padding: 40px 0px;
			}
	h5{
		font-size: 55px;
        color: var(--primary-color);
        font-weight: 500;
        margin-bottom: 20px;
		text-align: center;
			@media (max-width: 1199px) {
font-size: 35px;
			}
				@media (max-width: 767px) {
font-size: 25px;
			}
	}

	.blogMainAllWrapper{
		&:hover .blogImg img{
transform: scale(1.1);
		}
		.flexMainAll1{
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
		}
		.blogImg{
			overflow: hidden;
			border-radius: 10px;
			margin-bottom: 15px;
			transition: 0.4s;
			img{
				width: 100%;
				transition: 0.4s;
			}
		}
		.blogTxtContent{
			p{
				font-size: 14px;
					color: var(--primary-color);
					margin-bottom: 20px;
					font-weight: 300;
					line-height: 27px;
			}
			.readMoreBlog{
	box-shadow: none !important;
        display: inline-flex;
        width: auto;
		background: transparent!important;
		&:hover{
			box-shadow: 0 0px 4px 4px #0C1A332E!important;
		}

			}
			.profileImgWrapperFlex{
		display: flex;
		gap: 9px;
		align-items: center;
	

		span{
			white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 178px;
  text-transform: capitalize;
  font-size: 14px;
  color: #333;
  font-weight: 300;
  	
		}
		.profileImg{


  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

  img{
	width: 100%;
  }
		}
	}
			h3{
				display: flex;
				gap:10px;
				align-items: center;
			
				i{
				color: var(--secondary-color);
				font-size: 14px;
				}
				p{
					font-size: 13px;
					color: #000;
					margin-bottom: 0px;
					font-weight: 300;

				}
			}
			h4{
				font-size: 23px;
				color: var(--primary-color);
				margin-bottom: 20px;
				@media (max-width: 767px) {
			font-size: 20px;	    
			}
				
			}
		}
	}
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    height: auto !important;
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    width: 100%;
    display: block;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none !important;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px #ddd solid !important;
}

.select2-container--open .select2-dropdown {
    left: -30px !important;
    top: 14px !important;
    width: 223px !important;
    display: block;
    z-index: 1 !important;
}

.seatBookingTxtContent {
    border-radius: 10px;
    max-width: 444px;
    margin-top: -23px;
    margin-bottom: -76px;
    padding: 20px;
    background: #fff;
}

@media (max-width: 767px) {
    .seatBookingTxtContent {
        padding: 10px;
    }
}

.seatBookingTxtContent h4 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.positionMainrelativeDiv{
 position: relative;
  margin-bottom: 25px;
  input{
      margin-bottom:0px!important;
  }
  textarea{
     margin-bottom:0px!important; 
  }
    .text-danger{
     position: absolute;
    right: 0;
    bottom: -22px;
    font-size: 13px;
}
    }
}

}

    .text-danger{
        font-size: 13px;   
}
 
 .pagination-container{
     margin:0 auto;
 }
.radioMainFlex{
    display: flex;
    gap: 20px;
    padding-top: 5px;
    .form-check-input{
   margin-left: 0px!important;
}
.form-check-label{
    margin-bottom:0px!important;
}
}
.adultslist{
    margin-bottom: 0px;
}

.widthAutoMain{
	width: auto!important;
	margin-top: 0px!important;
	label{
    &:before {
    bottom: -7px!important;
}
}
}

main {
	overflow-x: auto;
	display: flex;
  }
  
  .widthAutoMain{
	  width: auto!important;
  }
  
  .locationBorderMainall{
	  p{
		  margin-bottom: 0px;
		  text-align: center;
		  color: #333;
		  font-size: 11px;
	  }
  }

  .journey-row {
  
	   @media (max-width: 1199px) {
  max-height: initial;
	   }
  }
  
  .gridSectionMainAll {
  display: grid;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
  grid-template-columns: 2fr 2fr 1fr minmax(0,1fr) 1.5fr;
   
	border: 0.5px var(--secondary-color) solid;
	  border-radius: 10px;
  
	   @media (max-width: 1199px) {
  grid-template-columns: 1fr 1fr;
  border: none;
	   }
		@media (max-width: 767px) {
   grid-template-columns: repeat(2, 1fr);
		}
		  @media (max-width: 570px) {
  display: block;
		}
	.iconMainWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white-color);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: 1;
	position: relative;
	left: -14px;
	}
	.fromMainalldiv{
	position: relative;
  
	padding: 10px 15px;
   
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 0px;
height: 5.875rem;
	border-right: 0.5px var(--secondary-color) solid;
	 &:last-child{
	  border-right: none;
	}
  
	 @media (max-width: 1199px) {
	border: 1px var(--secondary-color) solid;
	
	 }
		@media (max-width: 570px) {
  height: auto;
		}
   
   
	.value-wrapper{
	  h4{
	  font-size: 17px;
   
		  font-weight: 600 !important;
		  margin-bottom: 0px;
		  color: var(--primary-color);
		  font-weight: 700 !important;
	 
	  }
	}
	span{
  
  color: #4a4a4a;
		font-size: 12px;
		font-weight: 400;
		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	 
		position: relative;
	  max-width: 220px;
	}
	label{
	  font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 0px;
	}
	input{
  border: none;
		background: transparent;
		font-size: 20px;
		width: 100%;
		padding: 0;
		  color: var(--primary-color);
		margin-bottom: 0px;
		outline: none;
		font-weight: 700 !important;
		line-height: 2px;
		  text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	 
		position: relative;
	  max-width: 220px;
	}
	::placeholder{
  color: var(--primary-color);
	}
	}
  
  
  }
  
  
  .dropdown-box {
  background: #fff;
	color: #333;
	list-style: none;
	overflow-x: hidden;
	position: absolute;
	left: 0px;
	z-index: 2;
	top: 100%;
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 4px 30px #0000001a;
	max-height: 272px;
	overflow: auto;
  .loading-spinner {
  
	display: flex;
	gap: .5rem;
	line-height: 1.5;
	margin: 0px;
  padding: 12px 17px 12px;
  
	align-items: center;
	border-bottom: 1px #ddd solid;
	.useLocationMain{
  h4{
	  display: flex;
	  align-items: center;
	  gap:10px;
	  margin-bottom: 0px;
	  i{
		  font-size: 15px;
	  }
  }
	}
  }
  
  .recentDivMain{
	  padding: 12px 17px 6px;
	  h5{
	  font-size: 14px;
		font-weight: 400;
		color: #7a8580;
		margin-bottom: 0px;	
		text-transform: uppercase;
	  }
  
	  
  
  }
  
  ul{
		  margin: 0;
		  padding: 0;
		  li{
	  .recentSearchUiFlex{
		  display: flex;
		  align-self: center;
		  justify-content: space-between;
		  gap:10px;
		  margin-bottom: 10px;
	  padding: 6px 17px;
	  transition: 0.4s;
	  cursor: pointer;
		  &:last-child{
			  margin-bottom: 0px;
		  }
		  &:hover{
		  background: #BA97538A;
		  }
			  h6{
		  
		font-weight: 400;
		color: #333;
		margin-bottom: 0px;	
		font-size: .75rem;
	  }
		  .contentWithMap{
			  display: flex;
			  gap:10px;
			  align-items: start;
			  i{
				  margin-top: 5px;
				  font-size: 15px;
				  color: var(--secondary-color);
			  }
			  p{
				  margin-bottom: 0px;
				  font-size: .75rem;
			  }
			  span{
				  font-size: .75rem;
			  }
		  }
	  }
		  }
	  }
  }
  
  .search-widget-form-body__departure{
		 @media (max-width: 1199px) {
	border-top:none!important;
	border-bottom: none!important;
	 }
  }
  
  .search-widget-form-body__return{
			 @media (max-width: 1199px) {
	border-top:none!important;
	border-left: none!important;
	 }
  
	  @media (max-width: 570px) {
  border-top: 1px var(--secondary-color) solid!important;
	border-bottom:none!important;
	border-left: 1px var(--secondary-color) solid!important;
	  }
  }
  
  .search-widget-form-body__pax-fare-selection{
	  
		 @media (max-width: 1199px) {
  border-right: 1px var(--secondary-color) solid!important;
  
		 }
	  
  }
  
   .borderRightMobileNone{
		@media (max-width: 1199px) {
	border-left: none!important;
	
	 }
	   @media (max-width: 570px) {
  border-left: 1px var(--secondary-color) solid!important;
	border-top:none!important;
	   }
	}
  
  .dropScrollMain{
  max-height: 195px;
	  overflow: auto;
  }
  
  .searchFlightMain{
  margin: 25px auto 0px;
  }
  
  .specialFare{
	  margin-top: 20px;
	  h3{
			  font-weight: 500;
			  font-size: 20px;
			  color: var(--primary-color);	
	  }
  .specialFareFlex{
  .displyFlexCheckBox {
  display: flex;
		gap:6px;
		padding: 3px 0px 0px;
		flex-wrap: wrap;
		justify-content: start;
		align-items:center;
  
	@media (max-width: 767px) {
  
	}
  .form-check-input:focus{
	  box-shadow: none;
  }
  .form-check-input:checked{
	  background: var(--secondary-color);
  }
	.radioTxtmain {
	  line-height: 20px;
  
	  .form-check-label {
		color: #333;
		font-size: 13px;
		font-weight: 400;
  
		i{
	  background: var(--secondary-color);
			  font-style: normal;
			  color: #fff;
			  border-radius: 30px;
			  padding: 2px 9px;
			  font-size: 10px;
		}
	  }
  
	  p {
		margin-bottom: 0px;
		font-size: 12px;
		font-weight: 300;
  
	  }
	}
  
	.form-check {
  margin-bottom: 0px;
		  display: flex;
		  align-items: start;
		  justify-content: start;
		  padding-left: 0px;
		  gap: 8px;
		  border: 1px #ddd solid;
	 padding: 5px 10px;
		  border-radius: 10px;
		  @media (max-width: 570px) {
  width: 100%;
		  }
	}
  
	.form-check-input {
	  border: 1px var(--primary-color) solid;
	  width: 19px;
	  height: 19px;
	  margin: 0;
	  position: relative;
	top: 4px;
	}
  
	.activeMain {
	  background: var(--primary-color) !important;
	  color: var(--white-color) !important;
	  position: relative;
  
	}
  
  }

  }
  }
  .paxWrapperMain {
grid-template-columns: 2fr 2fr 1.5fr 1fr !important;
  
	@media (max-width: 1199px) {
	  grid-template-columns: 1fr 1fr !important;
	  border: medium;
	}
  
	.form-select {
	border: none;
    background: transparent;
    height: 53px;
    padding-left: 0px;
    cursor: pointer;
	  @media (max-width: 570px) {
		width: 133px;
		color: #000;
	  }
	}
	.form-select:focus {
	  box-shadow: none;
	}
	.search-widget-form-body__departure {
	  @media (max-width: 1199px) {
		border-bottom: 1px var(--secondary-color) solid !important;
	  }
	}
	.paxDivBorder {
	    padding-bottom:0px!important;
	  @media (max-width: 1199px) {
		border-right: 1px var(--secondary-color) solid !important;
		border-top: none !important;
		border-left: none !important;
	  }
	  @media (max-width: 570px) {
		border-left: 1px var(--secondary-color) solid !important;
	  }
	}
  }

  .fromMainalldiv{
	position: relative;

	}
  }