@import url('http://fonts.cdnfonts.com/css/amsterdam-2');
#new-banner {
    background: var(--black-bg-color);
    margin-top: 70px;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 40px 0;
    position: relative;
    min-height: 600px;
    margin-bottom: 50px;
}

.job-tab {
    text-align: center;
}

.new-banner-content {
    text-align: center;
}

.df {
    text-align: center;
}
.carlistingBanner .form-control {
    margin-bottom: 0;
    line-height: 60px !important;
    border-radius: 7px !important;
}
.srch_form-hotel input {
    display: block;
    line-height: normal !important;
    height: auto !important;
}
select#Residence {
    padding-left: 0 !important;
    line-height: normal;
    height: calc(1.5em + 0.75rem + 2px) !important;
}
.hhdc-item {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px 14px;
    box-shadow: 0 0.08rem 0.28rem rgb(0 0 0 / 60%);
    margin: 10px;
}

.hhdc-item {
    width: 180px;
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px 14px;
    box-shadow: 0 0.08rem 0.28rem rgb(0 0 0 / 60%);
    margin: 10px;
}

#group-fare .hhdc-item-pc {
    min-height: 220px;
}

.hhdc-item .item-iata {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.hhdc-item-pc .item-iata {
    width: 140px;
}

.textEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hhdc-item-pc .item-start-from {
    font-size: 12px;
    line-height: 18px;
    color: #eb643a;
    padding-top: 24px;
    margin-bottom: 0;
}

.hhdc-item .item-price {
    color: #ef0000;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
}
.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.hhdc-item-pc .item-line {
    margin-left: 0;
    height: 50px;
    border-left: 1px dashed #ff9d0d;
    position: relative;
    margin-right: 8px;
    top: -10px;
}

.hhdc-item-pc .item-line:before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #ff9d0d;
    transform: scale(.7);
    position: absolute;
    left: -3.5px;
}

.hhdc-item-pc .item-line:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #ff9d0d;
    transform: scale(.7);
    position: absolute;
    left: -3.5px;
}

.hhdc-item-pc .item-line:after {
    bottom: -6px;
    background: #ff9d0d;
}

section.hot-deals {
    display: none;
}

.box-content {
    position: absolute;
    bottom: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    left: 0px;
    right: 0px;
}

.padding-20 {
    padding: 20px;
    margin-right: 10px;
}

.box-content p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}

.box-content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding-top: 5px;
}

.popular-des {
    text-align: center;
    padding-bottom: 20px;
}

section.popular-destination {
    padding: 50px 0;
}

.shape-bottom {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    height: 0;
    padding-top: 6.4516%;
    background-image: url(/public/upload/bookoair/images/shape.png) !important;
    bottom: 0px !important;
    z-index: 9 !important;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 101% 100% !important;
    opacity: 1 !important;
    top: auto!important;
}

.custom-nav {
    position: relative;
    z-index: 999;
    width: 100%;
    padding: 10px !important;
}

.pd1 {
    height: 400px;
}

.pd1 img {
    width: 100%;
    height: 100%;
}

.pd2 img {
    width: 100%;
    height: 100%;
}

.pd2:last-child img {
    margin-top: 10px;
    ;
}

.pd2 {
    height: 195px;
    position: relative;
}

.pd3 {
    height: 250px;
    margin-top: 10px;
}

.pd3 img {
    height: 100%;
    width: 100%;
}

.padding-right-10 {
    padding-right: 10px;
    padding-left: 0;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding0 {
    padding-right: 10px;
    padding-left: 0;
}

.col-md-4.padding-right-10.padding-bottom-10 {
    padding-left: 0;
}

.paddingright0 {
    padding-right: 0;
}

.custom-nav .navbar-brand img {
    width: 200px;
    height: auto !important;
}

#new-banner figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
}

#new-banner figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new-banner-content h3 {
    font-size: 34px;
    color: #fff;
}

.travel-box_cls {
    width: 100%;
    position: relative;
    display: inline-block;
    top: 10px !important;
}

.srch_form {
    padding: 0px 0px;
}

.hotel_select1_inner .travelerbox {
    border: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding: 0.375rem 0.75rem !important;
}
.holidayhome-focus3 #Residence {
    height: 60px !important;
}

.t-box-cls.hotel_check.form-control.mobile_margin_traveller.search_border_redi_last {
    height: auto !important;
}

input#car_mytrip_city_from {
    margin-bottom: 10px;
    height: 40px;
}

input#car_lead_locality {
    height: 40px;
}

input#car_book_from_date {
    height: 40px;
}

input#car-time {
    height: 40px;
}

.theme-content.themecontent_bxheight .dt-view {
    border: 1px solid #333;
}

.dt-view {
    border: 1px solid #333 !important;
}

.theme-content a.dt-view.ndv {
    border: none !important;
}

.filter-sec.shadow.filter-box.ng-hide.fixedform {
    top: 0 !important;
}

.themecontent_bxheightsingle .ndv {
    border: none !important;
}

span.promo-code {
    display: block;
    padding: 3px 6px;
    color: #3a3a3a;
    font-size: 13px;
    background: #fffbed;
    float: left;
    width: auto;
    margin: 0 0 7px 0px;
    border: 0;
    border-left: 3px solid #efdc9c;
}

.flight-menu span {
    float: right;
    font-weight: 600;
    padding-top: 5px;
}

.hotel-booking-form {
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: solid 1px #e7e7e7;
    position: relative;
}

.input_searchcity:last-child {
    border-right: none;
}

.hotdeals-box2 img {
    height: 250px;
    min-height: 250px;
}

.internation-flight-search-Banner {
    background: #bbb !important;
    border-bottom: 1px solid #d7d7d7;
}

.flight-clsadult1 li:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.wowi-footer {
    display: none;
}

.internation-flight-search-Banner .standard_class input[type="radio"]:checked+label {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    color: #333 !important;
}

