@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

body {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    font-family: "Lato", sans-serif
}

:root {
    --primary-color: #ef8517;
    --secondary-color: #076daa
}

textarea:focus,
input:focus {
    outline: none
}

a img {
    border: none
}

a {
    text-decoration: none
}

button:focus {
    outline: none
}

.clr {
    clear: both
}

.fleft {
    float: left
}

.fright {
    float: right
}

header,
footer,
nav,
article,
aside,
nav,
section {
    display: block
}

.mainheader {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #1a50a3
}

.commoncontainer {
    max-width: 1400px;
    width: 97%;
    margin: 0 auto;
    padding: 0
}

.headertop_left {
    width: 30%;
    float: left
}

.headertop_left img {
    margin-top: 4px
}

.header_mid {
    float: left;
    width: 52%;
    padding: 19px 0
}

.main_nav {
    width: 100%;
    float: left
}

.headertop_right {
    float: right;
    margin-top: 28px;
    width: 35%;
    margin-bottom: 10px;
    position: relative
}

.contact_con {
    width: 24%;
    float: right;
    text-align: right;
    margin-top: 10px
}

.falg_div {
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    width: 25%;
    float: left
}

.contact_nu p {
    margin: 0;
    padding: 0;
    color: #1a50a3;
    font-size: 14px
}

.contact_nu p i {
    padding-right: 6px
}

.country {
    position: relative;
    margin: 0 auto
}

.country .select {
    position: relative;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.country .dropdown {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-top: 1px solid #a6a6a6;
    background: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
    z-index: 1;
    float: left
}

country ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.country .dropdown li {
    padding: 0;
    line-height: 25px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    text-align: center
}

.country .dropdown li:first-child {
    margin-top: 0
}

.headertop_right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left
}

.headertop_right ul li {
    width: 32%;
    float: left
}

.headertop_right ul li:nth-child(4n+2) {
    width: 22%
}

.headertop_right ul li:nth-child(4n+3) {
    width: 12%
}

.headertop_right ul li a {
    font-size: 14px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    float: left
}

.headertop_right ul li a span {
    background: #ee6221;
    padding: 3px 7px;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    color: #fff;
    font-size: 10px
}

.headertop_right ul li a i {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

#mainnav #menu {
    padding: .8em 1.5em;
    cursor: pointer
}

.contact_con a {
    font-size: 20px;
    color: #1a50a3;
    font-weight: 600;
    position: relative;
    line-height: 1
}

.headertop_right .dropDownWrapper {
    width: 330px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px #ddd;
    position: absolute;
    top: 30px;
    z-index: 13
}

.headertop_right .dropDownWrapper li {
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 14px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.dropDownDtls .fltInfo {
    color: #1e3266;
    font-weight: 700
}

.headertop_right .dropDownWrapper li .dropDownDtls {
    display: flex;
    align-items: center
}

.dropDownDtls .fa {
    font-size: 24px;
    margin-right: 15px
}

.fltDtls {
    flex: 1
}

.fltDtls>p {
    margin: 0
}

.fltDtls>p+p {
    font-size: 12px;
    margin-top: 4px
}

.header_buttom {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0;
    background: #304478
}

.main_nav {
    width: 100%;
    float: left
}

.main_nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.main_nav ul li {
    float: left
}

.main_nav ul li a {
    color: #000;
    font-size: 14px;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 400
}

.seach_con {
    width: 100%;
    background: url(../img/banner/flight3.webp)no-repeat center;
   
    height: 500px;
    padding-top: 10rem;
    padding-bottom: 2rem;
   
    background-position: center;
}
.modal {
    background: rgb(0 0 0 / .5);
}

.seach_bg {
    width: 55.4%;
    float: left;
    padding: 15px;
    margin: 40px 0;
    border-radius: 0;
    background: rgb(3 3 3 / .74) !important
}

.flight_menu {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    padding: 0
}

.flight_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.flight_menu ul li {
    float: left;
    padding: 0 40px
}

.flight_menu ul li:first-child {
    padding: 0
}

.flight_menu ul li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none
}

.flight_menu ul li a input[type=radio] {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: 2px
}

.res-header {
    padding: 5px 0
}

.res-header .headertop_left img {
    margin-top: 0
}

.res-header .contact_con {
    margin-top: 0
}

.seach_div {
    float: left;
    width: 100%
}

.searchcon_text {
    width: 55%;
    float: right;
    padding-top: 30px;
    text-align: right
}

.searchcon_text h1 {
    color: #fff;
    text-shadow: 2px 2px 2px #333;
    font-size: 70px;
    font-weight: 700;
    padding-right: 40px;
    padding-bottom: 40px
}

.frm_con {
    width: 100%;
    float: left;
    position: relative
}

.frm_con span {
    width: 49%;
    display: inline-block;
    background: #fff;
    padding: 9px 0 9px 105px;
    position: relative;
    border-radius: 0;
    margin-bottom: 8px
}

.frm_con span strong img,
.date_con span strong img {
    padding-right: 4px
}

.frm_con span i {
    position: absolute;
    left: 6px;
    color: #ee6221;
    top: 11px
}

.frm_con span input {
    border: 0;
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d
}

.frm_con span input:focus,
.frm_con span input:active {
    outline: none
}

.frm_con span:first-child {
    margin-right: 7px
}

.frm_con span strong {
    font-weight: 400;
    font-size: 13px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8.6px 11px;
    width: 100px
}

.date_con {
    width: 100%;
    float: left;
    position: relative
}

.ui-menu .ui-menu-item a span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 8px
}

.date_con span {
    width: 49%;
    display: inline-block;
    background: #fff;
    padding: 0 6px 4px 16px;
    position: relative;
    border-radius: 0
}

.date_con span i {
    position: absolute;
    left: 6px;
    color: #ee6221;
    font-size: 13px;
    top: 13px
}

.date_con span input {
    border: 0;
    font-size: 13px;
    font-weight: 500;
    color: #5d5d5d;
    padding: 9px 0 9px 92px
}

.date_con span input:focus,
.frm_con span input:active {
    outline: none
}

.date_con span:last-child {
    margin-left: 7px
}

.date_con span strong {
    font-weight: 400;
    font-size: 13px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8.6px 11px
}

.airlines_div {
    width: 100%;
    position: relative;
    float: left
}

.airlines_div:before {
    content: "\f0dd";
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 0;
    height: 20px;
    width: 20px;
    color: #999;
    pointer-events: none
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png)
}

.airlines_div select {
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 0
}

.class_con {
    width: 158px;
    position: relative
}

.class_con select {
    width: 100%;
    appearance: none;
    box-shadow: unset !important;
    border: 0;
    font-size: 15px;
    cursor: pointer;
    background: #f5f5f5;
    padding: 7px 8px;
    border-radius: 5px
}

.passen_con {
    margin-bottom: 11px;
    margin-top: 8px
}

.passen_left {
    width: 100%;
    display: inline-block
}

.passen_left label {
    position: relative !important;
    left: 0 !important
}

.adult-right select.ipt1 {
    background: #fff;
    color: #5d5d5d;
    border: solid 1px #ccc;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    height: 42px;
    border-radius: 0
}

.passen_left span select {
    border-radius: 0;
    font-size: 13px;
    color: #5d5d5d;
    font-weight: 500
}

.passen_left label {
    font-size: 13px;
    margin-bottom: 0;
    color: #111;
    font-weight: 500
}

.adult-right {
    margin-left: 0;
    margin-top: 0
}

.adult-minus {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 28px;
    text-align: center;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #ccc;
    position: relative
}

.adult-minus-txt {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    display: block !important;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700
}

.qtynumber {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 30px;
    border-radius: 0;
    cursor: pointer;
    background-color: #fff;
    border-left: none;
    border-right: none;
    text-align: center;
    font-size: 14px
}

.adult-plus {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 28px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #ccc;
    position: relative
}

.stop_con {
    width: 100%;
    float: left;
    margin-top: 15px
}

.direct_flight {
    width: 48%;
    position: relative;
    float: left;
    margin-right: 13px
}

.direct_fli {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-weight: 500
}

.direct_flight {
    width: 48%;
    position: relative;
    float: left;
    margin-right: 13px
}

.Unaccompan_div {
    width: 48%;
    position: relative;
    float: left
}

.Unaccompan_div a {
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    display: inline-block;
    text-decoration: underline
}

.direct_fli input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #000 !important
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.direct_fli input:checked~.checkmark:after {
    display: block
}

.direct_fli .checkmark:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.passenger_div {
    width: 50%;
    float: left;
    background: #fff;
    position: relative;
    padding: 6px 20px 6px 6px
}

.stop_con {
    width: 100%;
    float: left;
    margin-top: 15px
}

.stop_con ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.stop_con ul li {
    float: left;
    margin-right: 15px
}

.stop_con ul li label {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    float: right
}

.stop_con ul li>input {
    margin: 0 6px 0 0;
    display: inline-block;
    width: 15px;
    height: 15px
}

.search_con {
    width: 100%;
    float: left
}

.search_con button {
    width: 100%;
    display: inline-block;
    padding: 9px 0;
    font-size: 16px;
    background: #253c99;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px
}

.update_con {
    width: 100%;
    float: left;
    margin: 10px 0
}

.update_fare {
    width: 100%;
    float: left;
    padding: 15px
}

.update_fare h6 {
    margin: 0;
    padding-bottom: 8px;
    color: red;
    font-size: 14px
}

.update_fare p {
    font-size: 13px;
    color: #333;
    line-height: 25px;
    margin: 0;
    padding: 0
}

.update_fare p a {
    font-weight: 700;
    text-decoration: underline
}

.subscribe_con {
    width: 100%;
    float: left
}

.subscribe_con h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 8px 0;
    margin: 0
}

.subscribe {
    width: 100%;
    float: left
}

.subscribe p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    float: left;
    width: 100%
}

.subscribe p i {
    margin-right: 8px;
    font-size: 20px
}

.subscribe>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.subscribe>ul li {
    width: 100%;
    display: inline-block
}

.subscribe>ul li a {
    color: #fff;
    background: none;
    width: 100%;
    float: left;
    text-align: left;
    text-transform: lowercase !important;
    line-height: 20px !important;
    padding: 0
}

.subscribe>ul li a i {
    margin-right: 8px
}

.economy_class {
    width: 100%;
    float: left
}

.economy_class input {
    width: 100%;
    float: left;
    outline: none;
    border: 0
}

.PaxDropArrow {
    position: absolute;
    z-index: 9;
    right: 5px;
    cursor: pointer
}

.best_deal_con {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    margin-top: 15px
}

.dometic_deal {
    float: left;
    width: 49%;
    margin-right: 26px;
    padding: 0;
    box-shadow: 2px 2px 2px #9374af
}

.domesticdeal_img {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    top: 4px
}

