body,.container-fluid{
overflow-x:hidden !important;
}
.container-fluid{
overflow:hidden !important;
overflow-x:hidden !important;
}
a,span,p,h1,label,input{

font-family: 'Inter', sans-serif !important;	
}
.hidden{
    display:none !important;
}
.navbar{
	margin:0;
	position:fixed;
	top:0;
	width:100%;
	background:rgba(0,0,0,0.4);
	border-bottom:0;
	font-family: 'Inter', sans-serif;
	border-radius:0;
	z-index:3;
}
.flights-nav{
	margin:0;
	position:fixed;
	top:0;
	width:100%;
	background:transparent !important;
	border-bottom:0;
	font-family: 'Inter', sans-serif;
}
.navbar ul li a,.navbar-brand{
	color:#fff !important;
	font-family: 'Inter', sans-serif;
	font-weight:300;
}
.navbar-brand{
	font-weight:800;
}
.nav-container{
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.nav-container .menu{
	color:#fff;
	font-weight:bold;
}
.nav-container .menu a{
	color:#fff;
	font-weight:normal;
}
.nav-container .dropdown-toggle{
	color:#fff;
	font-family: 'Inter', sans-serif !important;
	font-size:16px;
	font-weight:600 !important;
}
.flights-nav .nav-container .menu{
	color:#fff;
	border:1px solid #fff;
	padding:5px;
	border-radius:10px;
	text-decoration:none;
}
.flights-nav .nav-container .menu a{
	color:#fff;
}
.flights-nav  .nav-container .dropdown-toggle{
	color:#fff;
	font-weight:600 !important;
}
.flight-row-1{
    margin-bottom:10px;
}
.remove-flight-w{
	display:flex;
	justify-content:left;
	align-items:center;
	height:100px;
}

.remove-flight{
    background:rgba(0,0,0,0);
    color:#fff;
    font-size:25px;
    border:none;
}
.nav-container .dropdown-toggle:hover{
	text-decoration:none !important;
}
.nav-container .dropdown-menu li a{
	color:#000 !important;
}
.dropdown-menu li a:hover .dropdown-toggle,
.dropdown-menu li:hover .dropdown-toggle,
.dropdown-menu:hover .dropdown-toggle{
	text-decoration:none !important;
}
.hero{
	height:calc(100vh - 0px);
	width:100vw;
	background-image: url('../images/hero.jpeg'); /* Replace with your image URL */
	background-size: cover;
	background-position: center;
	/* text-align: center; */
	padding:0 !important;
}
.flight-hero{
	height:calc(100vh - 0px);
	width:100vw;
	margin: 0;
	padding: 0;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* Hide any overflow content */
	position: relative;
}
.flight-hero::after {
            content: "";
            background-color: rgb(102,102,102);
            background: linear-gradient(120deg, rgba(102,102,102,1) 0%, rgba(158,150,159,1) 54%, rgba(0,0,0,1) 100%);
            background-image: url('../images/flight.jpg'); /* Replace with your image URL */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
			width:100vw;
			height: 100vh;
            z-index: -1; /* Place it behind the content */
            animation: scaleBackground 10s forwards; /* Animation duration and timing */
        }
@keyframes scaleBackground {
            0% {
                transform: scale(1.5);
            }
            100% {
                transform: scale(1); /* Scale factor for zooming in/out */
            }
        }
.discover-btn{
	height:40px;
	width:180px;
	position:absolute;
	bottom:130px;
	z-index:1;
	background:#fff;
	border-radius:15px;
	right:100px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:10px;
}
.discover-round{
	height:35px;
	width:35px;
	background:#000;
	border-radius:50%;
	margin-right:2px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.discover-btn i{
	color:#fff;
}
.more-cities-tools{
	height:50px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;

}
.more-cities-tools .search-flight{
		height:42px;
	margin-top: 20px;
	float:right;


}
/* Additional styles for the hero content (e.g., heading and subheading) */
.hero h1 {
	font-size: 36px;
	margin-top: 190px;
	width:40%;
	color:#fff;
	padding:50px;
	/*position:absolute;*/
	/*bottom:220px;*/
	font-weight:900;
}
.about-hero h1 {
	margin-top: 50px;
}
.flight-hero h1{
	bottom:0px;
	width:100%;
	text-align:center;
	font-family: 'Inter', sans-serif;
	font-weight:900;
	color:#fff;
	/*padding:50px;*/
	/*position:absolute;*/
	font-size: 36px;
	margin-bottom: 20px;
	overflow:hidden;
}
.hero p {
	font-size: 18px;
}
.flight-hero .hero-lg-text{
	position:relative;
}
.hero-row{
    height:100%;
	width:100vw;
}
.hero-lg-text{
	height:100%;
	width:100vw;
	display:flex;
	position:relative;
	/* justify-content:center; */
	/* align-items:center; */
}
.hero-box{
	height:200px;
	width:200px;
	background:#f2f2f2;
	border-radius:10px;
	overflow:hidden;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.hero-row{
    flex-direction:column;
    margin:0 auto;
}
.hero-card{
    height:100%;
    
}
.brand-box-container{
	/*position:absolute;*/
	bottom:0px;
	width:100%;
	background:#fff;
	min-height:250px;
	padding-top:30px;
}
.brand-box-container .box-row a{
	color:#000;
}
.brand-box-container .box-row p{
	font-size:14px;
	font-weight:300;
}
.active-box p{
	color:#ff9900; 
}
.brand-box-container .box-row a:hover,.active-box{
	color:#ff9900;
	text-decoration:none;
	border:1px solid #ff9900;
	display:block;
	height:200px; 
	width:200px;
	overflow:hidden;
	border-radius:10px;
} 
.active-box{
	/* border:3px dotted #ff9900;  */
}
.box-row a i{
	display:none;
}
.active-box .hero-box-bottom i{
	display:inline-block;
	color:#ff9900;
}
.mobile{
    display:none;
}
.desktop{
    display:block;
}
  
.box-row img{ 
	transform:scale(1.01);
	transition:.05s all; 
    animation: scaleImg 5s forwards; /* Animation duration and timing */
        }
.active-box img{ 
	transform:scale(1.1);
	transition:.05s all; 
     animation: scaleImg 5s forwards; /* Animation duration and timing */
        }
@keyframes scaleImg {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.1); /* Scale factor for zooming in/out */
            }
        }
        
.flight-box-body{
	bottom:100px;
	min-height:250px;
	position:absolute;
	width:100%;
} 
.flight-box-container{
	background:rgba(0,0,0,0);
}
.box-row,.flight-box-row{
	margin:0 auto;
	width:80%;
	z-index:20;
}
.flight-box-row{
	background:rgba(0,71,186,0.7);
	height:100%;
	border-radius:30px;
	padding:20px;
}
.hero-box-top{
	width:100%;
	height:150px;
}

.hero-box-top img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.hero-box-bottom{
	width:100%;
	height:50px;
	display:flex;
    justify-content:center;
	align-items:center;
}
.hero-box-bottom p{
	margin:0;
}
.locations-box{
	display:flex;
    justify-content:space-between;
	align-items:center;
	gap:1px;
	position:relative;
}
.date-box{
	gap:1px;
}
.locations-box .form-group{
	background:#fff;
	padding:10px;
	width:49%;
	margin-bottom:0;
}
.date-box .form-group{
	background:#fff;
	padding:10px;
	width:49.9%;
}
.locations-box .form-group .form-control{
	border:none;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	padding-left:0px;
}
.locations-box .form-group label{
	font-weight:normal;
	size:11px;
	color:#666;
}
.flight-type li{
	display:flex;
	height:30px;
	align-items:center;
	padding-left:10px;
}
.flight-type li a{
	width:90%;
}
.flight-type li a:hover{
	background:transparent;
}
.flight-type li:hover,.flight-type li.selected{
	background:rgba(255, 153, 0,0.4);
	color:#fff;
}
.search-flight,.submit-contact{
	display:flex;
    justify-content:space-between;
	align-items:center;
	height:84px;
	background:#000;
	color:#fff;
	border:none;
    box-shadow: 2 2px 4px rgba(204,204,204,.075);
	padding:0 10px;
	font-weight:600;
}
.modal-footer{
    position:relative;
    height:60px;
}
.submit-contact{
    height:40px;
    position:absolute;
    top:5px;
    right:20px;
    padding:10px;
}
.more-cities{
    border:1px solid #666;
    background:#fff;
    color:#666;
    padding:10px;
    margin-top:20px;
}
.flight-box-row .custom-select{
	color:#fff;
	padding:10px;
	font-weight:bold;
	display:flex;
	align-items:center;
	height:40px;
	margin-bottom:10px;
}
.passengers-menu{
	color:#000;
	width:250px;
	position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 10px;
	  margin: 2px 0 0;
	  font-size: 14px;
	  text-align: left;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #ccc;
	  border: 1px solid rgba(0,0,0,.15);
	  border-radius: 4px;
	  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.bx-container{
	display:flex;
    justify-content:space-between;
	align-items:center;
}
.action-box{
	height:20px;
	width:20px;
	background:#fff;
	display:flex;
    justify-content:center;
	align-items:center;
}
.action-box i {
	height:100%;
	width:100%;
	display:flex;
    justify-content:center;
	align-items:center;
}
.action-box.plus,.action-box.minus{
	background:#faf9f7;
	height:30px;
	width:30px;
}
.action-box.plus{
	background:rgba(255, 153, 0,0.4);
}
.passenger-category p{
	font-weight:300;
	margin-bottom:0px;
	font-size:13px;
}
.passenger-category span{
	font-weight:100;
	font-size:11px;
	color:#353434;
}
.ps-c-wrap{
	margin-bottom:25px;
}
.btn-rows{
	margin:0 auto;
	margin-top:20px;
}
.btn-rows .btn{
	float:right;
	margin-left:10px;
}
.selection-wrap{
	display:flex;
	gap:30px;
}
.location-arrows{
	height:40px  !important;
	width:40px !important;
	background:#ff9900;
	border-radius:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center; 
	position:absolute;
	top: 50%;
    left: 50%; 
	color:#fff;
	z-index:3;
    transform: translate(-50%, -50%);
}
.description-box{
	margin:70px 0; 
}
.description-box p{
	font-weight:300;
}
.description-box .btn{
	float:right;
	border:1px solid #ccc;
	color:#000;
}
.description-box .btn:hover{
	float:right;
	border:1px solid #ff9900;
	color:#ff9900;
	transition:0.5s all
}
.chat{
	position:fixed;
	bottom:20px;
	right:20px;
	height:40px;
	width:40px;
	color:#42f56c;
}
.chat a{
	font-size:36px;
	color:#42f56c;
}
.chat span{
	position:absolute;
	right:5px;
	top:5px;
	font-size:8px;
	width:15px;
	height:15px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center; 
	background:#42f56c;
	color:#fff;
	padding:4px;
	animation: pop 1s infinite alternate; /* Animation duration and timing */
        }
.selected-option,.psg-text{
    cursor:pointer;
}
@keyframes pop {
            0% {
                transform: scale(1);
            }
            100% {
                transform: scale(1.1); /* Scale factor for zooming in/out */
            }
        }
.alert{
    position:fixed;
    width:200px;
    min-height:100px;
    top:70px;
    right:50px;
    font-weight:bold;
    z-index:9999999999;
}
.cities-container{
    position:relative;
}
.cities-container ul{
    list-style:none;
    position:absolute;
    width:100%;
    padding:5px;
    font-weight:12px;
    top:70px;
    max-height:80px;
    overflow-y:auto;
    background:#fff;
    left:0;
    z-index:10;
}
.cities-container ul li{
    padding:5px 0;
    border-bottom:1px solid #f6f6f6;
    cursor:pointer;
}
.form-control[type='text']{
    padding:5px !important;
}
.error-input{
    border: 1px solid rgba(255,0,0,0.3) !important;
}

.third-head{
    color:#666;
    font-size:20px;
    font-weight:600;
    font-family: 'Inter', sans-serif !important;
}
.intro-container{
    margin-top:60px;
    margin-bottom:100px;
}
.m-about-intro{
    margin-bottom:10px !important;
}
.intro-side p{
    font-size:30px;
    font-weight:900;
    color:#000;
    font-family: 'Inter', sans-serif !important;
    text-transform:uppercase;
}
.about-intro-container p{
    font-size:15px;
    font-weight:400;
    color:#000;
    font-family: 'Inter', sans-serif !important;
}
.about-intro-container{
    margin-top:40px;
    margin-bottom:60px;
}
.about-intro-side p{
    color:#000;
    font-family: 'Inter', sans-serif !important;
}
.btn-link{
    font-size:14px;
    font-weight:900;
    color:#000;
    font-family: 'Inter', sans-serif !important;
    text-transform:uppercase;
    height:70px;
    min-width:180px;
    max-width:250px;
    border-radius:35px;
    gap:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#ccc;
    /*float:right;*/
    /*margin-right:20px;*/
}
.btn-link.no-btn{
    background:rgba(0,0,0,0);
     padding-left:20px;
}
 .btn-link:hover{
    text-decoration:none;
    background:#ccc;
}
.btn-link.no-btn:hover{
    background:rgba(0,0,0,0);
    color:#fff;
}
.about-hero{
    height:350px;
    background-image: url('../images/services-photo.jpeg');
}
.row{
    margin:0 auto;
}
.about-hero h1 {
	bottom:320px;
}
.about-home-section{
    min-height:80vh;
    background:#fafafa;
    transition:0.5s ease-in-out;
    padding-top:60px;
    padding-bottom:60px;
}
.about-section-page{
    min-height:80vh;
    background:#fff;
    transition:0.5s ease-in-out;
    padding-top:60px;
    padding-bottom:60px;
}
.about-home-section .about-side{
    background:#000;
    min-height:650px;
    position:relative;
}
.brands-section .about-side{
    background:#000;
    min-height:550px;
    position:relative;
}
.brands-section .about-side .about-side-bottom {
  min-height: 300px;
}
.brands-section .card {
  margin-bottom: 40px;
}
.brands-section .about-side {
  border-radius:20px;
}
.about-home-section .about-side:nth-child(1){
    margin-top:120px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/services-photo.jpeg') center/cover no-repeat;
}

.about-section-page{
    margin-top:10px;
}
.about-section-page .about-side{
     margin-top:10px !important;
}
.main-about-side-left .about-side-bottom{
    position:static;
}
.about-side-left{
    min-height:450px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%), url('../images/what-we-do-photo.jpeg') center/cover no-repeat;
}
.main-about-side-right{
    min-height:450px;
    padding:50px;
}
.about-home-section .about-side-right .about-side{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/services-photo.jpeg') center/cover no-repeat;
}
.about-side.cp-side{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/flight.webp') center/cover no-repeat !important;
}
.about-side.sd-side{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/logistics.jpg') center/cover no-repeat !important;
}
.about-side.game-side{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/games.jpg') center/cover no-repeat !important;
}
.about-side.ppty-side{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%), url('../images/throne-building-photo.webp') center/cover no-repeat !important;
}
.about-side-right{
    margin-top:220px;
}
.about-side-bottom{
    position:absolute;
    min-height:400px;
    bottom:0;
    padding:30px;
    color:#fff;
}
.about-side-bottom .btn-link{
    opacity:0;
}
.about-home-section .about-side:hover .btn-link{
    opacity:1;
    transition:0.5s ease-in-out;
}

