﻿html[lang=ar] body {
    direction: rtl;
}

html[lang=ar] div#banner {
    direction: rtl;
}
.banner-slider .banner-details-bottom img {
    padding-left: 4px !important;
}
html[lang=ar] .tabbtn {  
    text-align: right;
    direction: rtl;
}

html[lang=ar] .sale {   
    direction: rtl;
    text-align: right;
}

html[lang=ar] #hotel_detail .hotel_price.htl_dtl_pric p.salesave {
    text-align: left;
}

html[lang=ar] .hotel_price {
    text-align: left;
}
    html[lang=ar] .hotel_price.cust_price_htl p {
        text-align: left;
    }
html[lang=ar] .trip-summary.book_now.checkout_btn {
   padding-top:79px;
}
html[lang=ar] .trip-summary .row {
    text-align: right;
}
html[lang=ar] p.pergest {
    width: auto;
    position: initial;
}
    html [lang=ar].leftchecktop.col-md-8.col-sm-8 {
    padding-left: unset;
}

html[lang=ar].row.searchdns select {   
    padding: 23px 0 0 0px;    
}

html[lang=ar] button.search_2v {
    width: 100%;
    font-size: 12px;
}
html[lang=ar] .package-design {
    text-align: right;
}
html[lang=ar] .input-group-text {
    border: none;
    border-radius: 0 3px 3px 0px;
}
html[lang=ar] .controllerv .control_tab input, .controllerv .control_tab select {
    border-radius: 3px 0px 0px 3px;
}
/*
html[lang=ar] .controllerv .control_tab input, .controllerv .control_tab select {  
    padding: 0 8px !important;
}*/

html[lang=ar]  div#ui-datepicker-div {
    direction: rtl;
}
html[lang=ar] .top-header {
    direction: ltr;
}
 html[lang=ar] .top-header ul {
        width: 100%;
 }
html[lang=ar] .bottom-header ul {
    width: auto;
    float: left;
}
html[lang=ar] .selected_box_bottom {
    border-radius: 0px 0 5px 5px;
}
    html [lang=ar] .reverse {   
    right: 257px;
}
html[lang=ar] div.travl_box.resp_full > div > div.selected_box_bottom > div {
    margin-top: 0px;
    text-align: right;
}
html[lang=ar] .selected_box_bottom > div > div:nth-child(odd) {
    text-align: right;
}
html[lang=ar] .optionv {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0px 0px 5px 0 !important;
}
html[lang=ar]  .selected_box_bottom .economy > div > span {
    display: flex;
    align-items: center;
    gap: 8px;
}
html[lang=ar] .selected_box_bottom .economy > div {
    text-align: right;
}
html[lang=ar] .economy input {
    margin-right: 0;
}
html[lang=ar] .searchdn.direct-fliser label.switch {
    margin-left: 5px;
}
html[lang=ar] .selected_box_top.search-trav {
    text-align: right;
    border-radius: 3px 0px 0px 3px;
}
html[lang=ar]  .selected_box_top {
    text-align: right;
}
html[lang=ar]  .banner-details {
    left: 0;
    right: 0;
}
html[lang=ar] img.overlay-img {
    top: -3px;
    right: 0;
    transform: scaleX(-1);
}
html[lang=ar]  .trending-box-text h3 {
    margin-left: 0;
    text-align: right;
    margin-right: 5px;
}
html[lang=ar] hotel-search-control .selected_box .selected_box_top {
    padding: 16px 5px;
}
html[lang=ar] #banner > div.container > div > div > div > div.controllerv > flight-hotel-search > form > div > div.row.searchdns > div:nth-child(3) > select {
    margin-right: 56px;
}
html[lang=ar] input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    left: 18px;
    right: auto;
}
html[lang=ar] input[type=text].sugg-x {
    padding-right: 12px !important;
}
html[lang=ar] .ngerror {
    text-align: right;
}
html[lang=ar] .container.page-margin {
    text-align: right;
}
html[lang=ar] div#Ratings input[type="checkbox"] {
    margin-right: 0;
    margin-left: 4px;
}
html[lang=ar] input[type=text].sugg-x + input[type=hidden] + .sugg-close {
    left: 23px !important;
    right: auto !important;
    top: 19px !important;
}
html[lang=ar] div#Ratings i {
    font-size: 14px !important;
}
html[lang=ar] .avaragerate ul {
    margin-right: 6px;
}
html[lang=ar] section#hotel_detail {
    text-align: right;
}
html[lang=ar] .topdn > div > div:last-child {
    text-align: left !important;
}
html[lang=ar] .topdn > div > div:last-child > h3 > span {
        margin-left: 10px;
    }