.ui-slider .ui-slider-range {
    background: var(--black-bg-color) !important;
}

button.search-btn.flightsubmit_searchflight {
    color: #333 !important;
}

.hotel-booking-form .input_searchcity {
    width: 285px;
    min-height: 90px;
    border-right: solid 1px #e7e7e7;
}

.flight-menu .tripType {
    display: none
}

.input_searchcity.checkin {
    width: 165px;
    min-height: 90px;
    border-right: solid 1px #e7e7e7;
}

.input_searchcity.nationality {
    width: 130px;
}

.nationality select {
    border: none;
    position: relative;
    padding: 0;
}

.checkin .date-parent input {
    border: none !important;
    padding-left: 0;
}

.t-box-cls.hotel_check.form-control.mobile_margin_traveller.search_border_redi_last {
    border: none;
    border-right: none !important;
    padding: 0;
}

#myModa1sign-in .close.signbtn {
    font-size: 24px;
}

.rigister .sign-btn {
    color: #fff !important;
    background: var(--main-color);
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, .5);
}

span.TotalTravellers {
    font-weight: 600;
    font-size: 24px;
}

#myModal_Travellers .modal-dialog {
    margin: 0.5rem auto 0;
}

span.flightPaxInfo {
    line-height: normal;
}

.new-banner-content p {
    font-size: 16px;
    color: #fff;
}

.tb-c {
    text-align: center;
}

.tb-c span {
    display: block;
    padding-bottom: 5px;
}

.job-tab .nav-tabs>li a:hover {
    text-decoration: none;
}


/* Tr Job Post */

.job-item {
    background-color: #fff;
}

.job-tab .nav-tabs {
    margin-bottom: 0px;
    border-bottom: 0;
}

.job-tab .nav-tabs>li {
    float: none;
    display: inline;
}
.themecontent_bxheight .dt-view{
    border: 1px solid var(--maincolor) !important;
}
nav.navbar.navbar-expand-md.bg-dark.navbar-dark.custom-nav {
    background: #fff !important;
}
a.btn.blogbtn.btn-fit.btn-capitalize {
    color: #fff !important;
}
.job-tab .nav-tabs li:last-child {
    margin-right: 0;
}

.job-tab .nav-tabs {
    position: relative;
    z-index: 1;
    display: inline-flex;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.job-tab .nav-tabs li.active .tb-c span {
    padding-bottom: 5px;
}

.new-banner-content {
    padding-bottom: 20px;
}

.tr-job-posted .tab-content {
    position: absolute;
}

#flight-clsadultcnt li.active {
    background: var(--maincolor) !important;
}

li.multicity_filghtdate {
    width: 30.33%;
    float: left;
    display: block;
}

li.multicity_filght {
    display: flow-root;
}

li.multicity_filght:first-child .form-control {
    border-radius: 5px 0 0 5px;
    border: 1px solid #ced4da !important;
    line-height: 60px !important;
    max-height: 60px !important;
    padding-left: 10px !important;
}

.travellersdive.d-flex {
    margin-bottom: 20px;
}

li.multicity_filghtremoveicon {
    width: 2%;
    float: right;
    display: block;
}

.formtitlecls {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: normal !important;
    font-family: Poppins, sans-serif!important;
    position: absolute;
    margin-left: 10px;
    margin-top: 2px;
}

.searchinput input {
    outline: 0 !important;
    font-size: 17px !important;
    background: none !important;
    min-width: 140px !important;
    cursor: pointer !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'Mukta', 'Lato', sans-serif !important;
    font-weight: 600;
    padding-left: 10px !important;
}

.addcity-btn {
    font-size: 18px;
    background: #8b8b8b !important;
    float: right;
    width: 20%;
    padding: 13px 25px 13px;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid var(--secondcolor);
    text-align: center;
    height: 50px;
    margin-top: 10px !important;
}

article.on {
    display: block;
}

button.search-btn.mt_btm0 {
    border: 1px solid var(--maincolor);
}

a.apply_traveller.flight-clsn-trvl-dtl-r {
    border: 1px solid;
}

.standard_class input[type=radio]:checked+label {
    border: 1px solid;
}

.view-packages-btn {
    border: 1px solid var(--maincolor) !important;
}

.view-packages-btn:hover {
    background: var(--maincolor);
}

.standard_class label:hover {
    color: #fff;
}

.flight_form {
    padding: 20px 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: #e7e7e7 2px 2px 5px;
    z-index: 9999;
    position: relative;
    border-top-left-radius: 0;
}

.man-banner {
    position: relative;
    left: -35px;
    top: 20px;
}

.oneway-trip {
    background: #fff;
    padding: 11px 0 0;
}

.extra-option label {
    padding: 0 10px;
    font-weight: 600;
    margin: 0 0px;
    border-left: 1px solid #ccc;
    display: inline-flex;
}

.extra-option {
    float: left;
}

.covid strong {
    color: #61070b;
}

.covid {
    float: right;
    text-align: right;
}

.t-box-cls:after {
    bottom: -10px;
    right: 0px;
}

.extra-option label:first-child {
    padding: 0px;
    padding-right: 10px;
    border-left: none;
    display: inline-flex;
}

.extra-option label:first-child input {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 5px;
}

.extra-option label input[type=radio] {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 5px;
}

.oneway-inner {
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: solid 1px #e7e7e7;
    position: relative;
}

.oneway-inner:nth-child(1) {
    z-index: 5 !important;
}

.input_searchcity {
    width: 180px;
    height: 85px;
    border-right: solid 1px #e7e7e7;
}

