@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Medium.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Heavy.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Light.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Regular.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Black.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic Ultra';
    src: url('../fonts/DINNextLTArabic-UltraLight.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('../fonts/DINNextLTArabic-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

*{
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: 'DIN Next LT Arabic' !important;
}

/* header */
.main-header{
    background-color: black;
    padding: 20px 0;
}

.main-header .logo{
    width: 70%;
}

.main-header .side-menu-opts{
    display: flex;
    align-items: center;
    justify-content: end;
}

.main-header .side-menu-opts .menu ul {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.main-header .side-menu-opts .menu ul li{
    margin-right: 30px;
}

.main-header .side-menu-opts .menu ul li a{
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.2px;
    align-items: centers;
    transition: 0.6s;
}

.main-header .side-menu-opts .menu ul li a:hover{
    color: #FF0007;
    transition: 0.6s;
}

.main-header .side-menu-opts .menu ul li a img{
    margin-right: 8px;
}

.main-header .side-menu-opts .user-menu ul {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.main-header .side-menu-opts .user-menu ul li{
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.main-header .side-menu-opts .user-menu ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.main-header .side-menu-opts .user-menu ul li .form-select{
    background: transparent;
    color: #fff;
    font-size: 14px;
    padding: 0;
    border: none;
}

.main-header .side-menu-opts .user-menu ul li a img{
    margin-right: 6px;
}

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    font:normal 11px/22px Arial, Sans-Serif;
    color:black;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:transparent;
    color: #fff;
    font-size: 16px;
    text-align: right;
}
.styledSelect:after {
    content: url(../image/down-red.svg);
    width:0;
    height:0;
    width: 15px;
    height: 15px;
    position:absolute;
    top:0px;
    left: 5px;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    width: 200px;
    border-radius: 10px;
    padding: 5px !important;
    left:0;
    z-index:999;
    overflow-x: hidden;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 !important;
    padding:10px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
}
.options li:hover{
    background-color: #FF0007;
    color: #fff;
}
.options li:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
.switches-container {
    width: 4rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #fff;
    line-height: 1.3rem;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: #231F20;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    font-family: 'Cairo', sans-serif !important;
}

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
    border-radius: 5px;
    background: #FF0007;
    height: 100%;
}

.arabic-txt{
    line-height: 20px !important;
    font-weight: 600 !important;
}

.switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: #fff ;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    line-height: 22px;
    font-family: 'Noto Sans Arabic', sans-serif;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}


/* home-banner */
.home-banner{
    width: 100%;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    max-height: 25rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    background-color: #FAFAFA;
    align-items: center;
    justify-content: center;
}

.home-banner .swiper-slide{
    background-color: #FAFAFA;
}

.search-form{
    background-color: #FAFAFA;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-bottom: 40px;
}

.home-banner .myBannerSwiper{
    width: 100%;
    position: relative;
    z-index: 1;
}

.home-banner .myBannerSwiper .swiper-slide img{
    position: relative;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.home-banner .myBannerSwiper .swiper-slide .banner-title{
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translateY(-50%);
    z-index: 9999;
}

.home-banner .myBannerSwiper .swiper-slide .banner-title h1{
    font-size: 65px;
    color: #fff;
    font-weight: 600;
    font-family: 'DIN Next LT Arabic' !important;
    text-shadow: 7px 2px 9px rgba(0,97,134,0.71);
}



/* search-bar css */
.flight-hotels-search-tabs{
    margin-top: -30px;
    position: relative;
    z-index: 99;
}

.flight-hotels-search-tabs #ex1{
    background: transparent;
}

.flight-hotels-search-tabs .tab-content .tab-pane .tab-content{
    background-color: #fff;
    padding: 10px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.flight-hotels-search-tabs .nav-tabs {
    border: none;
    background-color: #fff;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.flight-hotels-search-tabs .nav-item{
    min-width: 160px;
    border-radius: 10px;
    margin-right: 20px;
}

.flight-hotels-search-tabs .nav-item .nav-link {
    line-height: 45px;
    border: none;
    padding: 0;
    border-radius: 20px;
    background-color: #231F20;
    color: #fff;
    display: flex;
    align-items: end;
    max-height: 40px;
    justify-content: space-between;
}

.flight-hotels-search-tabs .nav-item .nav-link.active{
    background-color: #FF0007;
}

.flight-hotels-search-tabs .nav-item .nav-link .search-ico-bx{
    width: 50px;
    height: 50px;
    background-color: #fff;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    border: 1px solid #FF0007;
    align-items: center;
    justify-content: center;
}
.flight-hotels-search-tabs .nav-item .nav-link .search-ico-bx img{
    width: 28px;
    height: 28px;
}

.flight-hotels-search-tabs .nav-item .nav-link span{
    width: 100%;
    padding-right: 10px;
    font-size: 16px;
    text-align: center;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-link{
    background-color: transparent;
    color: #231F20;
    font-weight: 600;
    justify-content: center;
    text-transform: capitalize;
    font-size: 14px;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-link.active{
    background-color: #FF0007;
    color: #fff;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-item{
    margin: 0;
    min-width: 130px;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-item:first-child a{
    border-radius: 0;
    border-top-left-radius: 10px;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-item:nth-child(2) a{
    border-radius: 0;
    border-left: 1px solid #FF0007;
    border-right: 1px solid #FF0007;
}

.flight-hotels-search-tabs .tab-pane .inner-flight-search .nav-item:last-child a{
    border-radius: 0;
    border-top-right-radius: 10px;
}

.flight-hotels-search-tabs .tab-pane .inner-tabs-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.one-way-flight-search form{
    display: flex;
    align-items: center;
}

.from-to-city{
    width: 35%;
    position: relative;
}

.from-to-city .from-city-name{
    margin-bottom: 3px;
}

.from-to-city input{
    width: 100%;
}

.switch-city-opt{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    z-index: 99;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}


.one-way-flight-search .departure-date, .multi-city-search .departure-date{
    height: 5rem;
    margin: 0 10px;
    width: 20%;
    position: relative;
}

.round-trip-search .departure-date{
    height: auto;
}

.one-way-flight-search .departure-date input{
    border: 1px solid #AEAEAE;
    min-height: 40px;
    border-radius: 5px;
    background-color: #F6F4F4;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    height: 100%;
    padding: 0 15px;
    width: 100%;
}

.one-way-flight-search .departure-date label{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    padding: 0 10px;
    height: 100%;
    background-color: #FF0007;
    z-index: 99;
    width: 40px;
    height: 100%;
}


/* single datepicker */

#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
    z-index: 999 !important;
    width: 20rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #78909C;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #546E7A;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #FF0007;
    color: #fff;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #FF0007;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 50%;
    transform: rotate(180deg);
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909C;
	font-weight: 400;
	font-size: 0.75rem;
}

.multi-city-search .single-city-data{
    margin: 20px 0;
}

.multi-city-search .single-city-data h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.multi-city-search .single-city-data h4 img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.multi-city-search .single-city-data .departure-date{
    width: 30%;
}

.multi-city-search .single-city-data .add-new-flight-opt{
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: 700;
    color: #FF0007;
    cursor: pointer;
    margin-left: 10px;
}

.multi-city-search .single-city-data .add-new-flight-opt img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

/* common checkbox */
input[type="checkbox"]+label {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
}

input[type="checkbox"] {
	position: absolute;
	left: -9999px;
}

/* the checkbox
-----------------------------------------------*/
input[type="checkbox"]+label::after {
	content: '';
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 2px;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	transition: background-color 1s;
	background-image: url(../image/search/white-tick.svg);
    background-size: 70%;
    background-repeat: no-repeat;
	background-position: center;
}

/* the checkbox -- checked
-----------------------------------------------*/
input[type="checkbox"]:checked+label::after {
	border: 1px solid rgb(255, 0, 7, .9);
	background-color: rgb(255, 0, 7, .9);
}

/* the checkbox -- disabled
-----------------------------------------------*/
input[type="checkbox"]:disabled+label::after {
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: rgba(0, 0, 0, .05);
	background-image: none;
}


/* the focus ripple
-----------------------------------------------*/
input[type="checkbox"]+label::before {
	content: '';
	border-radius: 50%;
	background-color: rgb(255, 0, 7, .1);
	position: absolute;
	box-sizing: border-box;
	top: 5px;
	left: 3px;
	width: 1.5px;
	height: 1.5px;
}

input[type="checkbox"]:focus+label::before {
	animation: ripple 1s ease-out;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

.form-input{
    position: relative;
}

.form-input input{
    padding-left: 18%;
    padding-right: 5%;
    border: 1px solid #AEAEAE;
    min-height: 40px;
    border-radius: 5px;
    background-color: #F6F4F4;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
}

.form-input label{
    position: absolute;
    left: 20px;
    background-color: #F6F4F4;
    font-size: 14px;
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
}


/* travellers-info */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.travellers-info {
    width: 20%;
    margin-right: 10px;
}

.travellers-info .options{
    width: 100%;
}

.travellers-info .styledSelect:after{
    left: auto;
    right: 12px;
}

.one-way-flight-search .travellers-info .input-group .quantity-field{
    height: 40px;
    font-size: 14px;
    border: 1px solid #919496 !important;
    border-radius: 5px !important;
    background-color: #F2F2F2 !important;
    width: 70% !important;
    text-align: center !important;
    margin: 0 5px !important;
}

.one-way-flight-search .travellers-info .input-group{
    flex-wrap: nowrap;
}

.one-way-flight-search .travellers-info .button-minus, .travellers-info .button-plus{
    width: 35px;
    height: 40px;
    margin: 0 !important;
    border-radius: 8px !important;
    color: #fff;
    position: relative;
    font-size: 20px !important;
    background-color: #FF0007;
    display: flex;
    align-items: normal;
    justify-content: center;
}

.one-way-flight-search .travellers-info .button-minus::placeholder {
    color: #fff;
    text-align: c;
    opacity: 1; /* Firefox */
}


.one-way-flight-search .travellers-info .select{
    border: 1px solid #AEAEAE;
    background-color: #F6F4F4;
    height: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}

.one-way-flight-search .travellers-info .styledSelect{
    color: #FF0007;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.one-way-flight-search .travellers-info .styledSelect::after{
    border-color: #FF0007 transparent transparent transparent;
}

.one-way-flight-search .search-btn a, .one-way-flight-search .search-btn button {
    height: 5rem;
    background-color: #FF0007;
    border: none;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}

.one-way-flight-search .search-btn a img, .one-way-flight-search .search-btn button img{
    width: 25px;
    height: 25px;
    margin-bottom: 2px;
}


/* round-trip css */

/* date range picker */

.ui-datepicker {
    padding: 5px 4px;
    background: white;
    border: none;
}
.ui-datepicker .ui-datepicker-stay-duration {
    color: #231F20;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
}
.ui-datepicker .ui-datepicker-header {
    background: #FF0007;
    border: none;
    padding-top: 12px;
    border-radius: 5px;
    padding-bottom: 9px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    width: 33px;
    height: 33px;
    left: 13px;
    top: 10px;
    background: url('../image/search/calender-btn.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    border: none;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 13px;
    top: 10px;
    width: 33px;
    height: 33px;
    background: url('../image/search/calender-btn.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    line-height: normal;
    font-size: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-group {
    margin: 0 2px;
    width: 49% !important;
    float: left;
}
.ui-datepicker .ui-datepicker-calendar {
    background-color: #fff;
    width: 100% !important;
    margin: 0 !important;
    table-layout: fixed;
}
.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
    width: 37px;
    height: 23px;
    padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th {
    font-weight: 900;
    color: #231F20;
    font-size: 13px;
}
.ui-datepicker .ui-datepicker-calendar .sejour > a {
    background: #ffd9db;
    border-radius: 0;
}
.ui-datepicker .ui-datepicker-calendar .start > a {
    position: relative;
    background: #FF0007;
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .start > a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #FF0007;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
}
.ui-datepicker .ui-datepicker-calendar .end > a {
    position: relative;
    background: #FF0007;
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .end > a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #FF0007 transparent transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -6px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border: none;
    outline: 0;
    background: none;
    color: #231F20;
    font-size: 13px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    background: #FF0007;
    color: #fff;
}


/* recent search css */

.site-main-title h2{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.recent-search{
    margin: 30px 0;
}

.home-ticket{
    background-color: #F6F4F4;
    border-radius: 10px;
    border: 1px solid #AEAEAE;
    transition: 0.6s;
}

.home-ticket .city-info{
    display: flex;
    align-items: end;
    justify-content: center;
}

.home-ticket .airline-icon-dcs span{
    background-color: #A7A9AB;
    border-color: #A7A9AB;
}

.home-ticket .airline-icon-dcs .arrow{
    border-color: #333333;
}

.home-ticket .airline-icon-dcs .arrow::before{
    background-color: #333333;
}

.home-ticket .airline-icon-dcs .arrow::after{
    border-right-color: #333333;
}

.ticket-upper span{
    border-radius: 9px 0px 10px 0px;
    border: 0.8px solid #FCB8BC;
    background: #FFECEC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    padding: 8px 15px;
    color: #E20A18;
    line-height: 16px;
}

.ticket-upper p{
    color: #006EE3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin: 0 10px 0;
}

.airline-icon-dcs h6{
    margin-bottom: 0;
    font-size: 12px;
}

.airline-icon-dcs p{
    font-size: 12px;
    font-weight: 800;
}

.from-city-name-ticket{
    text-align: right;
    padding-right: 15px;
}

.to-city-name-ticket{
    text-align: left;
    padding-left: 15px;
}

.from-city-name-ticket, .airline-icon-dcs, .to-city-name-ticket{
    width: 32%;
}

.second-ui-searchbc .from-city-name-ticket h4, .second-ui-searchbc .to-city-name-ticket h4{
    font-size: 40px !important;
    color: #333333;
}

.from-city-name-ticket h4, .to-city-name-ticket h4 {
    font-size: 24px;
    color: #2B2B2B;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.from-city-name-ticket span, .to-city-name-ticket span{
    font-size: 12px;
    color: #989898;
    font-weight: 500;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.airline-icon-dcs{
    position: relative;
    margin: 0 10px;
    text-align: center;
}

.airline-icon-dcs span{
    position: relative;
    border: 1px solid #FF0007;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #FF0007;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.to-city-name{
    text-align: right;
}

.airline-icon-dcs span svg{
    width: 22px;
    height: 22px;
}

.airline-icon-dcs span svg path{
    fill: #fff;
}

.arrow{
    height: 1px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #FF0007;
}

.arrow::before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #FF0007;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -2px;
}

.arrow::after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;   
    border-right: 5px solid #FF0007; 
    border-left: 5px solid transparent; 
    position: absolute;
    right: -10px;
    top: -4px;
    transform: rotate(180deg);
}

.upcoming-detl-bx, .book-new-trips {
    border-radius: 10px;
    background: #F5F5F5;
    padding: 20px;
    height: 100%;
}

.next-trip-ticket{
    border-radius: 10px;
    border: 1px solid #ADADAD;
    background: #F5F3F3;
    max-width: 650px;
    text-align: center;
}


.next-trip-ticket .from-city-name-ticket, .next-trip-ticket .to-city-name-ticket{
    line-height: 1;
}

.next-trip-ticket .from-city-name-ticket h4, .next-trip-ticket .to-city-name-ticket h4{
    font-size: 38px;
}

.next-trip-ticket .from-city-name-ticket span:nth-child(2), .next-trip-ticket .to-city-name-ticket span:nth-child(2){
    color: #313131;
}

.next-trip-ticket .from-city-name-ticket span:nth-child(3), .next-trip-ticket .to-city-name-ticket span:nth-child(3){
    color: #8E9093;
}

.next-trip-ticket{
    padding: 15px 0 0;
}

.airline-name span{
    font-size: 14px;
    color: #2B2B2B;
    margin-left: 5px;
    font-weight: 500;
}

.flight-result-filter{
    background-color: #FAFAFA;
    padding: 30px 0;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}

.flight-city-dtls .airline-icon-dcs{
    width: 90%;
}
.flight-city-dtls .from-city-name,
.flight-city-dtls .to-city-name{
    width: 25%;
}

.flight-city-dtls .from-city-name h4,
.flight-city-dtls .to-city-name h4{
    color: #2B2B2B;
font-size: 22px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}

.flight-city-dtls .from-city-name span,
.flight-city-dtls .to-city-name span{
    text-overflow: inherit;
    white-space: inherit;
    font-size: 12px;
    line-height: 10px;
}

.airline-icon-dcs h6{
    color: #333333;
font-size: 14px;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
margin-top: -8px;
}

.flight-major-dtls {
    display: inline-flex;
    width: 100%;
}

.flight-major-dtls p{
    color: #8E9093;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px !important;
    width: 100%;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.booking-status-brdr {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ADADAD;
}

.booking-status-brdr{
    position: relative;
}

.booking-status-brdr::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    position: absolute;
    left: -10px;
    top: -10px;
    border-right: 1px solid #787878;
}

.airline-name img{
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.site-main-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-main-title a{
    color: #FF0007;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}

.booking-status-brdr::after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    border-left: 1px solid #787878;
}

.booking-status{    
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
border-radius: 20px;
max-width: max-content;
padding: 2px 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
color: #49B677;
line-height: 15px;
}

.booking-success{
    border: 1px solid #008200;
    background: #fff;
    color: #008200;
    line-height: 1;
}

.ticket-number-dtls {
    padding: 8px 22px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.booking-update{
    width: 100%;
    display: block;
    background-color: #F5F3F3;
}

.tick-book-dtls {
    text-align: center;
    width: 50%;
}

.tick-book-dtls{
    border-right: 1px solid #D3D3D3;
}

.tick-book-dtls:last-child{
    border: none;
}

.tick-book-dtls p{
    color: #8E9093;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 2px;
}


.tick-book-dtls span{
    color: #3D3D3D;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.feature-flights{
    margin: 50px 0;
    background-color: #F5F5F5;
    padding: 30px 20px;
    border-radius: 10px;
}

.feature-flight-dtls{
    border-radius: 10px;
    border: 1px solid #E1E1E1;
    background: #FFF;
    margin-bottom: 20px;
}

.feature-flight-dtls .airline-dtls{
    display: flex;
    align-items: center;
    padding: 20px;
}

.feature-flight-dtls .airline-dtls .airline-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
}

.feature-flight-dtls .airline-dtls .ariline-name-city{
    margin-left: 20px;
}

.feature-flight-dtls .airline-dtls .ariline-name-city h5 a{
    color: #006EE3;
font-family: Inter;
font-size: 16px;
margin-bottom: 0;
font-style: normal;
text-decoration: none;
font-weight: 600;
line-height: 150.023%; /* 24.004px */
}

.feature-flight-dtls .airline-dtls .ariline-name-city span{
    color: #444;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150.023%; /* 21.003px */
}

.feature-flight-dtls .booking-status-brdr::before, .feature-flight-dtls .booking-status-brdr::after{
    background-color: #F5F5F5;
}

.ticket-price-dtls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
}

.ticket-price-dtls h4{
    color: #231F20;
font-family: Inter;
font-size: 13px;
font-style: normal;
margin-bottom: 0;
font-weight: 700;
line-height: 150.023%; /* 19.503px */
}

.ticket-price-dtls a{
    color: #E20A18;
font-family: Inter;
font-size: 12px;
text-decoration: none;
font-style: normal;
font-weight: 600;
line-height: 150.023%; /* 18.003px */
}

.feature-hotels-dtls{
    margin-bottom: 20px;
}

.hotel-dtl-bx{
    border-radius: 10px;
border: 1px solid #E1E1E1;
background: #FFF;
width: 100%;
}

.hotel-dtl-bx .hotel-bx-img, .hotel-bx-img img{
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}

.hotel-dtl-bx .hotel-bx-img .hotel-ratings{
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    font-size: 12px;
background: rgba(0, 0, 0, 0.47);
}

.hotel-dtl-bx .hotel-bx-img .hotel-ratings img{
    width: 15px;
    height: 15px;
    margin-right: 2px;
}

.hotel-dtl-bx .hotel-bx-img .hotel-ratings span{
    margin-right: 2px;
}

.hotel-dtl-bx .hotel-dtls{
    padding: 20px;
}

.hotel-dtl-bx .hotel-dtls h5{
    color: #006EE3;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 2px;
}

.hotel-dtl-bx .hotel-dtls span{
    color: #4D4D4D;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 149.523%; /* 17.943px */
}

.hotel-dtl-bx .hotel-dtls .hotel-price-dtls{
    border-top: 1px solid #E2E2E2;
    padding-top: 15px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotel-dtl-bx .hotel-dtls .hotel-price-dtls h4{
    color: #231F20;
font-family: Inter;
font-size: 14px;
font-style: normal;
margin-bottom: 0;
font-weight: 700;
line-height: 150.023%; /* 19.503px */
}

.hotel-dtl-bx .hotel-dtls .hotel-price-dtls a{
    color: #E20A18;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 150.023%; /* 18.003px */
text-decoration: none;
}

.exclusive-offers{
    margin-bottom: 50px;
}

.bg-light-blue {
    background: #EDF6FF;
}

.citys-bx {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 1px solid #cdcdcd;
}

.city-img-bx, .city-img-bx img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.exclusive-offers .city-img-bx img{
    max-height: 160px;
    object-fit: cover;
}

.offer-price{
    border-radius: 0px 16px 0px 20px;
border: 1px solid #A1030D;
background: #E20A18;
padding: 5px 15px;
position: absolute;
top: 0;
right: 0;
width: max-content;
align-items: center;
justify-content: center;
}

.offer-price span{
    color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 500;
}

.city-detail {
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.city-detail span{
    color: #000;
font-size: 14px;
font-style: normal;
font-weight: 500;
}

.city-detail p{
    margin-bottom: 0;
    font-weight: 700;
    font-size: 20px;
    color: #4E4F4F;
}

.city-detail a{
    margin-top: 5px;
    color: #FF0007;
font-size: 15px;
font-style: normal;
font-weight: 500;
}

.site-black-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.site-black-title a {
    color: #E20A18;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
}

.recent-search-bx .city-info{
    display: flex;
    align-items: center;
    justify-content: center;
}

.recent-search-bx .city-info .airline-icon-dcs span{
    position: absolute;
}

.recent-search-bx .home-ticket h5{
    text-align: center;
    font-size: 12px;
    color: #333333;
}

.recent-search-bx .home-ticket .city-info{
    margin-bottom: 5px !important;
}

/* mobile css */
.menu-button {
    width: 32px;
    cursor: pointer;
    z-index: 9999999;
    display: block;
    height: calc(10px + 8px);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.menu-button__wrapper {
    position: relative;
    z-index: 9999999;
    width: 35px;
    height: 35px;
    border-radius: 2px;
}
.menu-button__bar {
    background-color: #fff;
    height: 2px;
    width: 26px;
    display: block;
    left: 2px;
    position: absolute;
    transition: all 0.4s ease;
}
.menu-button.active .menu-button__bar{
    background-color: #000;
}
.menu-button__bar:nth-of-type(2) {
    top: 8px;
}
.menu-button__bar:nth-of-type(3) {
    top: 16px;
}
.menu-button.active .menu-button__bar {
    transform: translateY(8px) rotate(45deg);
}
.menu-button.active .menu-button__bar:nth-of-type(2) {
    transform: translateX(2rem);
    opacity: 0;
    visibility: hidden;
}
.menu-button.active .menu-button__bar:nth-of-type(3) {
    transform: translateY(-8px) rotate(-45deg);
}
.menu-overlay {
    background-color: white;
    height: 100%;
    width: 50%;
    right: 0;
    top: 0;
    position: fixed;
    padding: 5rem 2rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    transform: translateX(100%);
    z-index: 999999;
}
.menu-overlay.open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
}
.background-overlay {
    background-color: rgba(25, 25, 25, 0.5);
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
    left: 0;
    top: 0;
    transition: all 0.4s ease;
    position: fixed;
}
.background-overlay.bg-overlay {
    display: block;
}
.side-menu-mobile .nav:first-child{
    border-top: 1px solid #ADADAD;
}
.side-menu-mobile .nav {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ADADAD;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.side-menu-mobile .nav__item {
    text-decoration: none;
    color: #191919;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.4s ease;
    position: relative;
    align-self: flex-start;
}
.side-menu-mobile .nav__item svg{
    font-size: 18px !important;
    margin-right: 8px;
    color: #FF0007;
}
.side-menu-mobile .nav__item:not(:last-child) {
    margin-bottom: 15px;
}
.side-menu-mobile .nav__item::after {
    content: "";
    background-color: #191919;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    transition: all 0.4s ease;
}
.side-menu-mobile .nav__item:hover::after {
    width: 100%;
}

.wp-mobile-ico, .side-menu-mobile{
    display: none;
}


/* my profile css */

.my-profile-details{
    background-color: #F5F3F3;
    padding: 60px 0;
}

.profile-links {
    width: 100%;
    background-color: #000;
    border-radius: 20px;
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* required */
}

.profile-img-dtls{
    min-height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.profile-img-dtls img{
    width: 150px;
    height: 150px;
}

.profile-img-dtls h5{
    color: #fff;
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}

.profile-img-dtls p{
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.profile-links .bottom-white-part{
    padding: 15px 25px;
    background-color: #fff;
    border: 1px solid #ADADAD;
    width: 100%;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.profile-links .nav .nav-link{
    text-align: left;
    color: #4E4F4F;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #F5F3F3;
    font-weight: 500;
}

.profile-links .nav-pills .nav-link::after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 10px;
    font-weight: 600;
}

.profile-links .nav .nav-link img{
    width: 25px;
    height: 25px;
    margin-right: 12px;
}

.profile-links .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .profile-links .nav .nav-link:hover{
    background-color: transparent;
    font-weight: 700;
    color: #FF0007;
}

.basic-info-profile{
    margin: 40px 0;
}

.basic-info-profile h5{
    font-size: 15px;
    font-weight: 700;
}

.basic-info-profile p{
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}

.basic-info-profile p a{
    font-weight: 600;
    font-size: 14px;
    color: #FF0007;
    text-decoration: none;
}

.profile-last-part {
    padding: 0 30px;
    margin-top: 30%;
    text-align: center;
}

.profile-last-part button{
    width: 100%;
    padding: 8px 10px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #FF0007;
    border-radius: 10px;
    color: #FF0007;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
}

.profile-last-part p{
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.profile-last-part p a{
    color: #FF0007;
    text-decoration: none;
    font-weight: 500;
}

.profile-main-content{
    background-color: #fff;
    height: 100%;
    border: 1px solid #ADADAD;
    border-radius: 20px;
    padding: 40px 60px;
}

.profile-tab-title{
    display: flex;
    align-items: center;
    text-align: center;
    padding-bottom: 35px;
    border-bottom: 1px solid #FF0007;
    margin-bottom: 30px;
}

.profile-tab-title img{
    width: 40px;
    height: 40px;
    /* margin-left: 40px; */
}

.profile-tab-title svg, .profile-tab-title svg path{
    width: 40px;
    height: 40px;
    fill: #FF0007;
}

.rtl-faq-img{
    display: none;
}

.profile-tab-title h4{
    width: 90%;
    font-weight: 600;
}


.faqs-list .accordion-item{
    border: none;
}

.faqs-list .accordion-body{
    border-bottom: 1px solid #ADADAD;
    font-size: 14px;
}

.faqs-list .accordion-button{
    background-color: transparent;
    border: none;
    color: #000;
    border-bottom: 1px solid #ADADAD;
    font-weight: 500;
    padding-left: 0;
    padding-right: 10px;
}

.faqs-list .accordion-button::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");
}


.faqs-list .accordion-button:focus{
    box-shadow: none;
}

.about-us-content, .terms-condition-content{
    width: 100%;
}

.about-us-content img{
    width: 100%;
    margin: 15px 0;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
}

.about-us-content p, .terms-condition-content p{
    font-size: 15px;
    margin: 15px 0;
    font-weight: 400;
    text-align: justify;
}

.about-us-content a, .terms-condition-content a{
    color: #FF0007;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
}

.terms-condition-content h2{
    font-weight: 600;
    font-size: 20px;
}

.terms-condition-content h3{
    font-weight: 600;
    font-size: 18px;
}

.terms-condition-content h4{
    font-weight: 600;
    font-size: 16px;
}

.terms-condition-content ul{
    padding-left: 0;
    margin: 20px 0;
}

.terms-condition-content ul li{
    padding-left: 15px;
    margin: 10px 0;
    font-weight: 400;
    position: relative;
}

.terms-condition-content ul li::before{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #FF0007;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.round-trip-city-data-requi, .multiple-city-time-func{
    display: none;
}

.searched-roundtrip .round-trip-city-data-requi{
    display: block;
}

.searched-roundtrip .default-city-info{
    display: none;
}

.roundtrip-flight-details{
    display: none !important;
}

.searched-multicity .multiple-city-time-func{
    display: block;
}

.searched-multicity .one-way-time-filter{
    display: none;
}

.second-ui-searchbc .round-trip-city-data-requi .arrow::before, .second-ui-searchbc .multi-city-data-requi .arrow::before{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #FF0007;
    border-left: 5px solid transparent;
    background-color: transparent !important;
    width: 0;
    height: 0;
    left: -10px;
    top: -4px;
    border-radius: 0;
}

.second-ui-searchbc .round-trip-city-data-requi .airline-icon-dcs span img{
    width: 25px;
    height: auto;
}

.searched-roundtrip .roundtrip-flight-details{
    display: flex !important;
}

/* custom price range slider */
.price-range-slider {
    width: 100%;
    float: left;
}
.price-range-slider .price-amoubnt p{
    font-size: 15px;
    font-weight: 400;
}

.price-range-slider .price-amoubnt{
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
}

.price-range-slider .range-value {
    margin: 0;
}
.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: #000 ;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 20px 0 20px 0;
}
.price-range-slider .range-bar {
    border: none;
    background: #dddddd;
    margin-top: 20px;
    height: 3px;
    width: 96%;
    margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
    background: #FF0007;
}
.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    border: 2px solid #FF0007;
    background: #fff;
    height: 20px;
    width: 20px;
    top: -8px;
    cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
    background: #fff;
    border: 2px solid #FF0007;
}

.round-trip-time-fuct .nav-link, .round-trip-time-fuct .nav-tabs, .multiple-city-time-func .nav-tabs, .round-trip-time-fuct .nav-tabs{
    border: none;
}

.round-trip-time-fuct{
    display: none;
}

.flight-tim-tab-cont{
    margin-top: 20px;
}

.depart-times-selection h5{
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
    color: #353535;
}

.deprature-times.project {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.depart-bx input {
    display: none;
}

.depart-bx label {
    width: 65px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 2px;
    margin-bottom: 5px;
    cursor: pointer;
}

.depart-bx:last-child label{
    margin-right: 0;
}

.depart-bx label p {
    color: #000;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    line-height: normal;
    margin-top: 5px;
}

.depart-bx input:checked+label {
    color: #fff;
    background-color: #FF0007;
}

.depart-bx input:checked+label svg path {
    fill: #fff;
    stroke: #fff;
}

.depart-bx input:checked+label .depart-bx-txt {
    color: #fff;
}

.searched-roundtrip .one-way-time-filter{
    display: none;
}

.one-way-time-filter{
    display: block;
}

.searched-roundtrip .round-trip-time-fuct{
    display: block;
}

.round-trip-time-fuct .nav-tabs, .multiple-city-time-func .nav-tabs{
    justify-content: space-between;
    margin-top: 10px;
}

.round-trip-time-fuct .nav-item, .multiple-city-time-func .nav-item{
    width: 48%;
}

.multiple-city-time-func .nav-item{
    width: 30%;
}

.round-trip-time-fuct .nav-link, .multiple-city-time-func .nav-link{
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1.5px 8px 0px;
    background-color: #fff;
    color: #353535;
    font-size: 12px;
    padding: 10px 5px;
    font-weight: 500;
    border-radius: 4px;
}

.round-trip-time-fuct .nav-link.active, .multiple-city-time-func .nav-link.active{
    background-color: #FF0007;
    color: #fff;
}

/*--- /.price-range-slider ---*/


/* download app css */

.download-app{
    width: 100%;
    height: 100%;
    background-image: url(../image/download-app-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.download-app-img img{
    width: 100%;
}

.download-app .down-text{
    height: 100%;
    width: 100%;
}

.rtl-download-app{
    background-image: url(../image/download-app-bg-rtl.png);
}

.rtl-dir-img{
    display: none;
}

.download-txt h5{
    color: #E20A18;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
}

.download-txt h2{
    color: #231F20;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.download-txt p{
    color: #2B2B2B;
font-size: 14px;
font-style: normal;
margin-top: 10px;
font-weight: 500;
}

.qr-download {
    margin-top: 20px;
}

.scan-txt p{
    color: #2B2B2B;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0px;
}

.scan-txt span{
    color: #2B2B2B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.marketplace-download ul li{
    margin-right: 10px;
}

/* defaault swiper arrow */

.swiper-button-next,.swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-next:after, .swiper-button-prev:after{
    color: #231F20;
    font-size: 14px;
    font-weight: 700;
}


/* back to top css */

.go-top {
    position:fixed;
    bottom: 5%;
    right: 3%;
    padding:20px;
    display:none;
    cursor: pointer;
    transition: all .4s linear;
    z-index: 99999;
      -webkit-font-smoothing: antialiased;
  }
  .go-top:after {
    font-family: FontAwesome;
    content: "\f106";
      background-color: #FF0007;
      padding: 5px 12px;
      border-radius: 5px;
    color: #fff;
    position: absolute; 
    bottom:10px;
    font-size: 22px;
  }
  
  .go-top:hover {
      transition: all .4s linear;
      transform: scale(1.1);
  }



/* login popup css */

.login-rehlte-pop .modal-content{
    background-color: #F5F3F3;
    border-radius: 20px;
}

.login-rehlte-pop .modal-header{
    border-bottom: none;
    position: relative;
    justify-content: center;
}

.login-rehlte-pop .modal-header .btn-close{
    position: absolute;
    font-size: 12px;
    left: 10px;
}

.login-rehlte-pop .modal-header .modal-title{
    font-weight: 800;
}

.login-rehlte-pop .modal-body{
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    border-radius: 20px;
}

.login-rehlte-pop .modal-body h5{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 10px;
}

.login-tabs{
    padding: 0 50px;
}

.login-tabs .nav{
    border: none;
    justify-content: center;
}

.login-tabs .nav .nav-item .nav-link{
    width: 188px;
    border: none;
    margin-right: 10px;
    border-radius: 10px;
    padding: 10px 0;
    border: 1px solid transparent !important;
    background-color: #F5F3F3;
    font-size: 14px;
    color: #231F20;
    font-weight: 600;
}

.login-tabs .nav .nav-item .nav-link.active{
    background: transparent;
    border: 1px solid #FF0007 !important;
    color: #FF0007;
}

.login-tabs .nav .nav-item .nav-link:hover{
    border: none;
}

.form-floating input{
    height: 50px !important;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
}

.form-floating label{
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
}

.form-floating input:focus{
    border-color: #FF0007;
    box-shadow: 0 0 0 0.25rem rgb(255, 0, 7, .15) !important;
}

.iti--separate-dial-code .iti__selected-flag{
    background-color: #fff;
    border-right: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 0 10px;
}

.input-group-append {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.input-group-append .input-group-text{
    background: transparent;
    border: none;
    font-size: 14px;
    cursor: pointer;
    color: #FF0007;
}

.sign-in-btn button{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #FF0007;
    width: 100%;
    color: #fff;
    border-radius: 10px;
    outline: none;
    border: none;
    margin-top: 20px;
    padding: 12px 0;
    text-transform: capitalize;
}

.intl-tel-input,
.iti{
  width: 100%;
}

.sign-in-popup-dtls .create-account-note{
    font-size: 14px;
    color: #616161;
    margin-top: 10px;
}

.sign-in-popup-dtls .tab-pane a{
    color: #FF0007;
    font-size: 14px;
    margin: 20px 0;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
}

.sign-in-popup-dtls span{
    font-size: 14px;
    font-weight: 600;
}

.sign-in-popup-dtls span a{
    color: #FF0007 !important;
    cursor: pointer;
}

.other-login-opts span{
    font-size: 12px;
    background-color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
}

.other-login-opts{
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 20px;
    position: relative;
    background-color: #606060;
}

.social-media-logins ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media-logins ul li{
    margin-right: 15px;
}

.social-media-logins ul li img{
    border-radius: 10px;
    transition: 0.8s;
}

.social-media-logins ul li img:hover{
    transform: rotate(360deg);
    transition: 0.8s;
}

.successfully-sent-otp{
    padding: 0 50px;
}

.successfully-sent-otp h4{
    font-size: 20px;
    font-weight: 700;
}

.otp-inputs input{
    max-width: 70px;
    text-align: center;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.create-account-note{
    font-size: 14px;
    font-weight: 600;
}

/* flight-result-css */

.innerpage-search-ticket{
    border-color: #adadad;
    position: relative;
}

.innerpage-search-ticket .from-city-name-ticket h4, .innerpage-search-ticket .to-city-name-ticket h4{
    font-size: 30px;
}

.innerpage-search-ticket .from-city-name-ticket span,.innerpage-search-ticket .to-city-name-ticket span{
    font-size: 14px;
}

.innerpage-search-ticket .airline-icon-dcs{
    width: 170%;
}

.innerpage-search-ticket .airline-icon-dcs .flight-major-dtls{
    align-items: flex-end;
}

.innerpage-search-ticket .airline-icon-dcs .flight-major-dtls p{
    width: 50%;
    font-size: 14px;
    margin-bottom: 8px;
}

.innerpage-search-ticket .airline-icon-dcs .flight-major-dtls h6{
    margin-top: 0;
    width: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #FF0007;
    margin-bottom: 20px;
    text-align: center;
}

.innerpage-search-ticket .airline-icon-dcs .flight-major-dtls h6 p{
    color: #231F20;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
}

.active-visible .flights-direct-opts label{
    color: #fff;
}

.second-ui-searchbc.active-visible{
    z-index: 9999;
    position: relative;
}

.active-visible .second-ui-searchbc{
    z-index: 999;
    position: relative;
    width: 100%;
}

.modify-search-flight{
    display: none;
}

.active-visible .modify-search-flight{
    display: block;
    z-index: 999;
    position: relative;
    margin-top: 20px;
}

.active-visible .modify-serch-edit-btn{
    transform: rotate(180deg) translateY(50%) !important;
}

.active-visible .backdrop-shades{
    display: block;
}

.backdrop-shades{
    display: none;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
}

.second-ui-searchbc .flight-major-dtls{
    justify-content: center;
}

.second-ui-searchbc .flight-major-dtls h6 p{
    margin-bottom: 0 !important;
    font-size: 20px !important;
}

.second-ui-searchbc .flight-major-dtls h6{
    font-size: 18px !important;
    margin-bottom: 30px !important;
}

.second-ui-searchbc .travellers-sort-info{
    margin-top: -10px;
}

.modify-search-pop .flight-hotels-search-tabs{
    margin-top: 0;
}

.second-ui-searchbc .arrow{
    border-color: #FF0007 !important;
}

.second-ui-searchbc .arrow::before{
    background-color: #FF0007 !important;
}

.second-ui-searchbc .arrow::after{
    border-right-color: #FF0007 !important;
}

.second-ui-searchbc .airline-icon-dcs span{
    width: 40px;
    height: 40px;
    top: -20px !important;
    background-color: #FF0007 !important;
    border-color: #FF0007 !important;
}

.innerpage-search-ticket .city-info{
    align-items: center;
}

.innerpage-search-ticket .travellers-sort-info ul{
    margin: 0;
    display: inline-flex;
    padding-left: 14px;
}

.innerpage-search-ticket .travellers-sort-info ul li{
    display: flex;
    margin-right: 15px;
    align-items: center;
}

.innerpage-search-ticket .travellers-sort-info ul li img{
    margin-right: 4px;
}

.innerpage-search-ticket .travellers-sort-info ul li h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.innerpage-search-ticket .modify-serch-edit-btn{
    position: absolute;
    right: -15px;
    top: 50%;
    cursor: pointer;
    z-index: 9;
    transform: translateY(-50%);
}

.date-selector {
    overflow-x: hidden;
    white-space: nowrap;
    position: relative;
}

.scrollable-dates {
    display: flex;
}

.pricing-calender{
    text-align: right;
}

.pricing-calender a{
    border-radius: 20px;
    background-color: #FF0007;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border: 1px solid transparent;
}

.date-option.selected{
    background-color: #FF0007;
    color: #fff;
}

.date-option .date{
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.date-option .price{
    font-weight: 600;
    font-size: 18px;
}

.pricing-calender a:hover, .pricing-calender a:focus{
    background-color: transparent;
    border: 1px solid #FF0007;
    box-shadow: none;
    color: #FF0007;
}

.pricing-collaps{
    margin-top: 10px;
}

.date-option {
    margin-right: 20px; /* Adjust the spacing between date options */
    cursor: pointer;
}

.day-name{
    font-weight: 400;
    font-size: 14px;
}

.scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    background-color: #f1f1f1;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.left {
    left: 10px;
}

.right {
    right: 10px;
}


.pricing-collaps .card{
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ADADAD;
}

.pricing-collaps .card .prev-date, .pricing-collaps .card .next-date{
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fce5e6;
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    justify-content: center;
}

.pricing-collaps .card .prev-date{
    left: -10px;
    right: auto;
}

.pricing-collaps .card .next-date{
    right: -10px;
    left: auto;
}

.pricing-collaps .card .prev-date, .pricing-collaps .card .next-date svg{
    color: #FF0007;
    font-size: 18px;
    font-weight: 700;
}

.date-option {
    margin-right: 13px;
    cursor: pointer;
    width: 20%;
    text-align: center;
    border: 1px solid #e4e4e4;
    padding: 12px 20px;
    border-radius: 10px;
    display: flex;
    font-weight: 600;
    flex-direction: column;
}

/* flight filters */
.flight-filters{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ADADAD;
    padding: 15px;
}

.flight-filters .flight-filters-title{
    background-color: #FF0007;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 14px;
}

.flight-filters .flight-filters-title span{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.flight-filters .flight-filters-title img{
    margin-left: 5px;
}

.flights-result-found .founded-results{
    display: flex;
    padding: 10px 5px;
    align-items: center;
    justify-content: space-between;
}

.flights-result-found .founded-results span{
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
}

.flights-sort-by .srot-by-lists ul{
    padding: 15px 0 5px;
    margin-bottom: 0;
}

.flights-sort-by .srot-by-lists ul li{
    padding: 0 0 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #D4D4D4;
}

.flights-sort-by .srot-by-lists ul li span{
    width: 100%;
}

.flights-sort-by .srot-by-lists ul li span label{
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    text-transform: capitalize;
    padding-left: 0;
}
.flights-sort-by .srot-by-lists ul li span label::after{
    left: auto;
    right: 0;
    width: 18px;
    height: 18px;
}
.flights-sort-by .srot-by-lists ul li span label::before{
    left: auto;
    right: 15px;
}

.main-filters-opts .incre-dec-filters{
    width: 100%;
    margin: 0 0 20px;
}

.main-filters-opts{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main-filters-opts .incre-dec-filters label{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #231F20;
}

.main-filters-opts .incre-dec-filters .button-plus, .main-filters-opts .incre-dec-filters .button-minus{
    width: 20px;
    height: 25px;
    margin: 0 !important;
    border-radius: 5px !important;
    color: #fff;
    font-size: 14px !important;
    border: none;
    outline: none;
    background-color: #FF0007;
}

.main-filters-opts .incre-dec-filters .quantity-field{
    height: 25px;
    font-size: 12px;
    border: 1px solid #AEAEAE !important;
    border-radius: 5px !important;
    background-color: #FAFAFA !important;
    width: 50% !important;
    text-align: center !important;
    margin: 0 2px !important;
}

.stops-opts{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.stops-opts span label{
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}

.airlines-lists ul li span label{
width: 100%;
display: flex;
align-items: center;
}

.airlines-lists ul{
    max-height: 200px;
    overflow-y: auto;
}

.airlines-lists ul li{
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.airlines-lists ul li span label img{
    width: 25px;
    height: 20px;
    border: 1px solid #e4e4e4;
    margin-right: 5px;
}

.flight-filters .lbl::after{
    width: 16px;
    border-radius: 2px;
    height: 16px;
}

.airline-logo{
    min-height: 160px;
    border: 1px solid #adadad;
    border-radius: 20px;
    text-align: center;
    padding: 10px 15px;
}

.airline-logo .airline-price{
    padding-bottom: 15px;
    border-bottom: 1px solid #adadad;
    font-size: 22px;
    font-weight: 700;
    color: #231F20;
    margin-bottom: 10px;
    line-height: 14px;
}

.airline-logo a{
    text-decoration: none;
}

.airline-logo img{
    width: 50px;
    height: 50px;
}

.airline-slider .swiper-button-next{
    right: -10px;
}

.airline-slider .swiper-button-prev{
    left: -10px;
}

.airline-slider .swiper-button-next, .airline-slider .swiper-button-prev{
    top: 50%;
    transform: translateY(20%);
    background-color: #fce5e6;
}

.airline-slider .swiper-button-next::after, .airline-slider .swiper-button-prev::after{
    color: #FF0007;
    font-size: 18px;
}

.search-flight-results {
    margin: 20px 0;
}

.search-flight-results .flight-result-bx {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #adadad;
}

.search-flight-results .flight-result-bx .flight-basic-infos {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 25px 20px 25px;
    border-right: 1px dashed #D1D1D1;
}

.search-flight-results .flight-result-bx .flight-basic-infos .flight-img-duration .flight-airline-img{
    align-items: center !important;
}

.search-flight-results .flight-result-bx .flight-basic-infos .flight-img-duration, .search-flight-results .flight-result-bx .flight-basic-infos .flight-img-duration .flight-airline-img {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.search-flight-results .flight-result-bx .flight-basic-infos .flight-img-duration .flight-airline-img img{
    width: 70px;
    height: 70px;
}

.search-flight-results .flight-result-bx .flight-basic-infos .flight-img-duration .flight-airline-img h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 12px;
}

.flight-duration-timimg-info .airline-icon-dcs{
    width: 60%;
}

.flight-duration-timimg-info .airline-icon-dcs .arrow{
    border-color: #CCCCCC;
    width: 90%;
    display: table;
    margin: 0 auto;
}

.flight-duration-timimg-info .airline-icon-dcs .arrow::before{
    background-color: #CCCCCC;
}

.flight-duration-timimg-info .airline-icon-dcs .arrow::after{
    border-right-color: #CCCCCC;
}

.flight-duration-timimg-info .airline-icon-dcs{
    margin: 0;
}

.flight-duration-timimg-info .airline-icon-dcs{
    width: 100%;
}

.flight-duration-timimg-info .airline-icon-dcs .flight-major-dtls{
    align-items: flex-end;
}

.flight-duration-timimg-info .airline-icon-dcs .flight-major-dtls p{
    font-size: 20px;
    color: #231F20;
    margin-bottom: 10px;
    font-weight:  500;
}

.flight-duration-timimg-info .airline-icon-dcs .flight-major-dtls h6{
    font-size: 15px;
    width: 70%;
    margin-bottom: 10px;
    font-weight: 500;
    color: #8E9093;
}

.flight-airline-img .airlin-log-name{
    display: flex;
    align-items: center;
}

.flight-duration-timimg-info{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
}

.flight-more-inf-part {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flight-airline-img{
    width: 30%;
    justify-content: flex-start !important;
}

.depart-arrival-flight-ico{
    width: 20%;
    height: 25px;
}

.depart-arrival-flight-ico img{
    width: 25px;
    height: 25px;
}

.flight-timing-base-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flight-duration-timimg-info .airline-icon-dcs{
    width: 100%;
}


.show-more-dtls svg{
    color: #FF0007;
    font-size: 20px;
}

.flight-duration-timimg-info .airline-icon-dcs .bottom-content-dtls p{
    color: #8E9093;
    font-weight: 500;
    font-size: 16px;
}

.flight-duration-timimg-info .airline-icon-dcs .flight-major-dtls p:first-child{
    text-align: left;
}

.flight-duration-timimg-info .airline-icon-dcs .flight-major-dtls p:last-child{
    text-align: right;
}

.flight-cancellation{
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flight-cancellation a{
    color: #FF0007;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
}

.flight-cancellation .show-more-dtls.collapsed{
    transform: rotate(0deg) !important;
}

.flight-cancellation .show-more-dtls{
    font-size: 18px;
    cursor: pointer;
    color: #FF0007;
    transform: rotate(180deg);
}

.flight-cancellation a svg{
    width: 10px;
    height: 10px;
    padding: 2px;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    background-color: #585858;
}

.flight-amounts {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 100%;
    padding-right: 20px;
    padding-bottom: 20px;
}

.flight-amounts h3{
    font-size: 26px;
    font-weight: 700;
    color: #D53833;
    margin-bottom: 5px;
}

.flight-amounts h3 sup{
    margin-right: 2px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.flight-amounts h4{
    font-size: 14px;
    color: #3FA01C;
    font-weight: 600;
}

.flight-amounts button{
    width: 100%;
    padding: 10px 0;
    background: #fff;
    font-size: 14px;
    max-width: 200px;
    margin-top: 10px;
    font-weight: 600;
    border: 2px solid #FF0007;
    border-radius: 10px;
    text-transform: capitalize;
    color: #FF0007;
}

.flight-detail-info-bx{
    width: 100%;
}

.flight-detail-info-bx .flight-way-one{
    margin-bottom: 0;
}

.airline-name-sort-dtls{
    margin: 10px 0 0;
}

.airline-name-sort-dtls h5{
    font-size: 14px;
    color: #231F20;
    font-weight: 500;
    margin-bottom: 0;
}

.airline-name-sort-dtls p{
    font-size: 13px;
    color: #4D4D4D;
    margin-bottom: 0;
}

.flight-detail-info-bx .card{
    border-top: 1px solid #ADADAD;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 0;
    margin-top: 10px;
}

.flight-result-found-list{
    margin: 10px 0;
}

.airline-dtls-img{
    display: flex;
    align-items: center;
}

.airline-dtls-img img{
    width: 70px;
    height: 70px;
}

.airline-dtls-img h5{
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 10px;
}

.flight-way-one{
    margin-bottom: 40px;
    border-bottom: 1px dashed #7a7a7a;
}

.card .flight-way-one:nth-last-child(even){
    margin-bottom: 0;
}

.flight-inner-dtls {
    width: 100%;
    justify-content: center;
    display: flex;
    padding-bottom: 20px;
    border-left: 1px dashed #d6d6d6;
}

.stop-dots-in .arrow{
    display: flex;
    align-items: center;
}

.stop-dots-in .arrow span{
    width: 8px;
    height: 8px;
    border: none;
    padding: 0;
    border-radius: 50%;
    position: relative;
    top: auto;
    background-color: #FF0007;
}

.flight-duration-timeline {
    padding-left: 8%;
    margin: 2% 0;
    padding-top: 6%;
    padding-bottom: 5%;
}

.flight-duration-timeline ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
.flight-duration-timeline ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    height: 100%;
    border: 1px dashed #aaa;
}
.box {
    width: 100%;
    position: relative;
}
.box .info{
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
}
.flight-duration-timeline ul .layover-dtls span{
    font-size: 13px;
    font-weight: 700;
}
.flight-duration-timeline ul .layover-dtls .layour-city-name{
    background-color: #FBF5CE;
    padding: 15px 20px;
    margin: 10px 0;
    border-radius: 5px;
}
.flight-duration-timeline ul .layover-dtls .layour-city-name p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #757575;
}
.box .flight-class-luggage{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.box .flight-aminities{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.box .flight-aminities .chargeble-fees{
    display: flex;
    align-items: center;
}
.box .flight-aminities .chargeble-fees img{
    width: 30px;
    height: 30px;
}
.box .flight-aminities .chargeble-fees span{
    font-size: 12px;
    line-height: 14px;
    margin-left: 6px;
    font-weight: 600;
}
.box .flight-aminities .aminities-list span{
    color: #FF0007;
    font-size: 12px;
    margin-right: 5px;
}
.box .flight-aminities .aminities-list span:last-child{
    margin-right: 0;
}
.box .info .flight-class-luggage p{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}
.box > span {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    height: 100%;
    border: 1px solid #FF0007;
}
.box > span:before, .box > span:after {
    content: "";
    position: absolute;
    left: -5px;
    width: 10px;
    height: 10px;
    background: #FF0007;
    border-radius: 100%;
}
.box > span:before {
    top: -12px;
}
.box > span:after {
    top: 100%;
}
.box .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0px;
    letter-spacing: 0;
}
.box .sub-title {
    font-size: 14px;
    color: #838383;
}
.box .airlin-title{
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 5px 0;
    font-weight: 500;
    color: #353535;
}
.box .airlin-title img{
    width: 22px;
    height: 22px;
    border: 1px solid #e4e4e4;
    margin-right: 5px;
    border-radius: 50%;
}
.box .info {
    margin: 15px 0 0;
}
.box .time span {
    position: absolute;
    font-size: 0.5rem;
    color: #666666;
    font-weight: 500;
    text-align: left;
}
.box .time span p{
    color: #231F20;
    font-weight: 800;
}
.box .time span:first-child {
    top: -20px;
    left: -100px;
    font-size: 14px;
    letter-spacing: 0;
}
.box .time span:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
    left: -120px;
    font-size: 14px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}
.layover-dtls .time span{
    top: 52%;
    transform: translateY(-50%);
    left: -120px;
    font-size: 14px;
    letter-spacing: 0;
    display: flex;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #FBF5CE;
    font-weight: 500 !important;
    align-items: center;
    position: absolute;
    color: #231F20;
}
.box .time span p{
    margin-bottom: 0;
    text-transform: capitalize;
}
.box .time span:last-child {
    top: 85%;
    left: -100px;
    font-size: 14px;
    letter-spacing: 0;
}

.layover-dtls {
    margin: 30px 0;
}

.flight-price-infos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flight-price-infos .flight-cancellation{
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    border-left: none;
    padding: 10px 0;
}

.flight-price-infos .flight-cancellation a{
    margin-top: 20px;
}

.flight-price-infos .flight-amounts{
    width: 30%;
}


/* loader css */


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
  }
  
  .overlay .overlayDoor:before,
  .overlay .overlayDoor:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #111;
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    transition-delay: 0.8s;
  }
  
  .overlay .overlayDoor:before {
    left: 0;
  }
  
  .overlay .overlayDoor:after {
    right: 0;
  }
  
  .overlay.loaded .overlayDoor:before {
    left: -50%;
  }
  
  .overlay.loaded .overlayDoor:after {
    right: -50%;
  }
  
  .overlay.loaded .overlayContent {
    opacity: 0;
    margin-top: -15px;
  }
  
  .overlay .overlayContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  }

  .modify-search-flight{
    padding: 5px;
    border-radius: 10px;
  }

/* footer css */
.main-footer{
    background-color: #F5F3F3;
    width: 100%;
    padding: 50px 0;
}

.main-footer .footer-cont{
    text-align: center;
}

.footer-cont h5{
    font-size: 18px;
    font-weight: 800;
    text-transform: capitalize;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #FF0007;
}

.footer-cont p{
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    margin-bottom: 25px;
}

.footer-cont a{
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: #FF0007;
}

.footer-cont .read-more-btn{
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    background-color: #FF0007;
    padding: 10px 20px;
    border-radius: 15px;
    color: #fff;
}

.footer-links .bottom-site-urls{
    display: flex;
    align-items: start;
}

.footer-links .bottom-site-urls ul{
    width: 50%;
    padding: 0;
    float: left;
    margin-right: 10px;
}

.footer-links .bottom-site-urls ul:last-child{
    margin-right: 0;
}

.footer-links .bottom-site-urls ul li{
    margin-bottom: 10px;
    padding-left: 12px;
    position: relative;
}

/* .footer-links .bottom-site-urls ul li::before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #FF0007;
} */

.footer-links .bottom-site-urls ul li a{
    color: #231F20;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 10px;
    transition: 0.5s;
}

.footer-links .bottom-site-urls ul li a:hover{
    color: #FF0007;
    transition: 0.5s;
}

.social-links ul{
    padding-left: 0;
}

.social-links ul li a img{
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.social-links ul li{
    margin-bottom: 10px;
}

.social-links ul li a{
    color: #231F20;
}

.footer-cont .insta-posts{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.footer-cont .insta-posts span{
    width: 50%;
}

.footer-cont .insta-posts span img{
    width: 100%;
    height: 60px;
    object-fit: cover;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.copyrights-footer{
    width: 100%;
    background-color: #231F20;
    padding: 20px 0;
    text-align: center;
    border-top: 5px solid #FF0007;
}

.copyrights-footer p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}

.copyrights-footer p a{
    color: #FF0007;
    text-decoration: none;
}
.summer-offer-bx {
    width: 20%;
}

.mobile-filter-pop .modal.modal-fullscreen .modal-dialog,
.mobile-filter-pop .modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mobile-filter-pop .modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration:0.6s;
}
.mobile-filter-pop .modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
}
.mobile-filter-pop .modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;
}
.mobile-filter-pop .modal.modal-fullscreen.force-fullscreen .modal-header,
.mobile-filter-pop .modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  position: absolute;
  right: 0;
}
.mobile-filter-pop .modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
}
.mobile-filter-pop .modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}

.mobile-filters, .mobile-filters-ls.visible-content, .mob-flight-result-data{
    display: none;
}


/* multicity css */

.multiple-flight-search{
    cursor: pointer;
}

.multiple-flight-search a:hover{
    color: #fff !important;
}

.multi-city-data-requi, .multicity-data-airlines{
    display: none !important;
}

.searched-multicity .multi-city-data-requi, .searched-multicity .multicity-data-airlines{
    display: block !important;
}

.searched-multicity .default-city-info, .searched-multicity .default-airline-ui{
    display: none !important;
}


.searched-multicity .multicity-data-airlines .flight-img-duration{
    margin: 25px 0;
}

/* bredscrum-css */
.cms-bredscrumb{
    width: 100%;
    margin-bottom: 20px;
}

.cms-bredscrumb ul{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.cms-bredscrumb ul li{
    margin-right: 12px;
}

.cms-bredscrumb ul li .active{
    color: #FF0007;
    font-weight: 500;
}

.cms-bredscrumb ul li span{
    font-size: 12px;
    color: #FF0007;
}

.cms-bredscrumb ul li a{
    font-size: 16px;
    color: #353535;
    font-weight: 400;
    text-decoration: none;
}