html[lang=ar] .hotel_img img {
    min-width: 100%;
    min-height: 161px;
}
html[lang=ar] .whatrestget i {
    margin-left: 4px;
}
html[lang=ar] #checkout_pag {
    margin-top: 25px;
    text-align: right;
}
html[lang=ar] .cutomerheading strong {
    padding: 2px 15px;
}
html[lang=ar] .tblCancellation {
    direction: rtl !important;
}
html[lang=ar] ul.paymentMethod li input {
    margin-left: 5px;
}

html[lang=ar] ul.paymentMethod li {
    padding: 0;
}
html[lang=ar] .trip-summary .alert.alert-info {
    margin-bottom: 5px !important;
}
html[lang=ar] .cancl_col-three {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
    html[lang=ar] .cancl_col-three .checkout_btn {
        margin-left: 0;
    }
html[lang=ar] .frst-div {
    display: flex;
    gap: 2px;
}

html[lang=ar] checkout-fare-details p {
    text-align: right !important;
}

html[lang=ar] .coupon_ {
    padding: 0 10px;
    text-align: right;
}
html[lang=ar] a.ui-datepicker-next.ui-corner-all {
    left: 1px;
    right: auto;
}
html[lang=ar] .ui-datepicker-group.ui-datepicker-group-first {
    padding: 0 0px 0 0px;
}
html[lang=ar] .user-layout-nav.nav.nav-tabs li a i {
    margin-left: 9px;
    margin-right: 0;
}
html[lang=ar] app-user-layout {
    text-align: right;
}
html[lang=ar] .user-layout-nav.nav.nav-tabs {
    justify-content: center;
    padding-right: 0;
}
html[lang=ar] .menusoption > div {
    text-align: left !important;
}
html[lang=ar] .bookingrefence > div > div:first-child {
    text-align: right;
}
html[lang=ar] #thank_you {
    text-align: right;
}
html[lang=ar] .htl-det-all {
    padding: 0;
}
html[lang=ar] .thankdet1 {
    padding: 0;
    text-align: right;
}
html[lang=ar] .bookingrefence > div > div:last-child {
    text-align: left;
}
html[lang=ar] section#flt_result_page {
    text-align: right;
}
html[lang=ar] div#header_signin_tab {
    text-align: right;
}
html[lang=ar] .modal-body i.fa.fa-close {
    text-align: left
}
html[lang=ar] .user-profile-form span.fa.fa-fw.fa-eye.toggle-password-icon.toggle-password {
    top: 36px;
    text-align: left;
    left: 30px;
    right: auto;
}
html[lang=ar] .thankdet2 {
    padding: 0px 0px 0px 0px;
}
    html [lang=ar] .thank-m-res {
    padding-left: 13px !important;
    padding-right: 0;
}
html[lang=ar] .thank-res-mob {
    padding-left: 0 !important;
}