.about-home-section .about-side:hover .about-side-bottom .no-btn{
    opacity:1;
    transition:0.5s ease-in-out;
    color:#fff;
}
.about-side-bottom h1,.main-about-side-right h1{
    font-weight:bold;
    font-family: 'Inter', sans-serif !important;
    text-transform:uppercase;
}
.footer{
    background:#000;
    float:left;
    width:100%;
    margin-top:100px;
    padding:40px 0 100px 0;
}
.footer ul{
    list-style:none;
    padding:0;
}
.footer ul li{
    margin-bottom:10px;
}
.footer ul li a{
    color:#ccc;
}
.footer h2{
    color:#fff;
    font-size:20px;
}
.footer-logo-wrap{
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.progress-bar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: rgba(0,0,0,0.4);
            z-index: 1000;
            top:50px;
            display:none;
        }

        .progress-bar-indicator {
            height: 100%;
            width: 0;
            background-color: #ff9900;
        }
.contact-ul{
    list-style:none;
    padding:0;
    margin-top:50px;
}
.contact-ul li{
  display:flex;
  gap:10px;
  margin-bottom:20px;
}
.contact-ul li i{
   height:25px;
   width:25px;
   display:flex;
   border-radius:50%;
   border:1px solid #666;
   background:#000;
   color:#fff;
   justify-content:center;
   align-items:center;
}