.domesticdeal_img h1 {
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 140px;
    font-weight: 700;
    margin-top: 20px
}

.domesticdeal_img img {
    width: 100%
}

.popular_route {
    width: 100%;
    float: left
}

.popular_one {
    width: 10%;
    float: left
}

.popular_one img {
    width: 100%
}

.popular_route a {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 6px
}

.popular_one {
    width: 10%;
    float: left;
    border: 1px solid #ccc;
    margin-right: 8px;
    text-align: center;
    background: #fff
}

.popular_two {
    width: 30%;
    float: left;
    text-align: center
}

.popular_two span {
    font-size: 16px;
    color: #480089;
    text-transform: capitalize;
    font-weight: 700
}

.popular_two i {
    padding: 10px;
    color: #666;
    font-size: 21px
}

.popular_third {
    width: 30%;
    float: left;
    text-align: center
}

.popular_third span {
    font-size: 16px;
    color: #480089;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
    font-weight: 700
}

.popular_third i {
    padding: 10px;
    color: #666;
    font-size: 21px
}

.popular_four {
    width: 25%;
    float: left
}

.popular_four p {
    text-align: right;
    font-size: 19px;
    color: #9F0407;
    font-weight: 700;
    margin: 0;
    padding: 4px 0
}

.popular_route a:hover {
    background: #f4f4f4
}

.international_deal {
    float: left;
    width: 49%;
    margin: 0;
    padding: 0;
    box-shadow: 2px 2px 2px #9374af
}

.interdeal_img {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    top: 4px
}

.interdeal_img h1 {
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 140px;
    font-weight: 700;
    margin-top: 20px
}

.interdeal_img img {
    width: 100%
}

.passnger_detail {
    display: block;
    position: absolute;
    height: auto !important;
    width: 256px;
    top: 60px;
    margin-left: 0;
    z-index: 9;
    background-color: #f7f7f7;
    padding-bottom: 15px;
    box-shadow: 2px 2px 1px #b1b1b1
}

.PaxDropArrow i {
    font-size: 14px
}

.passenger-div-content {
    padding: 10px;
    padding-top: 20px
}

.pass_class {
    float: left;
    padding-top: 6px;
    padding-right: 10px;
    font-weight: 700;
    font-size: 13px
}

.select-class {
    width: 145px;
    height: 32px;
    font-size: 12px;
    margin-left: 30px
}

.passenger_select {
    background-color: #fff;
    margin-top: 10px
}

.select_passenger_content {
    padding: 0 11px
}

.adult_div {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    clear: both
}

.adult_left {
    float: left
}

.adult_txt {
    font-weight: 700;
    font-size: 13px;
    margin: 8px 0
}

.adult_txt_content {
    font-weight: 400;
    color: grey;
    font-size: 10px
}

.adult_right {
    margin-left: 0;
    margin-top: 8px;
    width: 76px;
    float: right
}

.adult_minus {
    float: left;
    height: 29px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #fff
}

.adult_minus_txt {
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    margin: 0
}

.adult_plus {
    float: left;
    height: 29px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #fff
}

.children_row {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    clear: both
}

.children_right {
    margin-left: 0;
    margin-top: 8px;
    width: 76px;
    float: right
}

.infants_row {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    clear: both
}

.infants_right {
    margin-left: 0;
    margin-top: 8px;
    width: 76px;
    float: right
}

.adult_rightmod {
    margin-left: 0;
    margin-top: 8px;
    width: 52%;
    float: right
}

.adult_plusmod {
    float: left;
    height: 34px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #fff
}

.adult_minusmod {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #fff
}

.children_rightmod {
    margin-left: 0;
    margin-top: 8px;
    width: 52%;
    float: right
}

.adult_plusmod {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #fff
}

.adult_minusmod {
    float: left;
    height: 30px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #fff
}

.infants_rightmod {
    margin-left: 0;
    margin-top: 8px;
    width: 52%;
    float: right
}

.done_btn {
    background: #304478;
    float: left;
    cursor: pointer;
    padding: 6px 15px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 8px
}

.whychoose_con {
    width: 100%;
    float: left;
    padding: 15px;
    margin: 20px 0;
    background: #ea5b02
}

.why_choose {
    width: 100%;
    float: left;
    padding: 10px 40px
}

.why_choose ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    display: inline-block
}

.why_choose ul li {
    width: calc(100% / 4);
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.benefit {
    float: left;
    padding: 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 23%;
    height: 74px;
    text-align: center
}

.benefit_text {
    float: left;
    width: 75%;
    padding-left: 22px;
    font-weight: 700;
    color: #fff
}

.contact_bg {
    background: #fbf7ee url(../images/contact_bg.jpg)no-repeat;
    width: 100%;
    float: left;
    background-size: cover
}

.contact_text {
    margin-top: 25px;
    padding-top: 170px
}

.contact_text p:last-of-type {
    margin: 0
}

.offer_container {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 40px
}

.offer_container h1 {
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.offer_div {
    width: 24%;
    padding: 6px;
    margin-right: 15px;
    border: 1px solid #333;
    float: left
}

.offer_div:last-child {
    margin-right: 0
}

.offer_images {
    width: 100%;
    float: left
}

.offer_images img {
    width: 100%
}

.offer_content p {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 8px 0 4px 0;
    margin: 0
}

.offer_left {
    width: 50%;
    float: left
}

.offer_left dfn {
    font-size: 12px;
    color: #ccc;
    font-style: normal;
    margin: 0;
    padding: 0
}

.offer_left h6 {
    margin: 0;
    padding: 6px;
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.offer_right {
    width: 50%;
    float: left;
    text-align: center
}

.offer_right a {
    color: #f26c4f;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ccc;
    padding: 6px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 10px;
    text-decoration: none
}

.topselling_con {
    width: 100%;
    float: left;
    background: #f4f4f4;
    margin-bottom: 20px;
    padding: 15px 0
}

.topdestination_div {
    width: 24%;
    float: left;
    text-align: center
}

.topdest_img {
    width: 100%;
    float: left
}

.deal_container {
    width: 97%;
    margin: 0 auto;
    text-align: center
}

.best_deal .package_con {
    background: #fff;
    border: 2px solid #2986a0;
    padding: 10px;
    position: relative
}

.best_deal .package_con img {
    height: 260px
}

.hot_deal {
    width: 94%;
    display: inline-block;
    background: rgb(41 134 160 / .7);
    padding: 10px 0;
    position: absolute;
    left: 10px;
    top: 207px;
    border-radius: 15px
}

.hot_deal p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0
}

.best_deal {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px
}

.best_deal h1 {
    font-size: 24px;
    color: #000
}

.topdest_img img {
    width: 100%
}

.topdest_buttom {
    width: 100%;
    float: left;
    text-align: center
}

.slide_buttom {
    width: 100%;
    float: left;
    padding: 10px
}

.topdest_buttom div sup {
    font-size: 14px;
    font-style: normal
}

.topdest_buttom div p {
    font-size: 14px;
    color: #ccc
}

.best_deal .owl-prev {
    position: absolute;
    top: 40%;
    left: -25px
}

.best_deal .owl-next {
    position: absolute;
    top: 40%;
    right: -25px
}

.price_slide {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: center
}

.price_slide span:first-child {
    font-size: 24px;
    color: #f26c4f;
    font-weight: 700;
    display: inline-block
}

.price_slide span:first-child sup {
    font-size: 12px;
    font-weight: 400
}

.price_slide span:last-child {
    display: inline-block
}

.price_slide span:last-child p {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin: 0
}

.topdest_buttom h5 {
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.topdest_buttom dfn {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #777676;
    text-align: center;
    font-style: normal;
    margin-bottom: 10px
}

.topdest_buttom a {
    background: #1c294b;
    padding: 6px 15px;
    color: #fff;
    border-radius: 10px;
    text-decoration: none
}

.payment_container {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: #ea5b02
}

.payment_div {
    width: 100%;
    padding: 0;
    display: inline-block;
    text-align: center;
    margin: 15px 0
}

.discalmer_con {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px
}

.discalmer_con p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    width: 80%;
    text-align: left;
    margin: 0 auto
}

.disclaimer_container {
    width: 100%;
    float: left;
    margin-top: 30px
}

.coupen_con {
    background: #fff;
    border-radius: 15px;
    display: inline-block;
    width: 80%;
    margin-top: 45px;
    padding: 10px
}

.coupon_left {
    width: 25%;
    float: left;
    text-align: left;
    padding: 8px
}

.coupon_right {
    float: left;
    width: 73%
}

.coupon_top {
    padding: 8px;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #333;
    text-align: center
}

.coupon_top p {
    font-size: 18px;
    margin: 0
}

.coupon_top p img {
    width: 25%;
    padding-left: 6px
}

.coupon_botom {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: center
}

.coupon_botom span {
    font-size: 16px;
    font-weight: 700;
    color: red
}

.coupon_botom span:last-child {
    margin-left: 15px
}

.coupon_botom span a {
    background: red;
    color: #fff;
    border-radius: 8px;
    padding: 6px 15px
}

.testimonial_con {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 40px 20px;
    background: #ddd
}

.trustpilot {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 0
}

.trust_right {
    width: 100%;
    float: left
}

.trust_container {
    width: 100%;
    float: left
}

.rating {
    width: 100%;
    float: left
}

.trust_container .item {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    height: 360px
}

.rating span:first-child {
    width: 40%;
    float: left
}

.rating .rating_time {
    width: 60%;
    float: left;
    text-align: right;
    font-size: 12px;
    color: #333
}

.trust_container .item h6 {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 0;
    margin: 0
}

.trust_container .item p {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #333
}

.trustpilot .owl-prev {
    position: absolute;
    top: 40%;
    left: -20px
}

.trustpilot .owl-next {
    position: absolute;
    top: 40%;
    right: -23px
}

.modfrm_con {
    width: 40%;
    float: left
}

.modfrm_con span {
    width: 49%;
    float: left;
    background: #fff;
    padding: 10px 6px 10px 20px;
    position: relative;
    border-radius: 5px
}

.modfrm_con span:last-child {
    float: right
}

.modfrm_con span input {
    width: 100%;
    float: left;
    border: 0;
    font-weight: 500;
    font-size: 14px
}

.modfrm_con span i {
    position: absolute;
    left: 8px;
    color: #1853a5;
    top: 13px
}

.moddate_con {
    width: 26%;
    float: left;
    padding-left: .8%
}

.moddate_con span:last-child {
    float: right
}

.moddate_con span {
    width: 48.5%;
    display: inline-block;
    background: #fff;
    padding: 10px 6px 10px 20px;
    position: relative;
    border-radius: 5px
}

.moddate_con span i {
    position: absolute;
    left: 6px;
    color: #1754a6;
    font-size: 13px;
    top: 14px
}

.moddate_con span input {
    width: 100%;
    float: left;
    border: 0;
    font-weight: 500;
    font-size: 14px
}

.modpassenger_con {
    width: 34%;
    float: left;
    padding-left: .8%
}

.modpassenger_div {
    width: 57%;
    float: left;
    background: #fff;
    position: relative;
    padding: 10px;
    border-radius: 5px
}

.modeconomy_class {
    width: 100%;
    float: left
}

.modeconomy_class input {
    width: 100%;
    float: left;
    outline: none;
    border: 0;
    border-radius: 0;
    font-weight: 500;
    font-size: 14px
}

.modsearch_con {
    width: 41%;
    float: right
}

.modsearch_con button {
    width: 100%;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    background: var(--primary-color);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px
}

.result_con {
    background: #c13b59;
    width: 100%;
    padding: 15px 0;
    float: left
}

.reult_main {
    background: #fff;
    width: 100%;
    padding: 20px 0;
    float: left;
    margin: 0
}

.filter_main {
    width: 100%;
    float: left;
    margin-top: 15px;
    padding: 0
}

.filter_main {
    width: 24%;
    float: left;
    padding: 0;
    margin: 0
}

.filter_card {
    background: #fff;
    margin-bottom: 10px;
    border: #d7d7d7 1px solid;
    padding-bottom: 1px;
    color: #fff;
    float: left;
    width: 100%;
    border-radius: 5px
}

.filter_card h4 {
    text-align: center;
    margin: 0;
    padding: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #1853A5;
    background: #F8F8F8;
    border-radius: 5px 5px 0 0;
    font-weight: 500
}

.filter_left {
    width: 60%;
    float: left;
    padding: 10px
}

.filter_right {
    width: 40%;
    float: left;
    text-align: end;
    padding-right: 7px
}

.filter_left h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 10px;
    color: #000
}

.filter_left p {
    font-size: 13px;
    color: #000;
    margin: 0;
    padding-bottom: 10px;
    font-weight: 300
}

.filter_right span {
    font-size: 12px;
    color: #fff;
    background: var(--primary-color);
    padding: 4px 7px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 300
}

.fliter_head {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d7d7d7;
    padding: 6px 10px;
    margin-bottom: 4px;
    background-color: #F8F8F8;
    color: #1853A5;
    border-radius: 5px 5px 0 0
}

.fliter_head h5 {
    width: 60%;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 3px 0 0;
    float: left;
    color: #1853A5
}

.hide_data {
    width: 40%;
    float: left;
    text-align: right;
    font-size: 13px;
    color: #1853A5;
    cursor: pointer;
    font-weight: 500
}

.listing {
    width: 100%;
    float: left;
    padding: 4px 10px;
    margin: 0
}

.listing_left {
    width: 60%;
    float: left;
    margin: 0
}

.list_label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    font-weight: 300;
    color: #000
}