html[lang=ar] .to_col {
    text-align: left;
}
html[lang=ar] flight-hotel-search .searchdn.drechide .switch-text {
    margin-right: 6px;
    position: initial;
}
html[lang=ar] .row.flr_htl_modify > div {
    text-align: right;
}
html[lang=ar] .row.flr_htl_modify {
    padding-left: 0;
    padding-right: 14px;
}
html[lang=ar] .row.flthtl_modify .col-sm-2.cust_de {
    margin-top: 24.5px;
}
html[lang=ar] .htl-head {
    margin: 5px -13px 0px 0px;
}
html[lang=ar] .row.flr_htl_modify i {
    right: 6px;
    left: auto;
}
html[lang=ar] .row.flr_htl_modify input {
    padding: 8px 17px 8px 8px;
}
html[lang=ar] .flr_htl_modify .sugg-x {
    padding-right: 18px !important;
}
html[lang=ar] .flr_htl_modify .calanderboth input:first-child {
    padding-right: 25px;
}
html[lang=ar] .amenty_item {
    margin-right: 8px;
}
html[lang=ar] img.dets-rooms-icon {
    margin-left: 5px;
}
html[lang=ar] .row.searchdns select {
    padding: 0px 14px 0 23px;
}
html[lang=ar] .welcomeuser {
    float: inline-end;
    margin-left: 0;
    margin-right: 20px;
}
html[lang=ar]  .ui-menu.ui-widget.ui-widget-content {
    text-align: right;
}
html[lang=ar] .reverse {
    left: -12px;
    right: auto;
}
html[lang=ar] .hotel_info.collapse_click1 span {
    padding-left: 0;
    padding-right: 5px;
}
html[lang=ar] checkout .cancellationblock.bottom_cancelation {
    width: 100%;
    margin-right: 12px;
}
html[lang=ar] span.flt-total-count {
    margin: 0 17px;
    padding-top: 11px;
    padding-bottom: 12px;
}
html[lang=ar] .modifysearch.flt_modify .plus_minus_box {
    padding-right: 0px;
    text-align: left;
}
html[lang=ar] .rating.cust_rating .checkbox > div > div:last-child p {
    text-align: left;
}
html[lang=ar] .cust-rating.rating .checkbox > div > div:last-child p {
    text-align: left;
}
html[lang=ar] .hotel-filter .checkbox label {
    margin-right: 6px;
}
html[lang=ar] .shortsv {
    text-align: right;
}
html[lang=ar] .trip_detail {
    float: right;
}
    html[lang=ar] .trip_detail::after {
        transform: rotate(180deg);
        left: 0;
        top: 0px;
        right: 95px !important;
    }
html[lang=ar] .searchdn.select-airline i.fa.fa-search {
    left: auto;
    right: 0;
}
html[lang=ar] .searchdn {
    margin-right: 0;
}
html[lang=ar] .Hotelsresult .flights .row .col-sm-2.pl-md-2.pl-sm-0.col-12 {
    border-right: 1px solid #ccc !important;
    border-left: 0;
}
html[lang=ar] .recommended-img {
    justify-content: end;
}
html[lang=ar].package-left {
    text-align: left;
}
html[lang=ar]  flight-segment-template .img_section {
    gap: 8px;
}
html[lang=ar] .searchdn.direct-fliser {
    text-align: right;
}
html[lang=ar] span.dep_img.dep-img-arb::after {
    transform: rotate(180deg);
    left: 0;
    top: 1px;
    right: 103px !important;
    content: "";
    position: absolute;
    border-left: 2px solid #71ba44;
    border-top: 31px solid #71ba44;
    border-right: 18px solid transparent;
}
html[lang=ar] span.dep_img img {
    margin-left: 6px;
}
html[lang=ar] .select_flt {
    padding-top: 8px;
    margin-right: 15px;
}
html[lang=ar] flight-segment-template.row {
    margin: 0px 15px !important;
}
html[lang=ar] .row.Departure_frst_row {
    margin: 0 15px !important;
}
html[lang=ar] .flight_img {
    text-align: right;
}
html[lang=ar] .hotel_description star-rating {
    margin-right: 5px;
}
html[lang=ar] flight-search .searchdn.select-airline i:not(.handler-loading) {
    right: 0;
    left: auto;
}
html[lang=ar] flight-search .searchdn.select-airline {
    margin-right: 0;
}
html[lang=ar] .searchdn i.fa.fa-building {
    left: auto;
    right: 0;
}
html[lang=ar] flight-hotel-search .searchdn input#htlName {
    margin-right: 14px;
}
html[lang=ar] flight-hotel-search .searchdn {
    margin-right: 0;
}
html[lang=ar] .social-icon.footer-upper {
    float: left;
}
html[lang=ar] .signu, .signu div {
    padding-left: 15px;
    padding-right: 0;
}
html[lang=ar] .booking-btn-align {
    margin-right: 13px;
}
html[lang=ar] #hotel_detail .hotel_price.htl_dtl_pric p.salesave span i {
    margin-right: 4px;
}
html[lang=ar] .topdn span i {
    margin-left: 4px;
}
html[lang=ar] .price-brkdwn tr:first-child td.Td-item {
    text-align: right !important;
}
html[lang=ar] .price-brkdwn tr:first-child td:last-child {
    text-align: left !important;
}
html[lang=ar] .modifysearch.flt_modify .selected_box_top i {
    padding-right: 0;
    padding-left: 5px;
}
html[lang=ar] .bottom_flt_btn > div {
    white-space: nowrap;
}
html[lang=ar] #thank_you .leftchecktop .book_now {
    font-size: 11px;
    padding: 9px 4px;
}
html[lang=ar] section#thank_you .thank-m-res {
    padding-left: 11px !important;
    padding-right: 0;
}
html[lang=ar] .adult-pax {
    text-align: left;
}
html[lang=ar] .panel.panel-default.filter-panel .panel-heading h3.panel-title {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}
    html[lang=ar] .panel.panel-default.filter-panel .panel-heading h3.panel-title button {
        padding: 5px 9px;
    }