.input_searchcity2 {
    width: 180px;
    height: 85px;
    border-right: solid 1px #e7e7e7;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}

.makeRelative {
    position: relative;
}

.search-flight-btn {
    text-align: center;
    position: relative;
    top: 15%;
}

a.apply_traveller:hover {
    background: var(--maincolor) !important;
}

button.btn.btn-warning.show-flights {
    padding: 20px;
    background: var(--maincolor) !important;
    border-color: var(--maincolor) !important;
    color: #fff;
    font-weight: 600;
}

.flight_form .show-flights:active,
.flight_form .search-btn {
    color: #fff !important;
}

.flight_form .show-flights:focus {
    box-shadow: none !important;
}

.input_searchcity label {
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.travelerbox.hotel_check.form-control.nospace-1_redi_last {
    padding: 0;
    border: none;
    border-right: none !important;
}

.checkin .flightPaxInfo {
    padding-top: 5px;
}

.flight_form .form-group {
    margin-bottom: 0;
}

.col-md-12.padding0.text-right {
    padding: 0;
}

span.select2-dropdown.select2-dropdown--below {
    z-index: 99999999999;
}

#holidays .destinationBox {
    height: 60px;
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 10px;
}

.position-relative select {
    height: 40px !important;
}

#carsearchformsubmit .outstaion {
    margin-top: 10px !important;
    padding: 0 7px;
}

.input_searchcity #StartDateBus {
    border: none;
    padding: 0;
}

.flight_form .srch_form {
    padding: 0px 0px;
}

.carr .directflight {
    float: none !important;
}

.bus-booking-form .input_searchcity {
    width: 305px;
    border-right: solid 1px #e7e7e7;
}

.bus-booking-form .exchange_transfer-home.exchange_transfer.card-5 {
    position: inherit;
}

.bus-booking-form .exchange_transfer-home {
    top: 0px;
    left: -15px;
}

.bus-booking-form {
    width: 100%;
    margin: 0 auto 20px;
    border-radius: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: solid 1px #e7e7e7;
    position: relative;
}

.wowidays-offer {
    font-size: 30px;
}

.wowidays-offer strong {
    text-transform: capitalize;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 30px;
    color: #252525;
    font-weight: 400;
}

.hotdeals-box .add-icon {
    display: none;
}

.centered {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hotdeals-box2 .carousel-caption {
    border-radius: 0 !important;
}

.hotdeals-box2 {
    padding: 10px;
}

.hotdeals-box2 a {
    position: relative;
}

.hotdeals-box2 a:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(to bottom, transparent 50%, #000);
}

.hotdeals-box2 .carousel-caption {
    position: relative;
    right: 0;
    color: #333;
    text-align: left;
    bottom: 0px;
    left: 0;
}

.theme-boxx img {
    object-fit: cover!important;
    width: 100%!important;
    height: 100% !important;
    display: inline-block !important;
}

.ui-menu .ui-menu-item:hover {
    background: #f5f5f5;
}

.ui-menu .ui-menu-item:hover .flight-clsdest-nm span {
    color: #333 !important;
}

.theme-boxx {
    text-align: center;
    background: var(--maincolor);
    border: 2px dashed var(--maincolor);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 0px;
    background-clip: content-box;
    animation: spin 10s linear infinite;
}

.hotdeals-box .carousel-caption {
    background: none !important;
    border: none !important;
    text-align: center;
    padding-left: 0;
    position: relative !important;
    right: 15%;
    bottom: 20px;
    left: 0% !important;
    font-size: 20px !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333 !important;
    text-align: center;
}

.circle-wrapper-theme {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 10px auto;
}

.theme.carousel-caption {
    position: relative !important;
    right: 15%;
    bottom: 20px;
    left: 0% !important;
    font-size: 20px !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333 !important;
    text-align: center;
}

.looptheme .owl-nav {
    display: block;
}

.looptheme .owl-nav button.owl-prev {
    background: #fff;
    position: absolute;
    left: -50px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    border-radius: 100%;
    width: 50px;
    top: 25% !important;
    height: 50px;
    font-size: 30px;
}

.looptheme .owl-nav button.owl-next {
    background: #fff;
    position: absolute;
    right: -50px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    border-radius: 100%;
    width: 50px;
    top: 25% !important;
    height: 50px;
    font-size: 30px;
}

.carousel-caption .add-icon {
    display: none;
}

.hotdeals-box2 .carousel-caption p {
    margin-bottom: 0;
}

.hotdeals-box2 .carousel-caption strong {
    font-size: 21px;
}

.hotdeals-box2 {
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    background: var(--text-color-white);
}

.centered span {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Amsterdam', sans-serif;
}

.offer1 img {
    width: 100%;
    height: 320px;
    border-radius: 7px;
    min-height: 320px;
}

.offer3 img:first-child {
    margin-bottom: 20px;
}

.offer3 img {
    width: 100%;
    height: 150px;
    border-radius: 7px;
    min-height: 150px;
}

.offer2 img {
    width: 100%;
    border-radius: 7px;
    height: 320px;
    min-height: 320px;
}

.input_searchcity2 label {
    padding: 10px 19px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.submithotel {
    margin-top: 0px!important;
}

a.btn.booknowbtn.btn-sm {
    color: #333 !important;
}

button.form-control.dt-2-btn.float-nonesubmitbtn {
    color: #333 !important;
}

.visa-dt-right button.form-control.dt-2-btn.float-nonesubmitbtn {
    color: #fff !important;
}

.visa-srch_form {
    width: 100%;
    padding: 0;
}

.visa-srch_form span.select2-selection.select2-selection--single {
    height: 52px !important;
}

.visa-srch_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 5px;
}

.visa-srch_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

.promotion-wrap {
    border: 1px solid #e7e7e7;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promotion-wrap .promotion-caption {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #e7e7e7;
    padding-right: 15px;
}

.promotion-wrap .promotion-caption i {
    margin-right: 8px;
    color: var(--ratingcolor);
    font-size: 22px;
}

.promotion-wrap select {
    height: auto;
    border: 0;
    color: #5f5f5f;
}

button.search-btn.mt_btm0 {
    float: none;
    width: 12%;
    font-size: 14px;
    font-weight: 600 !important;
    min-width: 130px;
}

.formullist.carr .carbtn3 a button,
.formullist.carr .carbtn2 a button {
    color: var(--maincolor) !important;
}

.visa-details-tabbing .howitworks-process p {
    color: #fff !important;
}

.travelerbox.hotel_check.form-control.nospace-1_redi_last {
    padding: 0 !important;
    border: none !important;
    border-right: none !important;
}

.checkin .hotel_check {
    border-right: none !important;
}

.checkin .date-parent input {
    border: none !important;
    padding-left: 0;
    font-weight: 600;
    height: auto;
    font-size: 15px !important;
}

span.fromBottom5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 14px;
}