@media screen and (max-width: 600px) {
    .hero-card:nth-child(1){
        height:100vh;
    }
      .brand-box-container{
        min-height:100vh;
    }
.hero h1 {
	font-size: 36px;
	margin-top: 80px;
	width:100%;
	color:#fff;
	padding:20px;
	padding-left:10px;
	position:absolute;
	bottom:160px;
	font-weight:900;
}
.about-hero h1 {
  margin-top: 80px;
  bottom:30px;
  position:static;
}
  .box-row,.flight-box-row{
	margin:0 auto;
	width:100%;
	z-index:20;
}
.box-row .col-12{
    margin-bottom:30px;
    padding:0;
}
.hero-box{
	width:100%;
}
.s-flight{
    width:100%;
    height:50px;
    display:flex;
    justify-content:center;
    margin-top:20px;
}
.brand-box-container .box-row a:hover,.active-box{
	width:100%;
}
.main-about-side-right {
  min-height: 450px;
  padding: 20px;
}
.front-about,.main-about,.main-about .container,.about-section-page .container,.about-section-page{
    padding:0;
}
.about-section-page .about-section-page-row{
    flex-direction:row-reverse;
}
.about-side-right {
  margin-top: 20px;
}
.front-about .about-side:nth-child(1),
.main-about .about-side:nth-child(1){
    margin-top:10px;
    padding:0;
}
 .front-about .about-side  .about-side-bottom{
    height:500px;
}
.about-side-bottom .btn-link {
  opacity: 1;
}
.front-about .container .row .col-12,
.main-about .container .row .col-12,
.about-section-page .container .row .col-12{
    padding:0;
}
.mobile{
    display:block;
}
.desktop{
    display:none;
}
.locations-box .form-group{
	background:#fff;
	padding:10px;
	width:50%;
	margin-bottom:0;
}
.flight-row{
	position:relative;
}
.remove-flight-w{
	height:10px;
}
.remove-flight{
	position:absolute;
	z-index:2;
	top:-170px;
	right:20px;
}
.remove-flight i{
	color:#000;
	font-size:20px;
}
.flight-hero h1 {
    font-size:15px;
}
/*.chat{*/
/*	position:fixed;*/
/*	top:2px;*/
/*	right:20px;*/
/*	height:80px;*/
/*	width:40px;*/
/*	color:#42f56c;*/
/*	z-index:30;*/
/*}*/
.selection-wrap .dropdown  .dropdown-toggle{
    font-size:11px !important;
}
}