.list_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.list_label span {
    color: #000;
    font-weight: 300;
    font-size: 13px
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid#fff
}

.list_label input:checked~.checkmark {
    background-color: #1853A5
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.list_label input:checked~.checkmark:after {
    display: block
}

.list_label .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.listing_right {
    width: 40%;
    float: left;
    text-align: right;
    font-size: 12px;
    font-weight: 700
}

.listing_right span {
    color: #333;
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 0 0;
    float: right
}

.listing_right small {
    float: right;
    font-size: 11px;
    padding: 2px 0 0 0;
    color: #000;
    font-weight: 300
}

.pric-range {
    padding: 12px;
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    width: 96%
}

.pric-range input {
    width: 100%;
    font-weight: 500;
    text-align: center;
    font-size: 15px
}

#slider-range {
    border-bottom: 3px solid var(--primary-color);
    width: 100%;
    height: 2px;
    position: relative;
    margin-top: 15px;
    padding: 0 6px
}

#slider-range .ui-state-default {
    display: inline-block;
    border: 2px solid var(--primary-color);
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    background: var(--primary-color);
    cursor: pointer
}

.airline_stop {
    border-radius: 5px;
    width: 100%;
    float: left;
    overflow: auto;
    white-space: nowrap;
    position: static;
    box-shadow: #c2c2c2 0 0 8px;
    padding-bottom: 2px;
    border: 1px solid #cdcdcd3d;
    background-color: #fff;
    margin-bottom: 10px
}

.scroll_div {
    border-radius: 5px 0 0 5px;
    width: 157px;
    float: left;
    border-right: 1px dashed #ccc;
    padding: 10px;
    text-align: center;
    position: absolute;
    z-index: 1;
    background: #fff
}

.scroll_div h4 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #480089
}

.scroll_div h5 {
    margin: 0;
    padding: 0 0 3px 0;
    font-size: 15px;
    font-weight: 700;
    color: #480089;
    border-bottom: 1px dashed #ccc
}

.scroll_div p {
    font-size: 13px;
    font-weight: 300;
    color: #333;
    border-bottom: 1px dashed #ccc;
    padding: 6px 0;
    margin: 0
}

.scroll_arlines {
    border: 1px solid #480089;
    width: calc(100% - 157px);
    width: -webkit-calc(100% - 157px);
    float: right;
    font-size: 0;
    border: 0
}

div.scrollmenu {
    background-color: #fff;
    overflow: auto;
    white-space: nowrap
}

div.scrollmenu .airines_content {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px;
    float: left;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    border-left: 1px solid #480089
}

div.scrollmenu .airines_content:first-of-type {
    border: 0
}

.result_middle {
    width: 76%;
    float: left;
    padding: 0 20px
}

.airines_content {
    width: 12%;
    margin: 0;
    height: 157px;
    display: inline-block;
    text-align: center;
    padding: 10px
}

.airines_content+.airines_content {
    border-left: 1px dashed #ccc
}

.srcoll_top {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    float: left;
    padding-bottom: 5px
}

.scroll_bottom {
    width: 100%;
    float: left
}

.scroll_bottom p {
    padding: 6px 0;
    margin: 0;
    font-size: 13px;
    color: #000;
    border-bottom: 1px dashed #ccc;
    font-weight: 300
}

.fare_note {
    width: 100%;
    float: left;
    padding: 4px 10px;
    background: #fff;
    border-radius: 0
}

.fare_note p {
    color: #FF6268;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.fare_note p b {
    color: #FF6268;
    font-size: 13px;
    font-weight: 700
}

.resut_show {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-top: 25px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px #c2c2c2
}

.resut_show.ng-scope:hover {
    box-shadow: 0 0 15px #c2c2c2
}

.reault_head {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    border-radius: 0
}

.resulthead_left {
    width: 55%;
    float: left;
    margin: 0;
    padding: 0
}

.resulthead_left h2 {
    font-size: 21px;
    color: #000;
    padding: 0;
    margin: 0;
    font-weight: 600;
    text-shadow: 1px 0 #fff
}

.resulthead_left p {
    font-weight: 300;
    font-size: 12px;
    color: #555;
    margin: 0;
    padding: 0
}

.resulthead_left .left_seat {
    display: none;
    font-size: 12px;
    color: #f5f5f5
}

.resulthead_right {
    width: 45%;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right
}

.resulthead_right .left_seat {
    font-size: 12px;
    color: #eb9000;
    margin-right: 10px;
    display: inline-block;
    padding-top: 15px;
    font-weight: 300
}

.resulthead_right .select_btn {
    float: right;
    padding: 10px
}

.resulthead_right .select_btn a {
    background: var(--primary-color);
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    text-decoration: none
}

.resulthead_right .select_btn a:hover {
    box-shadow: 0 0 6px 4px #fff
}

.depatr_top {
    width: 100%;
    padding: 6px 7px;
    background: #f8f8f8
}

.depatr_top span img,
.retun_top span img {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.depatr_top span,
.retun_top span {
    font-size: 16px;
    font-weight: 600;
    color: #1853A5
}

.flight_one {
    width: 8%;
    float: left;
    padding: 6px
}

.flight_one img {
    width: 100%
}

.flight_two {
    width: 18%;
    float: left;
    padding: 6px 0;
    overflow: hidden
}

.flight_two p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: 500
}

.flight_third {
    width: 15%;
    float: left;
    padding: 6px 0;
    font-weight: 600
}

.flight_third:last-of-type {
    text-align: right
}

.flight_third h6 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600
}

.flight_third p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.flight_four {
    width: 15%;
    float: left;
    padding: 6px 0 6px 6px;
    overflow: hidden;
    font-weight: 600
}

.flight_four h6 {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.flight_four p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 300
}

.flight_arrow_con {
    width: 10%;
    float: left;
    padding: 0 0;
    text-align: center;
    margin-right: 15px
}

.layover_time {
    font-size: 12px;
    color: #302f2f;
    font-weight: 700
}

.line_img {
    width: 100%;
    display: inline-block;
    line-height: 0
}

.line_img img {
    width: 100%;
    margin: -15px 0 0 0
}

.flight_arrow_con .stop {
    font-size: 12px;
    color: #302f2f;
    font-weight: 300;
    display: block;
    margin: -10px 0 0 0
}

.flight_five {
    width: 15%;
    float: left;
    padding: 6px 0;
    text-align: right
}

.flight_five p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0
}

.retun_top {
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 6px 10px;
    background: #f8f8f8
}

.fare_note p.depatr_bottom {
    float: left;
    width: 100%;
    border-bottom: 1px dashed#ccc;
    padding: 10px 0
}

.depatr_bottom:last-of-type {
    border: 0
}

.retun_bottom {
    float: left;
    width: 100%;
    border-bottom: 1px dashed#ccc;
    padding: 10px 0
}

.resultshow_buttom {
    width: 100%;
    float: left;
    background: #ccc;
    padding: 10px
}

.cancel_div {
    width: 50%;
    float: left;
    text-align: left
}

.cancel_div p {
    color: #039c2e;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.cancel_div p i {
    font-size: 16px
}

.view_div {
    width: 48%;
    float: left;
    text-align: right
}

.view_div a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.view_div a i {
    font-size: 16px;
    padding-right: 8px
}

.layover {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: left
}

.result_detail {
    overflow: visible !important
}

.layover span {
    position: relative;
    background: #ccc;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 20px;
    top: 2px;
    font-size: 12px
}

.result_right_con {
    width: 100%;
    float: left;
    margin-top: 10px
}

.confidence_div {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ddd
}

.confidence_div h4 {
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: 700
}

.confidence_div ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 15px
}

.confidence_div ul li {
    line-height: 25px;
    font-size: 14px;
    color: #333
}

.confidence_div ul li i {
    width: 30px;
    float: left;
    color: #039c2e;
    font-size: 16px;
    padding-right: 15px
}

.result_trust {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    text-align: center
}

.result_trust img {
    width: 80%
}

#mainnav #menu {
    display: none;
    padding: .8em 1.5em;
    cursor: pointer
}

.result_deatil {
    width: 100%;
    float: left
}