.travellersdive .input_searchcity label {
    padding-top: 20px !important;
}

button.btn.btn-warning.show-flights.float-right.submithotel {
    margin: 15px;
    position: relative;
    top: 15px;
}

.input_searchcity.checkin:last-child {
    width: 170px;
    min-height: 90px;
    border-right: none;
}

.searchf1 input {
    border: 0 !important;
    line-height: 30px !important;
    outline: 0 !important;
    font-size: 17px !important;
    background: none !important;
    min-width: 140px !important;
    max-height: 25px !important;
    cursor: pointer !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'Mukta', 'Lato', sans-serif !important;
    font-weight: 600;
}


/* .selected{
    background: #e7e7e7;
    color: #000000;
    border-radius: 20px;
} */

.man-banner {
    position: absolute;
    left: -35px;
    top: 50px;
}

.flight-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.flight-menu ul li {
    float: left;
    padding: 6px 0;
    cursor: pointer;
    position: relative;
    margin-right: 30px;
}

.flight-menu ul li::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    border: 1px solid #5f5f5f;
    left: 0;
    top: 5px;
    border-radius: 50%;
    pointer-events: none;
}

.flight-menu ul li.selected::before {
    border: 1px solid var(--maincolor);
}

.flight-menu ul li.selected::after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--maincolor);
    position: absolute;
    border-radius: 50%;
    left: 5px;
    top: 10px;
    pointer-events: none;
}

.flight-menu label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    padding-left: 30px;
}

.job-tab .nav-tabs>li a {
    display: inline-block;
    border: none;
    font-size: 14px;
    padding: 15px 24px;
    box-shadow: none;
}

.exchange_transfer-home.exchange_transfer.card-5 {
    position: initial;
}

.swipCircle {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: -22px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 30px 0 rgb(0 0 0 / 10%);
    z-index: 1;
    cursor: pointer;
}

.job-tab .nav-tabs>li>a.active,
.job-tab .nav-tabs>li a.active>:focus,
.job-tab .nav-tabs>li>a.active:hover,
.job-tab .nav-tabs>li>a:hover {
    border: none;
    color: #fff;
}

.job-item {
    border-radius: 3px;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.job-item .btn.btn-primary {
    text-transform: capitalize;
}

.job-item .job-info {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    padding: 40px 25px 20px;
}

.job-info .company-logo {
    margin-bottom: 30px;
}

.job-info .tr-title {
    margin-bottom: 15px;
}

.job-info .tr-title span {
    font-size: 14px;
    display: block;
}

.job-info .tr-title a {
    color: #000;
}

.job-info .tr-title a:hover {
    color: #008def;
}

.job-info ul {
    margin-bottom: 30px;
}

.job-meta li,
.job-meta li a {
    color: #646464;
}

.job-meta li a:hover {
    color: #008def;
}

.job-meta li {
    font-size: 12px;
    margin-bottom: 10px;
}

.job-meta li span i {
    color: #000;
}

.job-meta li i {
    margin-right: 15px;
}

.job-item .time {
    position: relative;
}

.job-item .time:after {
    position: absolute;
    content: "";
    bottom: 35px;
    left: -50px;
    width: 150%;
    height: 1px;
    background-color: #f5f4f5;
    z-index: -1;
}

.job-item:hover .time,
.job-item:hover .time:after {
    opacity: 0;
}

.job-item .time span {
    font-size: 12px;
    color: #bebebe;
    line-height: 25px;
}

.job-item .btn.btn-primary,
.role .btn.btn-primary,
.job-item .time a span {
    padding: 5px 10px;
    border-radius: 4px;
    line-height: 10px;
    font-size: 12px;
}

.job-item .time a span {
    color: #fff;
    background-color: #f1592a;
    border-color: #f1592a;
}

.job-item .time a span.part-time {
    background-color: #00aeef;
    border-color: #00aeef;
}

.job-item .time a span.freelance {
    background-color: #92278f;
    border-color: #92278f;
}

.job-item .item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #008def;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
}

.job-item:hover .item-overlay {
    opacity: 1;
}

.item-overlay .job-info {
    padding: 45px 25px 40px;
    overflow: hidden;
}

.item-overlay .btn.btn-primary {
    background-color: #007bd4;
    border-color: #007bd4;
    margin-bottom: 10px;
}

.item-overlay .job-info,
.item-overlay .job-info ul li,
.item-overlay .job-info ul li i,
.item-overlay .job-info .tr-title a {
    color: #fff;
}

.job-social {
    margin-top: 35px;
}

.job-social li {
    float: left;
}

.job-social li+li {
    margin-left: 15px;
}

.job-social li a i {
    margin-right: 0;
    font-size: 14px;
}

.job-social li a {
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    background-color: #007bd4;
    line-height: 35px;
    border-radius: 100%;
    border: 1px solid #007bd4;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.job-social li:last-child a {
    background-color: #fff;
}

.job-social li:last-child a i {
    color: #008def;
}

.job-social li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 100%;
    background-color: #008def;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.job-social li a:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    padding: 5px;
}

.job-social li a:hover {
    border-color: #fff;
}

.job-social li a:hover i {
    color: #fff;
}

.tr-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.addhotel-home-btn {
    width: 120px !important;
    background: var(--maincolor);
    padding: 8px 0;
    position: relative !important;
    top: -15px !important;
}

