*{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
a{
    display: inline-block;
    text-decoration: none;
}
@font-face {
    font-family: 'bookman-demi';
    src: url('../fonts/BookmanStd-Demi.otf');
}
@font-face {
    font-family: 'bookman-light';
    src: url('../fonts/BookmanStd-Light.otf');
}
@font-face {
    font-family: 'bookman-medium';
    src: url('../fonts/BookmanStd-Medium.otf');
}
body{

}

/*
----------------------------
| start:: common css
---------------------------- 
*/


/*
----------------------------
| start:: Header  css
---------------------------- 
*/
header{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;

}
.main-nav{
padding: 10px 0px;
}

.main-nav p {
    margin-bottom: 0px;
    font-family: 'bookman-light';
    font-size: 18px;
    color: #000070;
}
.main-nav a{
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.main-nav img{
    width: 80px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.profile-user-name{
    position: relative;
}
.user-profile-all-info{
    position: absolute;
    right: 0;
    top: 86%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFFFFF;
    z-index: 999;
}
.user-profile-all-info ul{
    padding: 0px;
    margin-bottom: 0;
}

.user-profile-all-info ul li a {
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 1px;
    border-radius: 0px;
    border-bottom: 1px solid #c2bfbf !important;
    width: 100%;
    color: #000000;
    font-size: 18px;
}
.user-profile-all-info ul li a:last-child {
    border-bottom: none;
}
.user-profile-all-info ul li a:hover{
    border-bottom: 1px solid gray;
}
.user-profile-all-info ul li a img{
    width: 20px;
    margin-right: 5px;
}
.profile-page-section{
    padding: 50px 0px;
}
.profile-main-container{
    padding: 50px 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFFFFF;

}

.profile-main-container h3{
    font-family: 'bookman-light';

}
.my-profile {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #023047;
    color: #FFFFFF;
    font-family: 'bookman-light';
}
.my-profile h4{
    padding: 5px 30px;
}
.profile-page-section{
    background-color: #f9f9f9;
}


/* 
start:: search section
===================================
*/

.home-slider-section{
    /* background-image: url('./images/banner_image/search-bg.jpg'); */
    background: radial-gradient(circle, rgb(26 137 151) 5%, rgb(41 78 137) 100%);
    padding: 100px 0px;
}
.ticket-search-box {
    background-color: #23017a;
    color: #fff;
    padding: 30px 20px;
    border: 1px solid white;
    border-radius: 10px;
}
.radio-btn-container{
    color: #FFF;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.radio-btn-container input[type=radio]{
    height: 20px;
    width: 20px;
}
.radio-btn-container div:first-child{
   margin-right: 10px;;
}

.radio-btn-container label{
    padding:0px 5px;
    font-size: 17px;
    font-family: 'bookman-light';
}
.search-item label{
    font-weight: 600;
    font-size: 15px;
}
.search-item label span{
  font-size: 16px;
}
div#ui-datepicker-div {
    width: 22%;
}
.traveler-item-container{
    position: relative;
}
.pasenter-show {
    background-color: #FFFF;
    color: #000;
    border-radius: 6px;
    padding: 1px 0px;
}
.pasenter-show p input {
    padding: 6px;
    border-radius: 5px;
    border: none;
    outline: none;
    text-align: right;
    max-width: 150px;
}
.pasenter-show p{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.traveler-item{
    position: absolute;
    left: 0;
    top: 103%;
    background-color: white;
    width: 100%;
    height: 200px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 5px;
    color: #000;
    z-index: 11;
}
.pasenger-count{
    padding: 5px;
    border-bottom: 1px solid gainsboro;
}
.pasenger-count .pasenger-right p{
    margin-bottom: 0px;
    background-color: darkcyan;
    color: #FFF;
    margin: 1px 0px;
    padding: 0px 2px;
}
.pasenger-count .pasenger-right input {
    width: 24px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    height: 50px;
    border: 1px solid #dbdada;
}
.pasenger-count .pasenger-right input:focus {
    outline: none;
}
.pasenger-count .pasenger-left h6 span {
    font-size: 14px;
}
.pasenger-count .pasenger-left p {
    padding-left: 15px;
    font-size: 14px;
}
.traveler-item{
    display: none;
}
.search-button-pasenger  {
    text-align: center;
}
.search-item section {
font-size: 15px;
}
.search-item input {
font-size: 15px;
}
.search-item input::placeholder {
font-size: 15px;
}
.search-item button {
    border: none;
    background-color: #f10000;
    color: #FFF;
    font-weight: bold;
    padding: 11px 50px;
    font-size: 18px;
    border: 1px solid #FFF;
    border-radius: 10px;
}
.pasenger-return-date{
    display: none;
}
/* start:: booking page
====================================== */
.booking-page-main-section,
.transaction-page-main-section{
    padding: 50px 0px;
}
.booking-history-title,
.transaction-title{
    background-color: #023047;
    color: #FFFFFF;
    font-family: 'bookman-light';
}
.booking-history-title h4,
.transaction-title h4{
    font-size: 20px;
    margin-bottom: 0;
    padding: 3px ;
}


/* 
-----------------------------
start:: banner slider 
-----------------------------
*/
.home-slider-item img{
    width: 100%;
    max-height: 500px;
}
/* start:: navbar area */
.slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.slick-dots li {
  margin: 3px;
}
    
.slick-dots button {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #ff3600;
    text-indent: -9999px;
}
li.slick-active button {
    background-color: #0a44d7;
}

/*
----------------------------
| start:: ticket section
---------------------------- 
*/
.ticket-section{
    padding: 100px 0px;
}
.our-ticket-title h3{
    font-family: 'bookman-medium';
    font-size: 40px;
    margin-bottom: 50px;
}
.ticket-card{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.ticket-card img{
    width: 100%;
    height: 230px;
}
.ticket-text{
    padding: 15px;
}
.ticket-text ul{
    padding-bottom: 15px;
}
.ticket-text h5 {
    font-family: 'bookman-medium';
    padding: 15px 0px;
    font-size: 22px;
}
.ticket-text a:last-child{
    color: #FFFFFF;
    background-color: #0a44d7;
    font-family: 'bookman-medium';
    padding: 7px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.ticket-text ul li i{
    padding-right: 10px;
    margin-top: 7px;
}
.ticket-text ul li span{
    font-family: 'bookman-light';
}
.ticket-text ul li{
  line-height: 30px;
}
/* 
start:: partners section
=============================================
*/
.partners-section{
    padding-top: 50px;
    padding-bottom: 100px;
}
.partners-title h3{
    padding-bottom: 100px;
    font-family: 'bookman-medium';
    font-size: 40px;
}
.partner-slider-item{
    text-align: center;
}
.partner-slider-item img{
    width: 200px;
    margin: 0 auto;
}

.partner-slider-item{
    position: relative;
}

.partner-slider-item ul {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50px);
    bottom: 40%;
    background-color: red;
}
.partner-slider-wrapper .slick-dots {
    bottom: -80%;
}

/* 
start:: footer
==========================================
*/
footer{
    background-color: #00283C;
    padding-top: 100px;
    padding-bottom: 50px;
}
.footer-logo img{
    max-width: 150px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.quick-link h3{
    color: #FFFFFF;
    font-family: 'bookman-medium';
    padding-bottom: 20px;
}
.quick-link ul li{
  line-height: 30px;
}
.quick-link ul li a{
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'bookman-light';
}
.follow-us a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background-color: ghostwhite;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin-right: 10px;
    font-size: 18px;
    color: #00283C;
}
.copyrith-footer-text {
    padding-top: 20px;
    border-top: 1px solid #FFFFFF;
    margin-top: 20px;
    color: #FFFFFF;
}
.copyrith-footer-text p{
    margin: 0px;
    font-family: 'bookman-light';
}

/* 
start:: booking page
============================================
*/
.booking-form-section{
    padding: 100px 0px;
    background-color: #ededed;
}
.booking-form-container{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #FFFFFF;
}
.booking-form-title{
    text-align: center;
    padding-bottom: 50px;
}
.booking-form-title h2{
    font-family: 'bookman-medium';
    padding-bottom: 20px;
}
.bookingl-form-item input{
    padding: 8px;
}
.bookingl-form-item {
    margin-bottom: 15px;
}
.bookingl-form-item input::placeholder{
    font-size: 16px;
}
.bookingl-form-item label{
    font-family: 'bookman-light';
    font-size: 16px;
}
.bookingl-form-item label sup{
    color: rgb(228, 6, 6);
    font-size: 7px;
    padding-left: 2px;
}
.bookingl-form-item button{
    border: none;
    background-color: #0a44d7;
    color: #FFF;
    padding: 7px 10px;
    font-family: 'bookman-light';
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 10px;
}
/* start:: login page
==================================== */
.login-form-section{
    padding: 100px 0;
    background-color: #f9f9f9;
}
.login-form-wrapper{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 50px 30px;
    background-color: #FFFFFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.input-box input{
    padding: 8px;
    font-size: 17px;
}
.input-box button{
    width: 100%;
    border: none;
    background-color: #0a44d7;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-family: 'bookman-medium';
    font-size: 18px;
}
.input-box label{
    font-family: 'bookman-light';
    padding-bottom: 5px;
    font-size: 17px;
}
.login-form-title h2{
    font-family: 'bookman-medium';
    padding-bottom: 50px;
}
.route-to-reg p{
    font-family: 'bookman-medium';
    font-size: 15px;
}
/* login page slider */
.login-banner-item img{
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.registration-banner-item img{
    width: 100%;
    height: 300px;
    object-fit: contain;
}



/* start:: details page 
=============================================*/
.details-banner-section img{
    width: 100%;
}
.details-banner-section img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.details-body-section{
    padding: 80px 0px;
}
.details-body-title h2{
    font-family: 'bookman-medium';
    font-size: 40px;
    padding-bottom: 50px;
}
.details-ruls p{
    font-family: 'bookman-light';
    font-size: 18px;
}
.details-ruls{
    padding: 50px 30px;
}
.fly-info{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 50px 30px;
}
.fly-info ul li {
    font-size: 18px;
    font-family: 'bookman-light';
}
.fly-info ul li i {
    padding-right: 10px;
    line-height: 26px;
    font-size: 16px;
}
.fly-info p, h4 {

}
.fly-info p{
    font-size: 18px;
}
.fly-info a{
    background-color: #0a44d7;
    color: #FFF;
    padding: 7px 14px;
    font-family: 'bookman-light';
    margin-top: 30px;
}

/* start::table 
====================================*/

.table-overflow{
    overflow-x: auto;
}


.whatsapp-section a{
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: block;
    background-color: red;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.whatsapp-section a img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}