.result_price {
    width: 20%;
    float: left;
    text-align: center;
    margin: 0 auto;
    border-left: 1px solid #ccc
}

.result_price a {
    background: #f60;
    background: #4d008d;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0 0 0
}

.result_price h5 {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 15px 0 6px 0;
    font-size: 24px;
    font-weight: 700;
    color: #4d008d
}

.result_price p {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 12px
}

.res-result_con_mob {
    z-index: 2;
    float: left;
    width: 100%;
    padding: 5px 10px;
    background: #480089;
    background-image: linear-gradient(to right, #370258, #6605a1, #2e0348);
    display: none
}

.fix-res-head {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px #000
}

.fil-mob {
    float: left;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 6px 12px;
    margin: 3px 0 0 0;
    font-weight: 700;
    cursor: pointer;
    color: #fff
}

.fil-mob>i {
    float: right;
    padding: 3px 0 0 10px
}

.sea-res-mob {
    float: left;
    padding: 0 0;
    width: calc(100% - 245px);
    width: -webkit-calc(100% - 245px);
    text-align: left;
    color: #fff;
    text-align: center
}

.mod-se-mob {
    float: right;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 6px 12px;
    font-weight: 700;
    cursor: pointer;
    margin: 3px 0 0 0;
    color: #fff
}

.fil-res-cl {
    position: absolute;
    display: none;
    left: 345px;
    top: 4px;
    background-color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    text-align: center;
    z-index: 5;
    cursor: pointer;
    color: #000
}

.fil-res-cl>i {
    line-height: 20px
}

.fil-res-cl span {
    display: none
}

.filter_main_cont {
    width: 100%;
    float: left
}

.flight-detail-description {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.flight-description-btn {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    color: var(--primary-color)
}

.flight-description-btn.active {
    border-radius: 0
}

.flight-description-btn a {
    display: block;
    color: var(--primary-color)
}

.flight-description-btn i {
    font-weight: 700;
    padding: 0 5px
}

.flight-description-btn .baggage {
    position: absolute;
    right: 7px;
    top: 5px;
    z-index: 1
}

.flight-description-btn .baggage img {
    max-height: 20px;
    margin: -3px 0 0 0
}

.flight-wrapper-description {
    display: none
}

.flight-wrapper-description.active {
    display: block
}

.flight-description-det {
    display: none
}

.flight-detail-description-wrapper {
    padding: 5px 0;
    font-size: 14px
}

.flight-detail-description-wrapper+.flight-detail-description-wrapper {
    border-top: 1px dashed #000
}

.flight-detail-name .date {
    font-size: 12px;
    color: #585858;
    font-weight: 400
}

.flight-description-content {
    display: table;
    width: 100%;
    padding: 5px 0;
    font-size: 12px
}

.flight-description-content>div {
    float: left;
    vertical-align: middle;
    padding: 0 0 0 5px
}

.flight-description-class-detail {
    font-size: 11px;
    width: 20%
}

.flight-des-logo {
    max-width: 60px
}

.flight-des-det {
    padding-left: 0
}

.flight-description-class-detail .flight-class {
    color: #666
}

.flight-description-timimg {
    text-align: left;
    width: 32%;
    font-size: 13px
}

.flight-description-timimg .time {
    font-weight: 700;
    font-size: 14px;
    color: #000
}

.flight-description-timimg:last-of-type {
    text-align: right;
    padding-right: 5px
}

.flight-description-duration {
    text-align: center;
    width: 16%
}

.flight-description-duration>i {
    display: block;
    font-size: 22px
}

.flight-description-duration .duration {
    padding: 0;
    font-weight: 300;
    color: #000;
    font-size: .8rem
}

.flight-description-cityname {
    white-space: nowrap;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis
}

.date {
    font-weight: 300
}

.flight-description-duration .duration:before,
.flight-description-duration .duration:after {
    display: none
}

.flight-content-mobile-top .flight-detail-name {
    font-size: 14px
}

.flight-detail-content-mobile {
    background: #fff;
    padding: 10px
}

.flight-detail-name img {
    width: 20px;
    height: 20px
}

.flight-price-mobile {
    font-weight: 700;
    color: #0076a3
}

.listing-container {
    max-width: 1300px;
    width: 100%
}

.listing-page-search-wrapper {
    display: table;
    width: 100%
}

.listing-page-search-form-element {
    display: table-cell;
    padding: 0 5px;
    max-width: 216px
}

.listing-page-search-form-element .form-group {
    margin: 0
}

.flight-detail-name {
    color: #000;
    font-weight: 700;
    padding: 0 10px;
    font-size: 1rem
}

.flight-detail-name font img {
    max-width: 30px
}

.flight-detail-name .date {
    font-size: .85rem;
    color: #585858;
    font-weight: 400
}

.date-form {
    min-width: 140px
}

.listing-search-button-wrappe {
    min-width: 150px
}

.flight-description-content>div {
    float: left;
    vertical-align: middle;
    padding: 0 0 0 5px
}

.flight-detail-description-wrapper .flight-detail-logo {
    padding: 0 5px;
    text-align: center;
    width: 9%
}

.flight-detail-description-wrapper .flight-detail-logo img {
    max-width: 95%;
    max-height: 35px
}

.flight-name-detail {
    display: block;
    font-weight: 600;
    font-size: 12px
}

.flight-description-class-detail .flight-class {
    color: #666
}

.flight-det-stopover {
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    margin: 0;
    background: #d2e3ff;
    color: #000
}

.w-100-fl {
    width: 100%;
    float: left
}

.go-back-div {
    float: left;
    width: 100%;
    padding: 10px 15px
}

.go-back-div a {
    float: left;
    background: var(--secondary-color);
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 10px
}

.go-back-div a:hover {
    color: #030303
}

.go-back-div a i {
    font-size: 14px
}

.payment-page {
    background: #eee;
    width: 100%;
    float: left
}

.payment-page .middle-search {
    width: 76%;
    padding: 0 0;
    float: left
}

.ticket-desc-div {
    float: left;
    width: 100%;
    border: #ccc solid 1px;
    background: #fff;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    margin-bottom: 15px
}

.payment-page .ticket-desc-div h3 {
    background: var(--primary-color);
    margin-top: 0;
    color: #FFF;
    font-size: 16px;
    padding: 12px 15px;
    font-weight: 500
}

.payment-page .departed {
    border-bottom: #eee solid 1px !important;
    color: #fff;
    font-weight: 600 !important;
    font-size: 15px !important;
    width: 100%;
    float: left;
    padding: 6px 15px;
    background: #ea5b02bf
}

.departed img {
    width: 20px
}

.payment-page .airline-information {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    padding: 0 15px;
    margin-bottom: 15px
}

.hide-toggle {
    float: right;
    border: #fff solid 1px;
    border-radius: 2px;
    padding: 3px 8px;
    font-weight: 300;
    font-size: 13px;
    cursor: pointer
}

.right-section {
    width: 23%;
    float: right;
    padding: 0 0 0 15px;
    position: sticky;
    position: -webkit-sticky;
    top: 40px
}

.pyt-price-det-l {
    display: none;
    margin-bottom: 15px;
    width: 100%;
    float: left
}

.airline-information {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    padding: 0 15px
}

.colunm1 {
    float: left;
    width: 6%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 8px
}

.colunm2 {
    float: left;
    width: 23%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.colunm3 {
    float: left;
    width: 29%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.colunm4 {
    float: left;
    width: 28%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.colunm5 {
    float: left;
    width: 10%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.colunm3 span,
.colunm4 span,
.colunm5 span,
.colunm2 span {
    margin-bottom: 5px;
    width: 100%;
    display: inline-block
}

.airline-information em {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding-right: 14px
}

.grey-row {
    float: left;
    width: 100%;
    font-size: 12px;
    background: #efefef;
    margin: 10px 0;
    padding: 5px 15px
}

.grey-row .first-scc {
    float: left;
    width: 40%;
    font-weight: 700;
    font-size: 13px
}

.grey-row .second-scc {
    float: left;
    width: 30%
}

.grey-row .third-scc {
    float: right;
    width: 18%;
    font-weight: 700;
    font-size: 13px
}

.bagges-fees {
    float: left;
    width: 100%;
    color: #ee6221;
    font-size: 13px;
    font-weight: 500;
    padding: 0 15px 10px
}

.contact-information {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    text-align: right;
    padding: 15px
}

.peassenger-inform {
    width: 100%;
    float: left;
    padding-bottom: 15px
}

.peassenger-inform .important {
    background: #deefff;
    font-size: 12px;
    border-radius: 20px;
    margin: 20px 15px 15px;
    padding: 6px 15px
}

.peassenger-inform h5 {
    padding: 0 15px;
    font-size: 14px;
    margin: 18px 0;
    color: #532b74;
    font-weight: 700
}

.passenger_details {
    width: 100%;
    display: inline-block;
    padding: 0 15px
}

.pay_pax_detail {
    width: 21%;
    display: inline-block
}

.pay_pax_gender {
    width: 20%;
    display: inline-block;
    padding-left: 6px
}

.pay_pax_birth {
    padding-left: 3px
}

.pay_pax_birth {
    width: 60%;
    display: inline-block;
    padding-left: 6px
}

.payment-page label {
    font-weight: 300 !important;
    font-size: 13px;
    margin-top: 5px
}

.pay_pax_birth label {
    width: 100%
}

.pay_pax_birth span {
    width: 28%;
    display: inline-block
}

.policy-div {
    display: inline-block;
    width: 100%;
    padding: 10px 15px
}

.payment-information {
    width: 100%;
    float: left;
    padding: 15px
}

.safe-content {
    float: left;
    width: 100%;
    background: #deefff;
    border-radius: 5px;
    color: #009c06;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px
}

.card-details {
    float: left;
    width: 100%
}

.booknow-bt button {
    background: #039c2e;
    color: #fff;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 5px;
    font-size: 20px;
    border: 0
}

.booknow-bt button:hover {
    background: #067a26
}

.pay_page_card {
    width: 25%;
    float: left;
    margin-right: 10px
}

.card-details label {
    float: left;
    width: 145px
}

.pay_page_card input {
    width: 100%;
    float: left
}

.card_expire_date {
    width: 24%;
    float: left
}

.pay_page_expm {
    width: 49%;
    float: left
}

.pay_page_cvv {
    width: 16%;
    float: left;
    margin-right: 8px
}

.fixed-right {
    position: fixed;
    right: 15px;
    top: 98px
}

.pay_page_name {
    width: 29%;
    float: left
}

.ticket-desc-div {
    float: left;
    width: 100%;
    border: #26889e solid 1px;
    background: #fff;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 15px
}

.payment-page label {
    font-weight: 400;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400
}

.payment-page .form-control,
.payment-page .form-select {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 12px;
    padding: 5px;
    height: 40px
}

.billing_info {
    width: 100%;
    float: left;
    padding: 15px
}

.destination_card {
    width: 100%;
    float: left;
    border: #ccc solid 1px;
    background: #fff;
    position: relative
}

.policy-text ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.policy-text ul li i {
    padding-right: 6px;
    color: #009c06
}

.policy-section {
    width: 100%;
    float: left;
    padding: 0 15px 15px 15px
}

.policy-text {
    font-size: 13px;
    padding: 0;
    width: 60%;
    float: left
}

.policy_price {
    width: 10%;
    float: left;
    text-align: center;
    padding: 40px 0
}

.policy_price h5 {
    font-size: 20px;
    font-weight: 700;
    color: #133B67;
    margin: 0;
    padding: 0
}

.policy_price p {
    font-size: 14px;
    color: #333
}

.policy_icon {
    width: 30%;
    float: left;
    text-align: right
}

.policy_icon img {
    width: 50%
}

.checkbox {
    width: 70%;
    float: left;
    padding: 6px
}

.trip_to {
    position: absolute;
    padding: 15px;
    color: #fff
}

.trip_to p {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.trip_to h5 {
    font-size: 18px;
    margin-top: 10px
}

.destination_card img {
    width: 100%;
    height: 160px
}

.price-section {
    width: 100%;
    float: left
}

.price-section h3 {
    background: #642753;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    border-radius: 5px 5px 0 0
}

.price-section .pricing {
    background: #fff;
    border: #adadad dotted 1px;
    border-top: none;
    border-radius: 0;
    padding: 10px 15px
}

.rate-amount {
    float: right
}

.coupn-section h4 {
    background: #dfecff;
    color: #000;
    font-size: 14px;
    padding: 10px 15px;
    font-weight: 600;
    border-radius: 0 0 5px 5px
}

.coupn-section h4 em {
    font-style: normal;
    float: right
}

.coupn-section p {
    font-size: 10px;
    margin-bottom: 8px;
    padding: 6px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px
}

.coupn-section b {
    font-weight: 300
}

.policy_review {
    padding: 10px;
    width: 100%;
    float: left
}

.policy_review p {
    color: #333;
    font-size: 13px;
    line-height: 25px
}

.review ul {
    border-bottom: #e7e7e7 solid 1px;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 13px
}

.policy_review ul+p b {
    font-weight: 300
}

.booknow-bt {
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align: center
}

.booknow-bt a {
    padding: 8px 31px;
    color: #fff;
    background: #ee6221;
    border-radius: 6px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 700;
    text-decoration: none
}

.booknow-bt p {
    margin-top: 15px;
    font-weight: 300;
    font-size: 15px
}

.bg-white {
    background-color: #fff
}

.page_main_header {
    background: #2986a0;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    text-align: center
}

.page_main_header h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}

.common_content {
    width: 100%;
    float: left;
    padding: 15px;
    box-shadow: 2px 3px 2px #ccc;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.common_content h2 {
    background: #2986a0;
    padding: 6px;
    font-size: 18px;
    color: #fff
}

.common_content p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: justify
}

.contact-det-cont {
    width: 100%;
    float: left;
    margin-top: 30px
}

.cont-form button {
    background: #F34D06;
    padding: 6px;
    border-radius: 6px;
    margin-top: 15px;
    float: right;
    color: #fff;
    font-size: 16px
}

.mobile_header {
    background: #ea5b02;
    float: left;
    width: 100%;
    padding: 5px 10px;
    display: none
}

.top_headerleft {
    width: 59%;
    float: left;
    color: #fff;
    font-size: 13px
}

.top_headerright {
    width: 40%;
    float: left
}

.top_headerright a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700
}

.confirm_left {
    width: 100%;
    float: left;
    padding: 10px
}

.top_paragrph {
    width: 100%;
    display: inline-block
}

.top_paragrph h4 {
    font-size: 16px;
    font-weight: 500
}

.top_paragrph h4 strong {
    font-size: 16px;
    font-weight: 500
}

.top_paragrph p {
    font-size: 14px;
    color: #000
}

.conform_button {
    width: 100%;
    float: left;
    padding: 10px;
    border: 2px solid #2888a0;
    border-radius: 0
}

.conform_button h2 {
    font-size: 17px;
    color: #000;
    font-weight: 600
}

.conform_button h5 {
    font-size: 15px;
    color: #333;
    margin-bottom: 20px
}

.conform_button h4 {
    background: #0039A1;
    font-size: 16px;
    padding: 6px;
    color: #fff;
    width: 100%;
    display: inline-block
}

.booked_con_detail {
    width: 100%;
    float: left
}

.book_icon {
    width: 10%;
    float: left
}

.book_flight_det {
    width: 20%;
    float: left
}

.depart_con p {
    margin-bottom: 6px;
    font-size: 13px
}

.book_con_time {
    width: 20%;
    float: left;
    padding-left: 20px
}

.booked_line {
    width: 10%;
    float: left;
    padding-top: 15px
}

.class_type {
    width: 20%;
    float: left;
    padding-left: 20px
}

.book_con_time p b {
    padding-right: 10px
}

.dept_text {
    font-size: 16px;
    color: #09F;
    font-weight: 700;
    padding: 0;
    margin-bottom: 15px !important
}

.passen_ser {
    width: 100%;
    display: flex
}

.text_container {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 30px
}

.text_container p {
    font-weight: 300;
    color: #444;
    font-size: 15px
}

.confirmpage_left {
    border-right: 1px solid #ddd;
    padding-right: 10px;
    width: 50%;
    float: left
}

.confirmpage_right {
    width: 50%;
    float: left;
    padding-left: 10px
}

.sitemap_dest {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    width: 100%;
    display: inline-block
}

.quick_linck h2 {
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 15px
}

.sitemap_dest ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sitemap_dest ul li a {
    font-size: .9rem;
    color: #333;
    line-height: 25px
}

.footer_con {
    width: 100%;
    float: left;
    margin-top: 20px;
    background: url(../images/footer_bg.jpg)no-repeat;
    background-size: cover;
    padding: 30px 0
}

.footer_div {
    width: 50%;
    float: left;
    padding: 10px
}

.company_con {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left
}

.company_con ul {
    list-style-type: none;
    margin: 0;
    width: 50%;
    float: left
}

.company_con h2 {
    font-size: 20px;
    padding: 15px 0;
    color: #fff;
    margin: 0;
    font-weight: 700
}

.padd_right30 {
    padding-left: 30px;
    padding-right: 0
}

.company_con ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase
}

.social_div {
    width: 100%;
    float: left;
    margin-top: 8px
}

.social_div ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.social_div ul li {
    float: left
}

.social_div ul li a {
    width: 24px;
    padding: 0 0;
    border: 1px solid#fff;
    height: 22px;
    margin-right: 8px;
    float: left;
    text-align: center;
    background: #fff;
    color: #000
}

.social_div ul li a:hover {
    background: #ea6022;
    color: #fff
}

.right_aling {
    float: left;
    width: 100%
}

.copy_right {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px
}

.copy_right p {
    font-size: 14px;
    color: #fff
}

.banner_bottom {
    padding: 10px 0;
    background: #fcfcfc
}

.dividerHeading {
    position: relative;
    text-align: center
}

.dividerHeading h4 {
    font-size: 22px;
    font-weight: 700;
    border-radius: 20px;
    color: #111;
    margin-bottom: 2rem
}

.dividerHeading h4:before {
    content: '';
    width: 60px;
    height: 3px;
    border-radius: 30px;
    position: absolute;
    bottom: -8px;
    left: 47%;
    background: var(--secondary-color)
}

.sub_cont {
    font-weight: 600
}

.why_side {
    padding: 20px;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.icon-set svg {
    background: #fff;
    width: 55px;
    height: 55px;
    padding: 10px;
    border-radius: 10px
}

.why_side h2 {
    font-weight: 500;
    font-size: 16px
}

.why_side h3 {
    font-weight: 400;
    color: #fff;
    font-size: 15px
}

.why_side p {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    margin: 0
}

.why_side a {
    text-decoration: none;
    font-size: 28px;
    font-weight: 800;
    color: #fff
}

.banner_bottom .icong {
    margin-top: 20px;
    margin-bottom: 20px
}

.banner_bottom .icong img {
    margin-bottom: 10px
}

.section1 {
    padding: 1rem 0;
    background: #f7f7f7
}

.most-booked-item {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 1px 1px 8px rgb(0 0 0 / .2);
    margin-left: -3px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    margin-bottom: 13px
}

.w-100-fl {
    width: 100%;
    float: left
}

.most-booked-details-l {
    width: 100px;
    min-height: 98px;
    display: flex;
    border-radius: 15px 0 0 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.most-booked-details-r {
    padding: .5rem 1.125rem;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

.most-booked-dest-txt {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 22px
}

.most-booked-dest-txt img {
    margin: 0 10px
}

.most-booked-dest-pr {
    color: #253c99;
    font-weight: 600;
    font-size: 22px
}

.most-booked-item>a {
    display: flex;
    text-decoration: none
}

.most-booked-item>a:hover {
    box-shadow: 0 0 5px 3px rgb(37 60 153 / .19);
    border-radius: 15px
}

.section3 {
    margin: 40px 0 40px 0
}

.dssnp {
    margin-top: 0 !important;
    text-align: center;
    border-radius: 15px
}

.table-striped {
    font-size: 14px
}

.abt_sec h4 {
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.abt_sec h3,
.table-striped h3,
.pptc-text h2 {
    font-size: 18px
}

.abt_sec p,
.abt_sec ul li,
.pptc-text p {
    font-size: 14px;
    color: #555;
    margin: 0 0 10px 0;
    text-align: justify
}

.pop-left {
    float: left;
    width: 75%
}

.pop-right {
    float: right;
    width: 25%;
    position: relative
}

.pop-left ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pop-left ul li {
    width: 32.3%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    list-style: none
}

.pop-left ul li img {
    display: block;
    width: 100%;
    height: 285px;
    border-radius: 15px;
    filter: brightness(75%)
}

.pop-left ul li .content-new {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: 800;
    width: 99%;
    height: auto;
    z-index: 9
}

.pop-left ul li .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: rgb(11 34 64 / .6);
    width: 100%;
    height: 0;
    border-radius: 15px;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 99
}

.pop-left ul li .overlay a {
    border: 1px solid #0b2241;
    background-color: #0b2241;
    border-radius: 6px;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 50%;
    left: 8%;
    margin-left: 6px;
    text-decoration: unset
}

.peragrp {
    text-align: center;
    font-size: 14px
}

.pop-left ul li .overlay a:hover {
    background: var(--primary-color)
}

.pop-left ul li:hover .overlay {
    height: 100%
}

.pop-right img {
    border-radius: 15px
}

.pop-right .over {
    position: absolute;
    text-align: center;
    left: 3%;
    bottom: 13px;
    width: 91%
}

.pop-right .over h2 {
    font-size: 22px;
    color: #fff;
    margin-top: 9px;
    margin-bottom: 10px
}

.pop-right .over p {
    font-size: 16px;
    color: #fff;
    margin: 0
}

.pop-right .over span {
    font-size: 16px;
    color: #fff
}

.pop-right .over a {
    font-size: 28px;
    color: #ffc900;
    text-decoration: unset
}

.dssnpa-ak {
    width: 100%;
    float: left
}

.pop-left.dssnpa-ak ul li {
    width: 24%;
    float: left
}

.pop-right .over h2 {
    font-size: 22px;
    color: #fff;
    margin-top: 9px;
    margin-bottom: 10px
}

.text-details_section {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 2rem;
    background: #f3f3f3
}

.cheap_heading h1 {
    color: #333;
    font-size: 27px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 30px;
    border-bottom: dotted 1px #666;
    padding: 0 0 10px 0;
    text-align: center
}

.text_inner_details {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0 0 0
}

.text_inner_details p {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    text-align: justify;
    margin-bottom: 10px
}

.cheap-h3 {
    color: #262626;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600
}

.section-flight-deals {
    padding: 1rem 0;
    background: #fff
}

.section-flight-deals a {
    text-decoration: none;
    color: #fff
}

ul.dss-pullu-ul {
    width: 100%;
    float: left;
    padding-left: 0;
    list-style: none
}

ul.dss-pullu-ul li {
    width: 25%;
    float: left;
    padding: 5px
}

ul.dss-pullu-ul li {
    width: 25%;
    float: left;
    padding: 5px
}

.travel-deal-item {
    border-radius: 5px;
    margin-left: -3px;
    overflow: hidden
}

.travel-deal-img {
    width: 100%;
    position: relative;
    border-radius: 5px;
    display: block;
    height: 192px
}

.travel-deal-details-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / .29);
    transition: ease-in-out 1s
}

.travel-deal-item-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 5px
}

.travel-deal-item-cont h2 {
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 50%)
}

.travel-deal-item-cont span {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    background-color: rgb(0 0 0 / .6);
    border-radius: 5px;
    padding: 5px 12px;
    display: inline-block
}

.travel-deal-details-wrapper:hover .travel-deal-item-cont span {
    background: var(--primary-color)
}

.newslatter_sce {
    background: #253c99;
    padding: 2rem 0;
    float: left;
    width: 100%
}

.Another_ddl {
    padding: 13px 0 0
}

.Another_ddl h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0
}

.Another_ddl p {
    font-size: 14px;
    color: #f3f3f3;
    font-weight: 300
}

.profile_search1 {
    margin: 5px 0 0 0;
    padding: 11px 0 0
}

.profile_search1 form {
    display: flex
}

.profile_search1 input[type="text"] {
    padding: 10px 2%;
    width: 80%;
    height: 45px;
    font-size: 14px;
    outline: none;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 5px 0 0 5px
}

.profile_search1 input[type="submit"] {
    color: #fff;
    font-weight: 300;
    height: 45px;
    border: none;
    background: var(--secondary-color);
    padding: 8px 25px;
    border-radius: 0 5px 5px 0
}

.orbis_footer {
    width: 100%;
    height: auto;
    float: left;
    background: #000;
    padding: 40px 0
}

.footer_contact p {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    margin: 10px 0 0
}

.footer_contact {
    width: 100%;
    height: auto;
    margin-top: 20px
}

.footer_contact span {
    width: 96%;
    float: left;
    color: #f2f2f2;
    text-decoration: none;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    border-bottom: 1px dashed #746399e3;
    padding: 0 0 6px 0
}

.footer_contact ul {
    width: 45%;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.footer_contact ul li {
    list-style: none;
    display: block;
    line-height: 22px
}

.footer_contact ul li a,
.footer_contact p a {
    color: #ccc;
    text-align: left;
    text-decoration: none !important;
    font-weight: 300;
    font-size: 15px
}

.footer_contact ul li a:hover,
.footer_contact p a:hover {
    color: #fff
}

.foot_i {
    color: #ccc;
    font-size: 20px
}

.disclam {
    background: #000;
    padding: 20px 0;
    width: 100%;
    float: left
}

.discl_text {
    text-align: center
}

.discl_text p {
    font-size: 11px;
    color: #fff;
    line-height: 19px;
    font-weight: 300;
    letter-spacing: .5px
}

.discl_text ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0
}

.discl_text ul li {
    display: inline-block
}

.discl_text ul li a {
    display: inline-block;
    text-decoration: none
}

.discl_text ul li a img {
    background-color: #fff;
    border: 1px solid #fff
}

.footer_btm {
    background: #01104b;
    padding: 10px 0;
    width: 100%;
    float: left
}

.footer_btm p {
    margin: 0;
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 300
}

.Privacy_bb h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 0;
    text-align: center
}