label.hotel-title.hotel-title-rating {
    padding: 0px 3px !important;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

span.select2-selection.select2-selection--single {
    height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 26px!important;
}

#flight-clsadultcnt li.active {
    background-color: #dddddd !important;
}

#flight-clsChildCnt li.active {
    background-color: #dddddd !important;
}

#flight-clsadultcnt li.active,
#flight-clsChildCnt li.active,
#flight-clsInfantCnt li.active {
    background: var(--maincolor) !important;
    border: 1px solid !important;
}

.multicity_searchbox .nav-tabs>li>a {
    color: #fff !important;
}

.multicity_radio_button .flight-dt-icons {
    position: relative;
    top: -3px;
}

.multicity_radio_button span.published.ng-binding {
    position: relative;
    top: -3px;
}

.multicity_form_boxshow i {
    background: none;
}

.roundtrip-price-color {
    color: var(--maincolor) !important;
}

.grandtotal span.fl-price-published.ng-binding {
    font-size: 20px;
    color: var(--maincolor);
    font-weight: 600;
    text-align: left !important;
}

.appli {
    display: none !important
}

button {
    border: 1px solid #000;
}

.flight-clsadult1 li {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.standard_class>.radio {
    width: 123px !important;
    float: left;
}

.flight-clsn-trvl-dtl-b2 {
    width: 100%;
    margin: 0 auto;
    padding: 10px 16px 0px 0px !important;
}

#myModal_Travellers .modal-dialog {
    max-width: 700px;
}

.flight-clsinfnt li {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

#flight-clsadultcnt label,
#flight-clsChildCnt label,
#flight-clsInfantCnt label {
    width: 30px !important;
    cursor: pointer;
}

.selecthotelbtn a {
    background: var(--maincolor) !important;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    color: var(--black-bg-color) !important;
    border: 1px solid;
}

.hotel-dt-right-cls .selecthotelbtn a {
    color: #fff !important;
}

button.search-btn.submithotel.hotelserchcls {
    border: 1px solid;
}

.hotelrooombox_main {
    height: 280px;
    overflow-y: auto;
}

.hotellisting-mobile .hotelsortlisting .sortright li.active {
    color: #1e76f7 !important;
}

a.btn.booknowbtn.btn-sm {
    color: #fff !important;
}

.job-tab .nav-tabs li {
    background: #fff;
    display: inline-block;
}

.job-tab .nav-tabs li.active {
    border-bottom: 3px solid var(--maincolor);
    display: inline-block;
}

.job-tab .nav-tabs li a .tb-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.job-tab .nav-tabs li a .tb-c strong {
    margin-left: 8px;
    font-size: 16px;
}

.job-tab .nav-tabs li.active a .tb-c strong {
    color: #146b93;
}
.boxinter:hover .theme-content .theme-title a {
    font-size: 15px;
    color: #333 !important;
}
@media (min-width: 993px) and (max-width: 1199px) {
    .input_searchcity .search-flight-btn {
        position: absolute;
        right: 0;
        top: 115px;
    }
    .input_searchcity .search-flight-btn button.show-flights {
        padding: 10px 20px;
    }
    .hotel-booking-form .input_searchcity {
        width: 170px;
    }
    .travellersdive .input_searchcity {
        border-right: 0;
    }
}