html[lang=ar] hotel-thankyou .tblCancellation {
    margin-top: 11px;
}

html[lang=ar] .controllerv .control_tab > .row div[class*=col-] {
    text-align: right;
}
html[lang=ar] .package-left-bg-img {
    right:0;
    transform: scaleX(-1);
}
html[lang=ar] .package-left-img {
    left: 0;
    transform: scaleX(-1);
    right: 123px;
}
html[lang=ar] .package-right {
    padding-left: 0;
    padding-right: 151px;
}
html[lang=ar] .package-right p {
    text-align: right;
}
    html[lang=ar] .package-right h1 {
        text-align: right;
        font-size: 28px;
    } 
html[lang=ar]  .releases-left-bg-img {
    transform: scalex(-1);
}
html[lang=ar]  .travel h2 {
    text-align: right;
}
html[lang=ar] .releases-right-img {
    left: 0;
    transform: scalex(-1);
}
html[lang=ar] .travel-again-section {
    text-align: right;
}
html[lang=ar]  .card-main h2 {
    text-align: right;
}
html[lang=ar] .review {
    text-align: right;
}
html[lang=ar] .releases-left-img {
    left: -36em;
    right: auto;
    transform: scalex(-1);
}
html[lang=ar]  .releases-right {
    align-items: baseline;
}
html[lang=ar]  .card.profile img {
    transform: scalex(-1);
}
html[lang=ar] .card-main .card.profile-right {
    align-items: end;
    padding-left: 34px;
}
html[lang=ar]  .blob.details {
    text-align: right;
}
html[lang=ar] .recommended-details-section {
    text-align: right;
}
html[lang=ar] .ideal-slider-img-dtls {
    text-align: right;
}
html[lang=ar] .footer-cpyryt-img {
    text-align: left;
}
html[lang=ar] .footer-cpyryt p {
    text-align: left;
}
html[lang=ar] .footer-res {
    text-align: right;
}
html[lang=ar] .package-left {
    text-align: left;
}
html[lang=ar] .releases-left {
    text-align: right;
}
html[lang=ar] .newsletter img {
    left: auto;
    right: 24.5%;
}
html[lang=ar] .newsletter button {
    margin-left: 0;
    margin-right: 68px;
}
html[lang=ar] .selected_box_bottom .plus_minus_box {
    text-align: left;
}
html[lang=ar] flight-search .selected_box {
    width: 100%;
}
html[lang=ar] .ui-autocomplete-loading {
    background-position: 20% center !important;
}
html[lang=ar] table.ui-datepicker-calendar tr th {
    font-size: 10px;
}
html[lang=ar] #section-padding {
    text-align: right;
}
html[lang=ar] div#ui-datepicker-div::after {
    left: auto;
    right: 20px;
}
html[lang=ar] .booking-item-address {
    direction: ltr;
}
@media only screen and (max-width: 767px){
    html[lang=ar] .newsletter button {
        margin-right: 0;
    }
    #section-padding3 .newsletter input {
        padding: 0 45px 0 0px;
    }
    #section-padding3 .newsletter img {
        right: 6.5%;
        left: auto;
    }
   
}