.Privacy_bb {
    padding-top: 5rem
}

.conts_mains {
    padding: 40px 0;
    background: #f7f7f7
}

.contact_aadd {
    box-shadow: 0 0 20px #0a0a0a80
}

.contact_aadd {
    background: #fff;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 25px
}

.contact_aadd i {
    font-size: 22px;
    background: #2894cf;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    margin-bottom: 5px
}

.contact_aadd a {
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 500
}

.address_cont {
    background: ;
    padding: 10px
}

.form-group label {
    color: #6d6565;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-align: right;
    line-height: 30px;
    padding: 0 8px 0 8px
}

.cont_form {
    height: 50px !important;
    font-size: 17px;
    border-radius: 5px;
    background-color: #fdfdfd !important
}

.flat-button {
    border: 0;
    background: #104378;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
    width: 100%;
    font-weight: 500
}

.address_cont h2 {
    font-size: 18px;
    color: #333;
    margin: 0 0 10px 0;
    font-weight: 700
}

.maps {
    padding: 5px;
    background: #fff
}

.abt_sec.dssnp.npadss {
    text-align: justify
}

.abt_sec.dssnp.npadss h4 {
    font-size: 25px;
    font-weight: 600
}

.abt_sec p {
    font-size: 15px;
    color: #555;
    line-height: 25px;
    margin: 0 0 10px 0;
    text-align: justify
}