@media (max-width: 992px) {
    #new-banner {
        background: #037daf;
        margin-top: 0;
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 20px 0;
    }
    .themecontent_bxheight .dt-view {
    border: none !important;
}

    .boxinter:hover .theme-content .theme-title a {
    color: #000 !important;
}
.boxinter:hover .theme-content a.dt-view {
    background: var(--maincolor) !important;
    border: var(--maincolor) 1px solid !important;
    text-decoration: none;
}
    button.btn.btn-warning.show-flights.float-right.submithotel {
    margin: 15px;
    position: relative;
    top: 15px;
    width: 90%;
}
.flight_form .padding0 {
    padding-right: 0;
}
button.search-btn.mt_btm0 {
    border: 1px solid var(--maincolor);
    width: 100% !important;
}
.mobile_margin_traveller .flightPaxInfo {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 110px !important;
}
    .hotelrooombox_main {
        height: 100vh;
        overflow-y: auto;
        width: 100%;
    }
    .standard_class>.radio {
    width: 115px !important;
    float: left;
}
.standard_class label{
    font-size: 11px !important;
}
    .addhotel-home-btn {
        top: 0px !important;
    }
    section.booking_list {
        margin-bottom: 50px;
        display: inline-flex;
    }
    .hhdc-item {
        width: 90%;
        background: #fff;
        border-radius: 8px;
        padding: 20px 20px 14px;
        box-shadow: 0 0.08rem 0.28rem rgb(0 0 0 / 60%);
        margin: 10px;
    }
    .detail-right .selectroom_cls-box {
        display: inline;
    }
    .detail-right .dt-1.mobilestartfrm {
        text-align: right;
    }
    .detail-right .dt-2.mobile_price.ng-scope {
        text-align: right;
    }
    .detail-right .dt-txt.mobileperson {
        text-align: right !important;
    }
    .detail-right {
        text-align: right !important;
        right: 0 !important;
        padding: 0 !important;
    }
    .input_searchcity.checkin:last-child {
        width: 330px;
        min-height: 90px;
        border-right: none;
        border-bottom: none;
        float: left;
        text-align: left;
        display: flow-root;
    }
    .cancelbtn-cancel {
        border: none !important;
        cursor: pointer;
    }
    span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-hover {
        left: 94% !important;
    }
    .hotel-booking-btn-cls a {
        border: 1px solid;
        height: auto;
        padding: 8px;
        position: relative;
        top: -5px;
    }
    button.btn.btn-warning.show-flights {
        padding: 16px !important;
    }
    button#car_search_submit {
        height: auto;
        padding: 8px;
    }
    ul.formullist.carr {
        width: 100%;
        float: right;
        display: flex;
        flex-direction: column-reverse;
    }
    a.btn.booknowbtn.btn-sm {
        color: #fff !important
    }
    .bannercls .visa-banner-content {
        width: 60% !important;
        bottom: 0;
        left: 0;
        top: -180px !important;
    }
    .wowi-footer {
        display: block;
    }
    .filter-sec.shadow.filter-box.fixedform {
        position: fixed !important;
    }
    .cancel-btn.applybtn {
        background: var(--maincolor) !important;
        cursor: pointer;
    }
    .carlistingBanner .cancel-btn {
        border: 1px solid;
        cursor: pointer;
    }
    .cancel-btn.cancelbtn-cancel {
        background: var(--secondcolor) !important;
        color: #fff !important;
    }
    #filterCountDiv .cancel_holiday {
        right: 61px;
    }
    #filterCountDiv .applybtn {
        border: 0;
        right: 10px;
    }
    #filterCountDiv .fl-btn {
        float: initial;
    }
    #slider-range span:last-child {
        left: 95% !important;
    }
    .add_more {
        border: 1px solid #333 !important;
    }
    .hotel-Summry h2 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .flight_search_list_details .Date-Guest h5 {
        font-size: 14px;
        color: #333 !important;
    }
    .t-box-cls:after {
        top: 13px;
    }
    button.btn.btn-warning.show-visa-btn {
        margin: 0 !important;
    }
    footer {
        margin-top: 5rem !important
    }
    .copyright {
        padding: 20px 0 40px 0;
    }
    .fill_traveller_information .form-group {
        margin-bottom: 0;
    }
    .booking_list-hotel-conditions {
        padding: 15px 0 15px!important;
    }
    .hotel-Cancellation-table table {
        width: 100%;
        min-width: 490px;
    }
    .hotellisting-mobile .hotelsortlisting .sortright li.active {
        color: var(--maincolor) !important;
    }
    .Visa-box .price1 {
        font-size: 18px;
    }
    select#selectBox {
        border: 1px solid;
    }
    .visa-tabbing .visa-listing {
        padding: 10px 15px !important;
    }
    .visa-tabbing .visa-listing li.active a {
        padding: 10px 10px !important;
    }
    .banner-title {
        line-height: normal;
    }
    .banner-sub-title.text-white h5 {
        margin-left: 0 !important;
    }
    .adult_title {
        clear: both;
        margin-top: 0 !important;
    }
    #goPaymentPage {
        background: var(--maincolor);
        border-color: #333;
        font-size: 13px;
    }
    .orderchange-inmobile a#estinamtebtnid {
        margin-left: 10px !important;
        border: 1px solid #333 !important;
    }
    a.detail_link {
        border: 1px solid var(--black-bg-color) !important;
    }
    .sending2 {
        padding: 7px!important;
        border: 1px solid !important;
        text-align: center;
    }
    .dt-view {
        bottom: 0;
        position: absolute;
        right: 0;
        color: #252525!important;
        font-size: 15px;
        font-weight: 600;
        border: 1px solid #333;
    }
    .theme-content .rating-sec .dt-view {
        padding: 4px 8px;
    }
    .view-packages-btn {
        font-size: 13px;
        border: 1px solid #333;
    }
    .addmorePop {
        border: 1px solid var(--black-bg-color);
    }
    .ft-booknow {
        position: fixed;
        left: 0;
        bottom: 58px;
        display: block;
        right: 0;
        z-index: 99999;
        width: 100%;
        padding: 6px 10px;
    }
    .view-packages-btn-inner {
        border: 1px solid var(--black-bg-color) !important;
    }
    a#estinamtebtnid {
        background: var(--maincolor) !important;
        border: 1px solid var(--maincolor) !important;
    }
    form#forgot_password {
    margin-bottom: 10px;
}
    .dt-txt.mobileperson {
        text-align: left !important;
    }
    .Visa-box table #getbtnBackPay {
        font-size: 14px;
        background: #444;
        color: #fff !important;
    }
    .visaformhandle_bg #nextbtn {
        background: var(--maincolor);
        color: #fff !important;
    }
    a#getbtn {
        color: #333 !important;
        border: 1px solid #333;
    }
    .how-work-box p {
        font-weight: 300;
        margin-bottom: 0;
        font-size: 14px;
        color: #fff !important;
    }
    .chooseus_visabox .how-work-box p {
        color: #252525 !important;
    }
    h2.hotelnames {
        font-weight: 600 !important;
        font-size: 16px !important;
        padding-top: 5px;
    }
    .hotel-review-book-btn {
        background: var(--maincolor);
        border-color: var(--maincolor);
    }
    .traveller_login {
        color: var(--flight-titleheading) !important;
    }
    .travvler-select-mb {
        color: var(--flight-titleheading) !important;
    }
    .fill_traveller_information .continue_btn {
        border: 1px solid !important;
    }
    .booking-summary h2 {
        font-size: 16px !important;
        margin-bottom: 0;
    }
    .donemargin {
        border: 1px solid !important;
        background: var(--maincolor) !important;
        padding: 8px 15px;
        border-radius: 5px;
    }
    .filter-sec {
        position: fixed !important;
        top: 60px;
        height: 100vh;
        overflow-y: auto;
        width: 100%;
    }
    .round-leftcls {
        margin-top: 0 !important;
        width: 100% !important;
    }
    .appli {
        position: relative;
        bottom: 0 !important;
    }
    .multicity_searchbox .nav-tabs>li>a {
        color: #fff !important;
    }
    .profiletab li {
        padding: 3px 6px;
        font-size: 12px;
        margin: 2px;
    }
    .profiletab {
        margin: 10px 0;
        float: left;
        list-style: none;
        height: auto;
        border-bottom: none;
        width: 100%;
    }
    button.addcity-btn.homeseachbtn.addSegment {
        height: auto !important;
        width: auto !important;
        font-size: 14px;
        padding: 10px 20px;
    }
    .covid {
        float: right;
        text-align: right;
        display: none;
    }
    .wowi-footer {
        justify-content: space-around;
        align-items: flex-end;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 58px;
        z-index: 3;
        box-shadow: 0 -2px 3px #cac4c7;
    }
    .wowi-footer ul li {
        float: left;
        padding: 5px 10px;
        width: 25%;
        color: #8d8c8c;
    }
    .wowi-footer span {
        font-size: 22px;
        display: inline-block;
    }
    .wowi-footer strong {
        font-size: 11px;
        line-height: 100%;
        font-weight: 500;
        color: #232323;
        display: block;
        padding-top: 5px;
    }
    .wowi-footer ul {
        list-style: none;
        padding: 0;
        margin: 0px;
    }
    .wowi-footer ul li .filter-icon-moble,
    .wowi-footer ul li .filter-icon-moble:hover,
    .wowi-footer ul li .fa-filter {
        color: var(--maincolor) !important;
    }
    .srch_form {
        padding: 4px 0px !important;
    }
    .job-tab ::-webkit-scrollbar {
        width: 6px;
        height: 4px !important;
    }
    #flight-clsadultcnt label,
    #flight-clsChildCnt label,
    #flight-clsInfantCnt label {
        width: 25px !important;
        cursor: pointer;
    }
    .searchf1 .extend_width {
        position: fixed !important;
        background: #fff !important;
        padding: 30px 20px !important;
        box-shadow: #c1b9b9 2px 2px 5px;
    }
    #ui-id-2 {
        max-height: 100% !important;
        height: 100% !important;
        background: #fff !important;
        position: fixed !important;
    }
    #flight-clsInfantCnt label {
        width: 25px !important;
        cursor: pointer;
    }
    #flight-clsadultcnt label {
        width: 25px !important;
        cursor: pointer;
    }
    .flight-clsadult1 li {
        width: 48px;
        height: 36px;
        line-height: 37px;
    }
    .flight-clsinfnt li {
        width: 48px;
        height: 36px;
        line-height: 37px;
    }
    .standard_class input[type=radio]:checked+label {
        border-color: #000000;
        background: var(--maincolor);
    }
    button.close.flight-clsn-trvl-dtl-r {
        background: var(--maincolor);
        border: 1px solid #000;
        border-radius: 0.3rem;
        padding: 9px;
        margin: -9px;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        text-shadow: none;
    }
    .modal-header.modalheaderbg {
        font-weight: 600;
        padding: 15px 20px 10px;
        align-items: center !important;
    }
    .flight-clsn-trvl-dtl-b2 {
        width: 100%;
        margin: 0 auto;
        padding: 5px 16px 5px 0px;
    }
    #myModal_Travellers .modal-body {
        padding: 0.5rem 1rem !important;
    }
    
    a.apply_traveller {
        font-size: 18px;
        float: right;
        width: 100px;
        padding: 5px 25px 13px;
        border-radius: 5px;
        font-weight: normal;
        text-decoration: none;
        border: 1px solid;
        text-align: center;
        height: 36px;
        margin-right: 10px;
    }

    .standard_class {
        overflow: hidden;
    }

    .standard_class label {
        display: inline-block;
        padding: 10px 0 5px;
        border: 1px solid #d7d7d7;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        text-align: center !important;
        margin: 5px 0 5px;
        font-size: 11px !important;
    }
    .standard_class label:hover {
        background-color: var(--secondcolor);
        border-color: var(--secondcolor);
        color: #fff;
    }
    .bus-booking-form label {
        padding-bottom: 0;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 15px !important;
        right: 10px;
    }
    .hotel-booking-form .input_searchcity:first-child {
        width: 100%;
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
    .extra-option label {
        padding: 0 3px 6px 0;
        font-weight: 600;
        margin: 0 0px;
        border-left: none;
    }
    .input_searchcity.checkin {
        width: 50%;
        min-height: 90px;
        border-right: none;
    }
    .hotel-booking-form .input_searchcity {
        width: 50%;
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
    .checkin .date-parent input {
        border: none !important;
        padding-left: 0;
        font-weight: 600;
        height: 34px;
        font-size: 16px !important;
        margin-bottom: 0;
    }
    .input_searchcity.nationality {
        width: 50%;
    }
    div#localityId_name_section {
        margin-bottom: 10px;
    }
    div#car_start_date_div {
        margin-bottom: 10px;
    }
    ul.directflight li {
        display: block;
    }
    li.flight-search-flight6.carbtn2 {
        width: 100% !important;
        margin-left: 0;
    }
    .input_searchcity.nationality select {
        height: 32px !important;
        padding-left: 0;
        border-right: none;
    }
    .hotel_select1_inner .travelerbox span.flightPaxInfo {
        line-height: 18px !important;
    }
    .srch_form-hotel .form-control {
        margin-bottom: 10px;
        height: 50px;
    }
    .hotel-booking-form label {
        padding: 10px 5px;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }
    .searchf1 {
        margin-bottom: 0px !important;
    }
    li.flight-search-flight6.carbtn {
        width: 100% !important;
        margin: 10px 0% 0 !important;
        float: right !important;
    }
    li.flight-search-flight6.carbtn3 {
        width: 100% !important;
        float: left;
    }
    .makeRelative {
        position: relative;
        margin-bottom: 0;
    }
    .bus-booking-form .input_searchcity {
        width: 100%;
        border-bottom: solid 1px #e7e7e7;
        border-right: 0;
        height: 100%;
    }
    .bus-booking-form .exchange_transfer-home.exchange_transfer.card-5 {
        position: absolute;
        top: 28% !important;
    }
    li.flight-search-flight6.carbtn3 {
        width: 100%;
        float: left;
    }
    li.flight-search-flight6.carbtn2 {
        width: 100%;
        float: left;
        margin-left: 0%;
    }
    .oneway-trip li.multicity_filght {
        width: 33%;
        float: left;
        margin-right: 5px;
    }
    li.multicity_filght:first-child .form-control {
        border: 1px solid #ced4da !important;
        line-height: 60px !important;
        max-height: 60px !important;
        padding-left: 10px !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .searchinput input {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .flight-menu span {
        display: none;
    }
    .hotel-booking-form {
        width: 100%;
        margin: 0 auto 20px;
        border-radius: 10px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px #e7e7e7;
        position: relative;
        flex-wrap: wrap;
    }
    #multicitydive .travellersdive {
        display: block !important;
    }
    .multiciy_rightside {
        position: relative;
        top: 0;
    }
    a.edit_multicity_icond img {
        width: 16px;
        margin-top: 5px;
    }
    button.addcity-btn.homeseachbtn.addSegment {
        margin-top: 0 !important;
    }
    .formtitlecls {
        font-size: 10px!important;
    }
    .oneway-trip li .oneway-trip li.multicity_filghtdate {
        width: 30%;
        float: left;
        display: block;
    }
    li.flight-search-flight6.carbtn {
        width: 100%;
        margin: 0 1%;
        float: right;
    }
    .outstaion .padding-0 {
        float: left;
        width: 100% !important;
        max-width: 100%;
    }
    .bus-booking-form {
        width: 100%;
        margin: 0 auto 20px;
        border-radius: 10px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px #e7e7e7;
        position: relative;
        flex-wrap: wrap;
    }
    .swipCircle {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        margin-left: -22px;
        border-radius: 100%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 1px 30px 0 rgb(0 0 0 / 10%);
        z-index: 1;
        cursor: pointer;
        position: absolute;
        left: 48%;
        top: 20px;
    }
    .job-tab .nav-tabs li {
        margin-right: 5px;
    }
    .job-tab .nav-tabs>li a {
        display: inline-block;
        border-radius: 10px;
        font-size: 14px;
        padding: 8px 8px;
        box-shadow: none;
        min-width: 55px;
        border: none;
        margin-bottom: 0px;
        min-height: 25px;
    }
    .job-tab .nav-tabs li.active .tb-c span {
        padding-bottom: 0px;
    }
    .tb-c img {
        width: 43%;
    }
    .tb-c strong {
        font-weight: normal;
        font-size: 10px;
    }
    .tb-c span {
        display: block;
        padding-bottom: 0px;
    }
    .select_flight_result {
        display: contents!important;
    }
    .extend_width {
        position: relative !important;
    }
    .new-banner-content p {
        font-size: 18px;
        color: #fff;
        padding-left: 0;
    }
    .new-banner-content h3 {
        font-size: 30px;
    }
   .flight-menu ul li {
    float: left;
    padding: 6px 0;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    }
    .selectroom-flip.selecthotelbtn a {
        color: #000 !important;
    }
    .selecthotelbtn a {
        width: 100%;
        text-align: center !important;
    }
    .selecthotelbtn a.Select.Room {
        color: #fff !important;
    }
    /* .searchf1 .hotelextendwithnew {
    position: fixed;
    top: 0;
    background: #fff !important;
    left: 0;
    padding: 30px 20px !important;
    z-index: 9999999;
} */
.flight-menu label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 2px;
    padding: 0 10px;
    padding-left: 30px;
}
    .job-tab .nav-tabs {
        border-bottom: 0;
        overflow-y: hidden;
        overflow-x: auto;
        margin-bottom: 0px;
        white-space: nowrap;
        width: 100%;
        margin-bottom: 10px;
        display: block;
    }
    .new-banner-content {
        padding-bottom: 0px;
    }
    .man-banner {
        position: absolute;
        left: -35px;
        top: 50px;
        display: none;
    }
    .offer1 img {
        width: 100%;
        height: 100%;
        border-radius: 7px;
        min-height: 100%;
        margin-bottom: 10px;
    }
    .offer2 img {
        width: 100%;
        border-radius: 7px;
        height: 100%;
        min-height: 100%;
    }
    .offer3 img {
        width: 100%;
        height: 100%;
        border-radius: 7px;
        min-height: 100%;
    }
    .offer3 img:first-child {
        margin-bottom: 10px;
    }

    .offer2 img {
        width: 100%;
        border-radius: 7px;
        height: 100%;
        min-height: 100%;
        margin: 10px 0;
    }

    .oneway-inner {
        width: 100%;
        margin: 0 auto 20px;
        border-radius: 10px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px #e7e7e7;
        flex-wrap: wrap;
        position: relative;
    }

    .input_searchcity {
        width: 50%;
        height: 85px;
        border-right: solid 1px #e7e7e7;
    }

    .input_searchcity2 {
        width: 50%;
        height: 85px;
        border-right: solid 1px #e7e7e7;
    }

    .flight_form {
        border-top-left-radius: 5px;
    }

    .tr-job-posted .tab-content {
        position: relative;
    }

    .job-tab .nav-tabs li .tb-c span img {
        width: 60%;
    }

    .job-tab .nav-tabs li a .tb-c strong {
        margin-left: 2px;
    }
}

@media (max-width: 767px) {

    .modal-body-row {
        flex-direction: column-reverse;
    }
    .rigister .popup-title {
        margin-bottom: 5px;
    }
    .rgister-form .sign-btn {
        margin-bottom: 5px;
    }
    .rgister-form .forgotpass {
        margin-bottom: 5px;
        display: block;
    }
}

@media (max-width: 575px) {
    .job-tab .nav-tabs {
        display: block;
    }
    .job-tab .nav-tabs li {
        margin-right: -4px;
    }
    .job-tab .nav-tabs>li a {
        max-width: initial;
    }
    .job-tab .nav-tabs li .tb-c span {
        width: 20px;
        height: 20px;
    }
    .job-tab .nav-tabs li .tb-c span img {
        width: 85%;
    }
    .job-tab .nav-tabs li a .tb-c strong {
        margin-left: 5px;
    }
}

@media (max-width: 374px) {
    button.btn.btn-warning.show-flights {
        padding: 16px 12px !important;
    }
}