.npadss h1 {
    font-size: 23px;
    font-weight: 600;
    padding: 7px 0
}

.contact-details p {
    margin: 0;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    text-align: right
}

.contact-details a {
    text-decoration: none;
    font-size: 21px;
    font-weight: 900;
    color: var(--primary-color)
}

.contact-details a:hover {
    color: var(--secondary-color)
}

.header_toll {
    display: flex;
    margin-left: .4rem;
    gap: .5rem;
    align-items: center;
    position: relative
}

.customer-agent img {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 30px
}

.nav-link {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    padding: .4rem 1.3rem !important
}

.nav-link:hover {
    color: var(--primary-color)
}

.main_header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 1px 1px 15px rgb(0 0 0 / .2)
}

.flight-way {
    background: #fff;
    width: 396px;
    padding: 8px 8px 0 8px;
    border-radius: 5px 5px 0 0
}

.flight-way ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: .5rem
}

.flight-way ul li {
    font-size: 14px;
    font-weight: 400
}

.flight-way ul li label {
    cursor: pointer;
    border: 0;
    position: relative;
    background: #efefef;
    padding: 8px 15px 8px 15px;
    border-radius: 6px
}

.flight-way ul li input {
    width: 16px;
    height: 16px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 3px;
    padding-right: 7px
}

.flight-way ul li input:checked~label {
    background: var(--primary-color);
    color: #fff
}

.flight-way ul li input:checked~label::after {
    display: block
}

.main-searchengine label {
    font-size: 14px;
    color: #000
}

.search-box label {
    position: absolute;
    font-weight: 400;
    z-index: 1;
    color: #333;
    left: 12px;
    top: 4px
}

.main-searchengine .form-control {
    height: 58px;
    font-weight: 600;
    text-overflow: ellipsis;
    font-size: 17px;
    padding: 23px 7px 7px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%
}

.main-searchengine .form-control:active,
.main-searchengine .form-control:focus {
    box-shadow: 0 0 0 2px #1868b9;
    border: 1px solid var(--primary-color)
}

.main-searchengine .form-control:hover {
    border-color: var(--primary-color)
}

.select-icon {
    position: absolute;
    top: 5px;
    right: 5px
}

.day-text {
    position: absolute;
    font-size: 12px;
    font-weight: 300;
    color: #555;
    bottom: 0;
    left: 8px
}

.frm_llbs {
    position: absolute;
    top: 24px;
    left: 6px
}

.search-button {
    height: 58px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border: 0;
    width: 100%;
    background: var(--primary-color)
}

.search-button:hover {
    background: var(--secondary-color);
    color: #000
}

.form-control:disabled {
    background: #fff !important;
    color: #fff;
    cursor: not-allowed
}

.seach_con h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 800
}

.seach_con p {
    font-size: 16px;
    text-align: center;
    color: #f4f4f4;
    margin-bottom: 1.5rem;
    font-weight: 300;
    text-shadow: 1px 1px 8px rgb(0 0 0 / .3)
}

.pass-name {
    background: #fff;
    position: absolute;
    padding: 10px;
    border-radius: 5px;
    z-index: 999;
    width: 260px;
    box-shadow: 1px 2px 10px rgb(0 0 0 / .3)
}

.adult-minus,
.adult-plus {
    border-radius: 5px;
    margin: 0 6px;
    background: var(--primary-color);
    border: 0
}

.adult-minus-txt {
    color: #fff;
    font-weight: 400;
    font-size: 22px !important
}

.qtynumber {
    border: 0;
    background: #fff;
    border-radius: 5px
}

.submit--button {
    border-radius: 5px;
    border: 0;
    float: right;
    margin-top: 1rem;
    background: var(--primary-color);
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px
}

.section-title h2 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 32px
}

.section-title p {
    font-size: 14px;
    color: #888;
    font-weight: 300;
    margin: 0
}

.exchnage-btn {
    background: var(--primary-color);
    position: absolute;
    right: 12px;
    top: 20px;
    width: 40px;
    line-height: 28px;
    height: 30px;
    border-radius: 6px;
    text-align: center
}

.fetched-data {
    position: absolute;
    color: #333;
    font-size: 12px;
    bottom: 0
}

.border-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.section-title {
    padding-bottom: 0.5.deals-mainrem;
    margin-bottom: 1.8rem;
    position: relative
}

.section-title::before {
    content: '';
    background: #ff874f;
    position: absolute;
    width: 100px;
    bottom: -8px;
    left: 0;
    border-radius: 8px;
    height: 3px
}

.ui-state-default,
.ui-button,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0 !important;
    background: #fff
}

.ui-button.ui-state-disabled:hover {
    background: var(--primary-color) !important
}

.ui-datepicker td {
    padding: 0
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 8px;
    text-align: center
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-state-hover {
    background: var(--primary-color) !important;
    color: #fff !important
}

.ui-widget-header {
    background: 0
}

.ui-datepicker .highlight a {
    border: 1px solid #036;
    color: #000
}

.ui-datepicker .highlight-start a {
    background-color: var(--primary-color) !important;
    color: #fff
}

.ui-datepicker .highlight-end a {
    background-color: var(--primary-color);
    color: #fff
}

.ui-datepicker .highlight-range a {
    background-color: #d7ebff;
    color: #000
}

.ui-datepicker .hover-highlight a {
    background-color: #036;
    color: #000
}

.grd-bg {
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%)
}

.grd-bg2 {
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)
}

.grd-call {
    background-image: linear-gradient(325deg, var(--primary-color) 0%, var(--secondary-color) 100%)
}

.icon-phn img {
    position: absolute;
    width: 170px;
    height: 210px;
    right: -20px;
    top: -23px
}

.destination-image {
    border-radius: 100%;
    box-shadow: 0 0 20px 2px rgb(0 0 0 / .1)
}

.destination-image img {
    filter: brightness(80%);
    width: 100%;
    transition: 0.4s
}

.destination-details {
    padding: .6rem 0
}

.destination-name {
    font-weight: 400;
    color: #333;
    font-size: 18px
}

.destination-name+p {
    font-weight: 300;
    font-size: 15px;
    color: #0d86d5
}

.date-range {
    font-size: 13px;
    color: #777
}

.fare-details {
    font-size: 11px;
    color: #333;
    padding-top: .4rem
}

.fare-details strong {
    font-size: 19px;
    color: #068f3f
}

.fare-details strong sup {
    font-weight: 300
}

.click-btn {
    position: absolute;
    transition: 0.3s;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    top: 35px;
    text-align: center;
    line-height: 28px;
    background: #f3f3f3;
    right: 10px
}

.text_inner_details p {
    color: #555;
    font-weight: 300
}

.flight-deals {
    border-radius: 10px;
    padding: 20px;
    background: #f3f3f3
}

.deals-destination {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: .3rem
}

.deals-date-range,
.fligh-deals-main p {
    font-weight: 300;
    font-size: 13px;
    margin: 0
}

.fligh-deals-main {
    padding: .6rem 0
}

.book-btn a {
    background: var(--primary-color);
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 8px 20px;
    border-radius: 25px;
    width: 100%
}

.book-btn a:hover {
    background: var(--secondary-color)
}

.deals-destination span {
    font-weight: 300;
    font-size: 14px
}

.fligh-deals-main strong {
    color: #029136;
    font-size: 17px
}

.cheap-deals p {
    color: #666;
    font-weight: 300;
    font-size: 14px
}

.cheap-deals p span {
    color: #ff4949
}

.about-section-main {
    padding: 2rem 0
}

.about-section-main p {
    font-weight: 400;
    color: #666;
    font-size: 15px
}

.about-section-main h3 {
    font-size: 24px;
    font-weight: 400;
    color: #444
}

.about-section-main h4 {
    font-size: 26px;
    font-weight: 400;
    color: #333
}

.about-section-main strong {
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.middle-header {
    background: #f6f6f6;
    padding-top: 6rem;
    height: 200px
}

.middle-header h1 {
    font-size: 30px;
    color: var(--primary-color)
}

.middle-header .breadcrumb {
    font-size: 15px;
    font-weight: 300
}

.nav-item:hover .dropdown-menus {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.dropdown-menus {
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.4s;
    position: absolute;
    width: 250px;
    top: 3.5rem;
    box-shadow: 1px 11px 15px rgb(0 0 0 / .15)
}

.dropdown-menus ul li:hover {
    background: #f3f3f3
}

.tabs-button ul,
.deals-section ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tabs-button ul li {
    font-size: 14px;
    padding: 4px 8px
}

.dropdown-menus ul li {
    padding: 4px 8px
}

.dropdown-menus ul li a {
    text-decoration: none;
    color: #444;
    font-weight: 400;
    font-size: 14px
}

.ui-menu {
    max-height: 400px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 300;
    max-width: 530px !important
}

.ui-menu .ui-menu-item {
    padding: 3px;
    border: 0 !important
}

.error {
    background: rgb(255 0 0 / .11) !important;
    border: 1px solid #ff0000 !important
}

.contact_mail {
    padding-top: 71px
}

.contact_mail h1 {
    background-color: #f6f6f6;
    padding: 45px;
    color: #000;
    font-weight: 600;
    font-size: 28px
}

.contact_page {
    background-color: #bb8cc4;
    height: 380px;
    padding: 20px;
    border-radius: 5px
}

.contact_page h2 {
    color: #fff;
    font-weight: 500;
    font-size: 22px
}

.contact_text1 {
    margin-top: 2rem
}

.contact_text1 svg {
    background-color: #4c3d54bf;
    border-radius: 4px;
    padding: 3px 4px;
    color: #000
}

.contact_text1 span {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.contact_main {
    padding: 3rem 0
}

.contact_text1 a {
    text-decoration: none;
    color: #fff;
    padding-left: 30px
}

.call_icon {
    width: 40px;
    height: 40px;
    background: #198754;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    display: none;
    animation: main-icon 3s infinite
}

.call_icon svg {
    animation: shake-icon 0.5s infinite
}

@keyframes shake-icon {
    0% {
        color: #000;
        transform: rotate(0deg)
    }

    10% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(20deg)
    }

    70% {
        transform: rotate(0deg)
    }

    90% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(-20deg)
    }
}

.search-box {
    background: #fff;
    padding: 10px 18px;
    border-radius: 0 10px 10px 10px
}

.swapdata {
    position: absolute;
    right: -15px;
    top: 12px;
    z-index: 1;
    cursor: pointer
}

.swapdata {
    background: var(--primary-color);
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    text-align: center;
    line-height: 1.8rem
}

.swapdata:active,
.swapdata:focus {
    outline: 1px solid var(--primary-color);
    outline-offset: 2px
}

.why-chooose-main {
    background: var(--primary-color);
    border-radius: 10px;
    padding: 20px
}

.why-chooose-main h2 {
    color: #fff;
    font-size: 34px
}

.whyus-section {
    background: #fff;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / .15);
    padding: 15px;
    height: 100%;
    border-radius: 10px
}

.whyus-section h3 {
    font-size: 18px;
    font-weight: 600;
    color: #444
}

.whyus-section p {
    margin: 0;
    font-size: 15px;
    color: #666
}

.whyus-section img {
    width: 50px;
    height: 50px;
    margin-bottom: .5rem
}

.flight-deals-container {
    background: #fbfafa;
    padding: 2rem 0
}

.cheap-deals {
    background: #fff;
    padding: 8px;
    border-radius: 7px;
    box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.deals-details {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dest-name h3 {
    font-weight: 600;
    margin: 0;
    color: #333;
    font-size: 23px
}

.dest-name p {
    font-size: 14px;
    margin: 0
}

.airline-icon img {
    width: 36px;
    height: 36px
}

.deal-date {
    color: #075EB8;
    font-weight: 300;
    font-size: 13px
}

.deal-date+small {
    font-weight: 300;
    color: #333;
    font-size: 14px
}

.deal-fare {
    font-size: 22px;
    font-weight: 600
}

.deal-fare+a {
    background: var(--primary-color);
    transition: 0.2s;
    text-decoration: none;
    color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 13px
}

.deal-fare+a:hover {
    background: #000
}

.disclaimer {
    font-size: 14px;
    text-align: center;
    font-weight: 300
}

.about-agency {
    padding: 1rem 0
}

.about-agency h3 {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    margin-bottom: 1rem
}

.about-agency p {
    font-size: 19px;
    font-weight: 400;
    color: #777
}

.about-agency img {
    width: 100%;
    border-radius: 1rem;
    margin-left: 15px
}

.pt-6 {
    padding-top: 4rem
}

.subscribe-main img {
    width: 100%
}

.subscribe-main {
    background: #f7f8fa;
    border-radius: 5px
}

.subscribe-content p {
    font-size: 16px;
    font-weight: 400;
    padding: 1rem 0
}

.mail-form .form-controls {
    width: 100%;
    position: relative;
    border: 2px solid var(--primary-color);
    font-size: 16px;
    padding: 10px 10px 10px 40px;
    height: 52px;
    font-weight: 400;
    border-radius: 30px
}

.mail-form span img {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 14px;
    top: 17px
}

.submitButton {
    position: absolute;
    right: 5px;
    background: var(--primary-color);
    border: 0;
    top: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 30px
}

.submitButton:hover {
    background: #114690
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: var(--primary-color);
    color: #fff
}

.footer {
    background: #076daa
}

.footer-top ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-top a {
    text-decoration: none;
    color: white
  
}

.footer-widget h4 {
    font-size: 20px;
    font-weight: 600;
    color: white;
    text-transform: uppercase
}

.footer-menu a {
    font-weight: 400;
    font-size: 15px;
    color: white;
    line-height: 29px
}

.fs-18 {
    font-size: 25px
}

.footer-about p a {
    font-weight: 400
}

.fs-12 {
    font-weight: 400;
    font-size: 14px;
    color: #a1a1a1 !important
}

.accordion {
    background: #0b4664 !important
}

.accordion-button:focus {
    box-shadow: unset !important
}

.footer-menu a:hover {
    color: var(--primary-color);
    font-weight: 600
}

.checkin-wrap {
    border: 1px solid #ccc
}

.checkin-wrap h4 {
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.navbar-toggler:focus {
    box-shadow: unset !important
}

.navbar-toggler {
    border: 0
}

.mb-calls img {
    width: 30px;
    height: 30px
}

.border-ends {
    border-right: 1px solid #ccc !important
}

.border-tops {
    border-top: 1px solid #8f8f8f
}

.mb-calls {
    display: none
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(204,204,204,1)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E") !important
}

.slick-prev:before,
.slick-next:before {
    color: #000000 !important;
    font-size: 34px !important
}

.slick-next {
    right: -8px !important
}

.slick-prev,
.slick-next {
    background: #fff !important;
    top: 42% !important;
    box-shadow: 0 0 10px rgb(0 0 0 / .2);
    width: 47px !important;
    height: 47px !important;
    z-index: 9;
    border-radius: 100%
}

.accordion-button,
.accordion-body {
    background-color: #0b4664 !important;
    color: #ccc !important;
    border: none !important
}

.contact-main {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 15px;
    height: 100%;
    width: 100%
}

.contact-main h3 {
    font-size: 15px;
    margin: 0
}

.contact-icons a {
    font-size: 22px
}

.contact-icons {
    margin-bottom: .6rem
}

.contact-detail h2 {
    font-size: 25px;
    color: #444
}

.contact-detail p {
    font-weight: 300;
    font-size: 15px;
    color: #555
}

.form-group input {
    font-weight: 300;
    height: 40px;
    border-radius: 5px;
    font-size: 15px;
    box-shadow: inset 0 0 7px 0 #f2f2f2
}

.form-group textarea {
    font-weight: 300;
    border-radius: 5px;
    font-size: 15px
}

.form-group label {
    font-size: 13px;
    font-weight: 300;
    padding: 0
}

.form-group .btn {
    width: 100%;
    box-shadow: unset;
    background: #642753;
    border-color: #642753
}

.section-query-form p {
    font-size: 14px;
    color: #666;
    font-weight: 300
}

.why-choose-us ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0
}

.why-choose-us ul li {
    font-size: 20px;
    position: relative;
    padding-left: 0rem !important;
    color: #f2f2f2;
    padding: 0 12px
}

.why-choose-us ul li svg {
    background: rgb(24 83 165 / .15)
}

.deals-item {
    overflow: hidden;
    border-radius: 8px
}

.deals-item img:hover {
    transform: scale(1.2)
}

.deals-item img {
    width: 100%;
    max-height: 220px;
    transition: 0.3s;
    filter: brightness(80%)
}

.deals-content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1;
    pointer-events: none;
    padding: 10px
}

.deals-city {
    font-size: 22px
}

.fare-dtl {
    position: absolute;
    bottom: 15px;
    font-size: 22px;
    right: 10px
}

.fare-dtl strong,
.deals-city strong {
    font-weight: 800;
    font-size: 25px
}

.subscribe-content h3 {
    font-weight: 700
}

.scroll-button svg {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgb(0 0 0 / .20);
    cursor: pointer;
    background: var(--primary-color);
    padding: 4px
}

.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 10px;
    display: none;
    z-index: 999999
}

.city-content p,
.city-content ul li {
    font-size: 14px;
    color: #666
}

.city-content h2 {
    font-size: 20px
}

.city-content h1 {
    font-size: 24px
}

.whatsapp-contact {
    position: fixed;
    bottom: 1.5rem;
    left: 1rem;
    z-index: 99;
    border-radius: 35px
}

.whatsapp-contact img {
    filter: drop-shadow(0 0 .75rem rgb(0 0 0 / .3));
    width: 53px;
    height: 53px
}

.npadss h3 {
    font-weight: 700
}

.npadss ol li {
    font-size: 14px;
    color: #666
}

.npadss ol li strong {
    font-size: 14px;
    color: #444
}

.section-fare-call {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: .8rem;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgb(0 0 0 / .1)
}

.section-fare-call a {
    text-decoration: none
}

.coupan-price span {
    color: #116215;
    font-size: 23px;
    font-weight: 800
}

.main-text {
    font-size: 19px;
    text-transform: uppercase;
    color: #2a527d;
    font-weight: 600
}

.sub-txt {
    font-size: 13px;
    color: #555
}

.call-btn {
    font-size: 20px;
    color: #ed4526;
    font-weight: 700
}

.section-fare-call p {
    color: #004d9f;
    font-size: 12px;
    margin: 0
}

.offer_popup {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgb(0 0 0 / .8);
    left: 0;
    top: 0;
    z-index: 9999
}

.sub_popup {
    width: 600px;
    position: absolute;
    transform: translate(-50%, -50%);
    background-color: #fff;
    left: 50%;
    top: 50%;
    border-radius: 8px;
    padding-bottom: 10px
}

.sub_popup img {
    width: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.sub_popup1 {
    text-align: center;
    margin-top: -10px
}

.sub_popup1 .ofer-text {
    background-color: #e6740a;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    top: -10px;
    z-index: 1;
    display: inline-block
}

.end_time {
    margin: 10px 0;
    position: relative
}

.end_time h2 {
    font-size: 15px;
    font-weight: 500
}

.end_time h2 span {
    font-size: 24px;
    font-weight: 600;
    color: #e6740a
}

.end_time h2 span strong {
    font-size: 14px;
    font-weight: 600
}

.end_time strong {
    font-size: 22px;
    color: #444
}

.end_time p {
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0
}

.price_tag {
    position: absolute;
    right: 16px;
    top: 47px
}

.price_tag strong {
    font-size: 24px;
    color: #2faa41;
    margin: 0
}

.price_tag p {
    font-size: 14px;
    color: #555;
    margin: 0;
    font-weight: 300;
    padding: 0
}

.depart_main,
.return_class {
    padding: 0 20px
}

.depart_main1,
.return_class {
    background-color: #fff;
    z-index: 1
}

.depart_main1 h4,
.return_class h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300
}

.depart_main1 p,
.return_class p {
    font-size: 14px;
    padding: 0;
    margin: 0
}

.depart_main1 strong,
.return_class strong {
    font-size: 20px;
    color: #444
}

.plane_icon1,
.plane_icon2 {
    position: relative
}

.plane_icon1 svg {
    transform: rotate(90deg);
    top: 5px
}

.plane_icon1:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #ccc;
    left: 10px;
    bottom: 10px
}

.plane_icon2 svg {
    transform: rotate(270deg);
    position: relative;
    top: -10px;
    left: 2px
}

.plane_icon2:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #ccc;
    right: 10px;
    bottom: 21px
}

.phone_call a {
    display: inline-block;
    background-color: #41b147;
    padding: 6px 25px;
    font-weight: 600;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    transition: 0.3s
}

.phone_call a:hover {
    background-color: #318a36;
    transform: scale(1.1)
}

.phone_call a svg {
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 4px
}

.logos img {
    max-width: 130px;
    height: 55px
}

.note p {
    font-size: 13px;
    color: #777;
    font-weight: 300
}

.close-pop svg {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    padding: 5px;
    position: absolute;
    right: -8px;
    top: -10px;
    cursor: pointer
}

.session-expire-popup {
    display: none
}

.session-expire-popup {
    background: rgb(0 0 0 / .6);
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    z-index: 9999
}

.main-popup {
    width: 300px;
    background: #fff;
    text-align: center;
    padding: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.heading-session {
    font-weight: 600;
    color: #444;
    font-size: 14px
}

.heading-session+p {
    color: #777;
    font-size: 12px;
    margin: 0;
    padding: 0
}

.session-btns {
    display: flex;
    justify-content: space-around
}

.session-btns a {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    font-weight: 600
}

.home-btn {
    background: #e1e1e1 !important;
    color: #555 !important
}

.home-btn,
.refresh-btn {
    text-decoration: none;
    background: #d62c27;
    padding: 5px 8px;
    transition: 0.3s
}

.session-btns a {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    font-weight: 600
}

.booking-spinner {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    background: rgb(0 0 0 / .3);
    z-index: 99;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    left: 0
}

.spinner-main {
    background: #fff;
    position: absolute;
    padding: 20px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center
}

.spinner-main p {
    color: #e94544;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.spinner-main img {
    width: 45px;
    height: 45px
}

.feature-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px
}

.blue-bg {
    background-color: #c4dbf5;
    color: #fff
}

.red-bg {
    background-color: #ffcbde;
    color: #fff
}

.green-bg {
    background-color: #fdd0cc;
    color: #fff
}

.purple-bg {
    background-color: #b7ebba;
    color: #fff
}

.whychoose-us h5 {
    font-weight: 600
}

.feature-icon img {
    width: 50px
}

.card img {
    object-fit: cover;
    border-radius: 16px
}

.btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #6B2143;
    color: #fff;
    border-radius: 40px;
    padding: 7px 50px;
    white-space: nowrap
}

.btn-custom:hover {
    background-color: #a3365c;
    color: #fff
}

.card {
    padding: 10px;
    border-radius: 16px
}

.card-body {
    padding: 5px 0 0 0
}

.btn_readmore {
    background: var(--primary-color);
    border: 0;
    top: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 8px;
    text-decoration: none
}

.btn_readmore:hover {
    background: var(--secondary-color);
    color: #fff
}

.wrapper {
    padding: 2rem 0
}

.section-title {
    color: #333
}

.icon-html5 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #e34f26;
    clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
    position: relative
}

.icon-html5::before {
    content: '5';
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 2px;
    left: 7px
}

.testimonial-list {
    display: flex;
    gap: 20px;
    justify-content: center
}

.testimonial-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .1);
    padding: 20px
}

.testimonial-card h4 {
    margin: 0;
    color: #333
}

.testimonial-location {
    color: #888;
    font-size: 14px
}

.rating-stars {
    margin: 10px 0;
    color: #00b67a
}

.testimonial-text {
    color: #555;
    line-height: 1.5
}

.Sec_abt_bx {
    background: #fdfbfb;
    padding: 50px 0
}

.hding_name {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 30px 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.page_ctnt h3,
.page_ctnt h4,
.page_ctnt h5 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 15px 0 5px 0
}

.footer_icon_payment ul li {
    display: inline-block
}

.right_gdpr img {
    width: 70px;
    background: #fff;
    border-radius: 5px
}

.footer_icon_payment ul li img {
    width: 55px;
    height: 27px
}

.right_gdpr {
    text-align: right
}

.footer_icon_payment ul {
    padding: 0;
    margin: 0
}

.footer_bxm {
    width: 100%;
    display: table;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.footer_bxm ul li {
    font-weight: 300;
    display: inline-block;
    margin: 6px 28px 0 0;
    font-size: 14px;
    color: #fbfbfb !important
}

.footer_bxm ul li strong {
    color: #ffffff !important
}

.footer_bxm ul li span {
    font-weight: 300;
    font-size: 14px
}

.contact-main a {
    font-size: 20px;
    font-weight: 600;
    color: #642753
}

.mobile-price {
    display: none
}

.why_us {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid var(--primary-color);
    cursor: pointer
}

.why_us_icon {
    width: 50px;
    height: 50px;
    margin: 10px auto 10px;
    display: table
}

.why_us_icon img {
    width: 100%;
    object-fit: contain
}

.why_us {
    padding: 20px;
    border-radius: 10px;
    height: 100%
}

.why_us .icon-container {
    background: var(--primary-color);
    border-radius: 50px;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 10px
}

.why_us_text strong {
    font-size: 16px;
    margin-bottom: .5rem;
    font-weight: 700;
    text-align: center;
    display: block
}

.why_us_text p {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #666
}

.destination-card {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    height: 360px;
    margin: 20px;
}

.destination-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease
}

.destination-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #fff0 40%, rgb(4 9 33 / .75) 100%)
}

.destination-content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2
}

.destination-content h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px
}

.destination-card:hover img {
    transform: scale(1.08)
}

.seach_con::after {
    content: "";
    background: rgb(0 0 0 / .702);
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    z-index: 1
}

.seach_con>.container-lg {
    position: relative;
    z-index: 2
}

.cta {
    background: #ff751f;
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}