@media (max-width: 576px) {
    html {
        overflow-x: hidden;
    }
}

body {
    color: #374850;
    font-family: 'Montserrat Alternates', sans-serif;
    /* font-family: 'Montserrat', sans-serif; */
}

.checked-a {
    color: orange;
}

.hr-a {
    border: none;
    border-left: 2px solid lightgray;
    height: 90%;
    float: left;
}

.free-can {
    border-radius: 20px;
    background-color: #32a33d;
    color: white;
    font-size: 12px;
    background-size: contain;
    width: 150px;
    /* font-family: 'Montserrat', sans-serif; */
}

.flt-miles {
    border-radius: 5px;
    background-color: #f4f4f4;
    color: #374850;
    font-size: 12px;
    width: 150px;
    /* font-family: 'Montserrat', sans-serif; */
}

.choose-b {
    margin-top: 10%;
}

.dd-size {
    font-size: 18px;
}

.hotel-list-ol li {
    font-size: 13px;
    list-style: none;
    /* font-family: 'Montserrat', sans-serif; */
}

#bottom-a {
    position: absolute;
    bottom: 0;
    margin-bottom: 25px;
    /* font-family: 'Montserrat', sans-serif;                        */
}

.font-style-a {
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.font-style-ab {
    /* font-family: 'Montserrat Alternates', sans-serif; */
    line-height: 15px;
}

.prpmo-code-a {
    border: 1px solid lightgray;
    border-radius: 3px;
    float: right;
    width: 100%;
    font-size: 13px;
    height: 45px;
    padding: 10px 10px 10px 10px;
    color: #2aace3;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.prom {
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.promo-code-wapper {
    margin-top: 4px;
    position: absolute !important;
    width: 100%;
    left: 0;
}

.promo-code-wapper small {
    font-size: 100%;
    font-weight: 400;
    /* font-family: 'Montserrat', sans-serif; */
    text-transform: capitalize;
    padding: 0 10px;
}

.promo-code-wapper .hide2 {
    border-radius: 0px;
    padding: 0px 5px;
}

.wather-box-a {
    background: #374850;
    padding: 15px;
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 30px;
    /* font-family: 'Montserrat', sans-serif; */
}

.wather-box-ab {
    background-color: #2a3b42;
}

.stay-box-a {
    background: white;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 30px;
    /* font-family: 'Montserrat', sans-serif; */
}

.clear-filter-link {
    color: darkgrey;
    font-size: 13px;
    text-decoration: underline;
    /* font-family: 'Montserrat', sans-serif; */
}

.chcek-1 {
    position: absolute;
    left: -999em;
}

.inner {
    position: relative;
    overflow: hidden;
}

.hide2 {
    opacity: 1;
    overflow: hidden;
    transform: translateY(0);
    transition: all 0.2s linear, margin 0s linear 0s;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 12px 10px 0px 0px;
    border-top: none;
    /* font-family: 'Montserrat', sans-serif; */
}

.ex2 input[type="checkbox"]:checked+.inner .hide2 {
    opacity: 0;
    transform: translateY(-100%);
    margin-bottom: -999em;
    transition: all 0.2s linear, margin 0s linear 0.2s;
    font-family: 'Montserrat', sans-serif;
}

.promo-e {
    border: none;
    background-color: #f4f4f4;
    border-bottom: 2px solid lightgray;
    width: 186px;
    /* font-family: 'Montserrat', sans-serif; */
}

.icon-title-a:hover .icon-title {
    display: block;
}

.icon-title {
    z-index: 2;
    display: none;
    position: absolute;
    background-color: #f4f4f4;
    color: #374850;
    margin-top: 10px;
    margin-left: 10%;
    font-style: normal;
    border-radius: 5px;
    width: 200px;
    font-size: 11px;
    padding: 5px 20px 5px 20px;
    line-height: 13px;
}

.text-b {
    /* color: rgba(255, 255, 255, 0.8); */
    color: #212529;
}

.choose-more-btn {
    background: #2aace3;
    border-color: #2aace3 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: bold;
    color: #FFF !important;
    line-height: 100%;
    border-radius: 3px;
    width: 150px;
    /* font-family: 'Montserrat', sans-serif; */
}

.font-color {
    color: #374850;
}

.font-sixe-a {
    font-size: 10px;
    font-weight: bold;
    margin-top: -2px;
}


/* popup box */

.overlay {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    overflow-y: scroll;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 30px auto;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    transition: all 5s ease-in-out;
}

.popup .close-abc {
    z-index: 9999999999;
    float: right;
    margin-top: -50px;
    margin-right: -50px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #2aabe4;
    background-color: #f4f4f4;
    border-radius: 50%;
    padding: 5px 15px 5px 15px;
}

.popup .close:hover {
    color: #2aabe4;
}

.popup h5 {
    margin-top: 0;
    color: #333;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}


/* .popup .content {
  max-height: 30%;
  overflow: auto;
} */

@media screen and (max-width: 700px) {
    .box {
        width: 90%;
    }
    .popup {
        width: 90%;
    }
}


/* end popup box */


/* */

.Lowest-Price-a {
    background-color: #32a33d;
    color: white;
    padding: 0px 15px 0px 15px;
    text-align: center;
    border-radius: 3px;
}

.short-by-a {
    font-size: 14px;
    padding-top: 2px;
}

.header-size-a {
    font-size: 15px;
}

.map-view-a {
    background: #2aace3;
    border-color: #2aace3 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    height: 35px;
    line-height: 35px;
    padding: 0;
    color: #FFF !important;
}

.text-color-a {
    color: #374850;
}

.bg-img-hotel-near {
    background-image: url('../images/hotels-near-loader.png');
    height: 280px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0px;
    margin-top: 10%;
    border-radius: 5px;
}

.text-loader-a {
    color: #374850;
    font-size: 14px;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
}


/* popup box */

.overlay-a {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay-a:target {
    visibility: visible;
    opacity: 1;
}

.popup-a {
    margin: 60px auto;
    padding: 0px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup-a h5 {
    margin-top: 0;
    color: #333;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.popup-a .close-123 {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup-a .close:hover {
    color: #06D85F;
}


/* .popup .content {
max-height: 30%;
overflow: auto;
} */

@media screen and (max-width: 700px) {
    .box-a {
        width: 70%;
    }
    .popup-a {
        width: 70%;
    }
}

.popup-button-a {
    margin-left: 500px;
}


/* end popup box */

.heading-near-hotel-a {
    font-size: 23px;
    font-weight: 600;
}


/* popup box */

.overlay-ab {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}

.overlay-ab:target {
    visibility: visible;
    opacity: 1;
}

.popup-ab {
    margin: 20px auto;
    padding: 0px;
    background: #f4f4f4;
    border-radius: 3px;
    width: 90%;
    position: relative;
    transition: all 5s ease-in-out;
    z-index: 99999;
}

.popup-ab h5 {
    margin-top: 0;
    color: #333;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.popup-ab .close-ab {
    position: absolute;
    margin-top: -40px;
    right: -20px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #2aabe4;
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 0px 14px 0px 14px;
}

.popup-ab .close:hover {
    color: #2aabe4;
}


/* .popup .content {
max-height: 30%;
overflow: auto;
} */

@media screen and (max-width: 700px) {
    .htl-list {
        padding: 0!important;
    }
    .md-img {
        width: 100%!important;
    }
    .box-ab {
        width: 70%;
    }
    .map-view-border-a {
        display: none;
    }
    .map-view-w {
        width: 90%!important;
    }
    .popup-ab {
        width: 70%;
    }
}

.popup-button-a {
    margin-left: 500px;
}


/* end popup box */

.map-hotel-view-left {
    height: 500px;
    overflow: auto;
}

.map-hotel-view-center {
    height: 550px;
    overflow: auto;
}

.scroll-map::-webkit-scrollbar {
    width: 10px;
    /* for vertical scrollbars */
    height: 10px;
    /* for horizontal scrollbars */
}

.scroll-map::-webkit-scrollbar-button:single-button {
    display: block;
    border-style: solid;
    height: 10px;
    width: 10px;
    padding-bottom: 5px;
}

.scroll-map::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 5px 5px 7px 5px;
    border-color: transparent transparent #c4c4c4 transparent;
}


/* Down */

.scroll-map::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 7px 5px 5px 5px;
    border-color: #c4c4c4 transparent transparent transparent;
}

.scroll-map::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    width: 10px;
    margin: 10px 0px 10px 0px;
}

.scroll-map::-webkit-scrollbar-thumb {
    border: 3px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.view-map-padding-a {
    width: 230px;
    display: table-cell;
}

.map-view-sco-a {
    font-size: 9px;
    color: #8ea2ac;
    display: table-cell;
}

.list-cart {
    background-color: #f4f4f4;
}

.Apartments-bg-a {
    background-color: #004b6b;
    font-size: 10px;
    color: white;
    border-radius: 3px;
    padding: 3px 7px 3px 7px;
    /* margin-left: 15px; */
}

.Atlantis-Royal {
    font-size: 15px;
    color: #374850;
    font-weight: 600;
    /* margin-left: 15px; */
    margin-top: 5px;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.star-p-a {
    /* margin-left: 15px; */
    margin-top: -10px;
}

.star-p-ab {
    /* margin-left: 15px; */
}

.info-window-ltr {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Montserrat Alternates', sans-serif;
}

.info-window-rtl {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Tajawal', sans-serif;
}

.si-wrapper-bottom {
    flex-direction: column-reverse;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 63px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.si-close-button {
    right: 279px !important;
}

.si-close-button-new {
    right: -7px !important;
}

.rate-view {
    /* margin-left: 15px; */
    width: 40px;
    height: 40px;
    background-color: #2aabe4;
    border-radius: 60px 0px 60px 60px;
    color: white;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.rate-text {
    font-size: 12px;
    color: #374850;
    font-weight: 800;
    /* margin-left: 15px;
        margin-right: 15px; */
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.rate-preview {
    font-size: 12px;
    color: #374850;
    /* margin-left: 15px; */
    font-weight: 800;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.badge-free {
    font-size: 10px;
    width: 70%;
    padding: 8px 10px;
}

.rate-text i {
    font-size: 14px;
    color: #2aabe4 !important;
    margin-left: 2px;
}

.only {
    font-size: 12px;
    font-weight: 900;
}

.map-pricebox-ltr {
    text-align: right;
    font-family: 'Montserrat Alternates', sans-serif;
}

.map-pricebox-rtl {
    text-align: left;
    font-family: 'Tajawal', sans-serif !important;
}

.gm-style .gm-style-iw-c {
    padding: 12px !important;
}

.si-close-button {
    background: none !important;
    display: block !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute !important;
    cursor: pointer !important;
    user-select: none !important;
    top: -6px !important;
    right: 0px !important;
    width: inherit !important;
    height: 30px !important;
    /* text-align: inherit!important; */
    display: flex!important;
    justify-content: flex-end!important;
}

.si-close-button-rtl {
    background: none !important;
    display: block !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute !important;
    cursor: pointer !important;
    user-select: none !important;
    top: -6px !important;
    left: -6px !important;
    width: 30px !important;
    height: 30px !important;
}

.very-food-8-a {
    background-color: #2aabe4;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 6px;
    color: white;
    font-size: 14px;
    margin-top: 10px;
}

.Very-good-a {
    font-size: 13px;
    color: #374850;
    margin-top: 5px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', sans-serif;
}

.Very-good-review-a {
    font-size: 12px;
    color: #374850;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}


/* .text-right {
    font-family: 'Montserrat Alternates', sans-serif;
} */

.Apartment-with {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}

.man-icon-pa-a {
    margin-top: -3px;
}

.Includes-taxes-a {
    font-size: 10px;
    font-weight: 700;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.frr-a {
    font-size: 10px;
    font-weight: 700px;
    color: white;
    background-color: #31a33c;
    border-radius: 15px;
    padding: 3px 10px 3px 10px;
    margin-top: 5px;
}

.only-one-a {
    color: red;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
}

.map-view-border-a {
    border-left: 1px #dbdbdb solid;
    line-height: 250px;
}

.filter-by-view-map-a {
    color: #2aabe4;
    font-size: 14px;
    font-weight: 600;
}

.map-popup-a {
    background-image: url('../images/map-a.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.drop-down-a {
    background-color: #32a33d;
    color: white;
    padding: 5px 15px 5px 15px;
    text-align: center;
    border-radius: 3px;
    border: none;
    font-weight: 600;
    text-decoration: none;
}

.drop-down-a-option {
    line-height: 40px;
    background-color: #f4f4f4;
    color: #2a3b42;
    border: none;
    font-weight: 600;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}


/* For IE10 */

select::-ms-expand {
    display: none;
}


/* slider -------------------------------------------------------------*/

.slideshow-container {
    max-width: 100%;
    max-height: 240px;
    position: relative;
    margin: auto;
}


/* Next & previous buttons */

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 3px 10px 3px 10px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 25px;
}


/* Position the "next button" to the right */

.next {
    right: 0;
    border-radius: 25px;
}


/* On hover, add a black background color with a little bit see-through */


/* Caption text */

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}


/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .prev,
    .next,
    .text {
        font-size: 11px
    }
}


/* end slider -------------------------------------------------------------*/

.break-fast-tag-a {
    position: absolute;
    top: 10px;
    left: -4px;
    background-image: url('../images/breakfast.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    padding: 10px 0px 0px 5px;
}

.break-fast-tag-ab {
    position: absolute;
    top: 20px;
    left: 7px;
    background-image: url('../images/breakfast.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    padding: 10px 0px 0px 5px;
}

.break-fast-tag-text-a {
    font-size: 10px;
    color: white;
    font-weight: 650;
    line-height: 13px;
    float: left;
}

.heart-img-a {
    background-image: url('../images/blank-heart.png');
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.heart-img-ab {
    background-image: url('../images/blank-heart.png');
    position: absolute;
    top: 30px;
    right: 20px;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.heart-hover-a {
    display: none;
    font-size: 11px;
    font-weight: 700;
    background-color: white;
    padding: 5px;
    line-height: 12px;
    color: #374850;
    border-radius: 3px;
    margin-left: -80px;
    text-align: center;
    width: 70px;
    margin-top: -8px;
}

.heart-img-a:hover .heart-hover-a {
    display: block;
}

.heart-img-a:visited {
    background-image: url('../images/active-heart.png');
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

.arrow-a {
    margin-left: 13px;
    bottom: 12px;
    position: absolute;
}

.hotel-tab-12 {
    background-color: #004b6b;
    color: white;
    font-size: 11px;
    font-weight: 550;
    padding: 3px 10px 3px 10px;
    border-radius: 3px;
}

.km-de-a {
    font-size: 13px;
    color: #374850;
    font-weight: 500;
    margin-top: -10px;
}

.airport-t-a {
    font-size: 13px;
    color: #374850;
    font-weight: 700;
    line-height: 16px;
}

.airport-sec-a {
    position: absolute;
    right: 0px;
    top: 20px;
}

.Breakfast-d-a {
    background-color: #33a33d;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    color: white;
    padding: 4px 25px 4px 25px;
    line-height: 12px;
    text-align: center;
}

.reserve-d-a {
    background-color: #2aabe4;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
    color: white;
    padding: 4px 25px 4px 25px;
    line-height: 12px;
    text-align: center;
}

.reserve-d-a1 {
    font-size: 10px;
    color: white;
    font-weight: 400;
    text-align: center;
}


/* slider */

.columnsilder {
    float: left;
    padding: 2px;
}

.columnsilder-av {
    margin: 2px 0px 0px 2px;
}


/* The Modal (background) */

.modalsilder {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}


/* Modal Content */

.modal-contentsilder {
    position: re lative;
    margin: auto;
    padding: 0;
    max-width: 1200px;
}


/* The Close Button */

.mySlides {
    display: none;
}

.cursor {
    cursor: pointer;
}


/* Next & previous buttons */

.prevsilder,
.nextsilder {
    cursor: pointer;
    position: absolute;
    top: 95%;
    width: auto;
    padding: 3px 10px 3px 10px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 25px;
}


/* Position the "next button" to the right */

.nextsilder {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */


/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}


/*end  slider */

.About-u-p-text {
    font-size: 13px;
}

.populaar-head {
    background-color: white;
    border-radius: 5px;
}

.populaar-head .heading {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0px 5px 5px;
    color: #374850;
}

.populaar-head .option-a {
    font-size: 12px;
    font-weight: 600;
    color: #374850;
}

.available-room-a {
    background-color: white;
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
    font-size: 13px;
    font-weight: 550;
    line-height: 40px;
    height: 140px;
}

.available-room-a h6 {
    font-size: 15px;
    font-weight: 600;
}

.icons-bottom-a {
    position: relative;
    top: 6px;
}

.Junior-suite-a {
    font-size: 14px;
    font-weight: 700;
}

.Junior-suite-ab {
    font-size: 13px;
    font-weight: 500;
}

.more-d-a {
    font-size: 12px;
    color: white !important;
    background-color: #28aee3;
    border-radius: 3px;
    padding: 4px 12px 4px 12px;
}

.block-a-p {
    position: absolute;
    margin-left: -20px;
}

.option-1-text-a {
    font-size: 13px;
    font-weight: 550;
}

.reserve-a {
    font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #0665d0;
    border-radius: 3px;
    padding: 4px 8px 4px 8px;
}

.off-tag-a {
    color: white;
    background-color: #33a33d;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 700;
}

.more-d-ab {
    font-size: 13px;
    font-weight: 700;
    color: white !important;
    background-color: #0665d0;
    border-radius: 3px;
    padding: 12px 32px 12px 32px;
    margin-left: 30px;
}

.its-only-a {
    font-size: 13px;
    font-weight: 500;
    color: #374850;
    margin-top: 10px;
}

.Exceeds-max-guests-a {
    color: red;
    font-size: 12px;
    font-weight: 600;
}

.see-a-b {
    font-size: 12px;
    font-weight: 600;
    background-color: #0665d0;
    border-radius: 3px;
    padding: 10px 30px 10px 30px;
    color: white !important;
}

.facilities-bg-a {
    background-color: white;
    border-radius: 5px;
}

.most-popular-a {
    font-size: 14px;
    font-weight: 700;
}

.border-a-t {
    border: 1px #d9d9d9 solid;
    padding: 15px;
    color: #374850;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    line-height: 25px;
}

.facilities-opction-a {
    font-size: 14px;
    font-weight: 650;
}

.space {
    margin: 3px;
}

.chek-box-text-a {
    font-size: 11px;
    font-weight: 510;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.add-text-bg-a {
    font-size: 9px;
    font-weight: 600;
    background-color: #f3f3f3;
    padding: 3px 10px 3px 10px;
    border-radius: 2px;
    color: #374850;
}

.card-img-title-a {
    font-size: 14px;
    font-weight: 700;
    color: #374850;
}

.card-img-km-a {
    font-size: 14px;
    font-weight: 500;
}

.card-img-text-a {
    font-size: 11px;
    font-weight: 400;
    color: #374850;
    line-height: 18px;
}

.we-take-a {
    font-size: 11px;
    font-weight: 500;
    line-height: 1px;
    color: #374850;
    /* position: absolute; */
}

.house-r-a {
    background-color: white;
    border-radius: 3px;
}

.house-chekin-a {
    background-color: #f4f4f4;
    text-align: center;
}

.house-chekin-a-time {
    font-size: 12px;
    font-weight: 550;
    color: #374850;
}


/* .white-l-line-a {
    height: 10px;
    width: 40%;
    background-color: white;
    border-radius: 5px 0px 0px 5px;
}

.white-r-line-a {
    height: 10px;
    background-color: #0ab31c;
    border-radius: 0px 5px 5px 0px;
}


.white-l-line-ab {
    height: 10px;
    width: 40%;
    background-color: #0ab31c;
    border-radius: 5px 0px 0px 5px;
}

.white-r-line-ab {
    height: 10px;
    background-color: white;
    border-radius: 0px 5px 5px 0px;
} */

.white-checkin-l-ltr {
    height: 10px;
    width: 40%;
    background-color: white;
    border-radius: 5px 0px 0px 5px;
}

.green-checkin-r-ltr {
    height: 10px;
    background-color: #0ab31c;
    border-radius: 0px 5px 5px 0px;
}

.white-checkout-l-ltr {
    height: 10px;
    width: 40%;
    background-color: #0ab31c;
    border-radius: 5px 0px 0px 5px;
}

.green-checkout-r-ltr {
    height: 10px;
    background-color: white;
    border-radius: 0px 5px 5px 0px;
}

.white-checkin-l-rtl {
    height: 10px;
    width: 40%;
    background-color: white;
    border-radius: 0px 5px 5px 0px;
}

.green-checkin-r-rtl {
    height: 10px;
    background-color: #0ab31c;
    border-radius: 5px 0px 0px 5px;
}

.white-checkout-l-rtl {
    height: 10px;
    width: 40%;
    background-color: #0ab31c;
    border-radius: 0px 5px 5px 0px;
}

.green-checkout-r-rtl {
    height: 10px;
    background-color: white;
    border-radius: 5px 0px 0px 5px;
}

.check-in-text-a {
    font-size: 14px;
    font-weight: 600;
}

.simple-text-a {
    font-size: 12px;
    font-weight: 300;
    color: #374850;
}

.card-img-title-ab {
    font-size: 12px;
    font-weight: 600;
}

.table-border-a {
    border: 1px #d4d4d4 solid;
}

.free-a {
    color: #0ab31c;
    font-size: 15px;
    font-weight: 700;
    top: 30px;
}

.form-bg-hotel-s-a {
    background-color: #374850;
    border-radius: 3px;
    color: white;
}

.form-bg-hotel-s-a h6 {
    font-size: 19px;
    color: white;
    font-weight: 500;
}

.form-bg-hotel-s-a label {
    font-size: 12px;
    color: white;
    font-weight: 500;
}

.form-bg-hotel-s-a input {
    background-color: #f4f4f4;
    border: 0px solid;
    border-radius: 3px;
    width: 100%;
    font-size: 13px;
    padding: 10px;
    color: #374850;
    text-align: inherit;
}

.chekbox-ab {
    border: 1px white solid;
    background: transparent;
}

.btn-primary-c-a {
    background-color: #2aabe4;
    border-radius: 3px;
    color: white;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    border: 0px;
    padding: 10px;
}

.Paulinat-text {
    font-size: 13px;
    font-weight: 700;
}

.Paulinat-text-123 {
    font-size: 13px;
    font-weight: 600;
}

.Recent-text-a {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.itelic-t-a {
    font-size: 12px;
    font-weight: 520;
    font-style: italic;
    line-height: 17px;
}

.itelic-t-aaa {
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;
    color: #374850;
}

.more-tex-a {
    font-size: 11px;
    font-weight: 600;
    color: #2aabe2;
}

.faimly-a {
    font-size: 14px;
    color: #2aabe2;
    line-height: 17px;
}

.faimly-ab {
    font-size: 13px;
    color: #374850;
    line-height: 17px;
    font-weight: 100;
}

.pro-heading-a {
    font-size: 13px;
    font-weight: 700;
    color: #374850;
}

.excellent-a {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35%;
}

.excellent-ab {
    background-color: white;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
}

.excellent-ab1234 {
    background-color: white;
    border-radius: 3px;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

.excellent-a1 {
    color: #4a883f;
    font-size: 22px;
    font-weight: 500;
}

.excellent-ab1 {
    color: #4a883f;
    font-size: 11px;
    font-weight: 600;
    margin-top: -5px;
}

.rating-4-5-a {
    background-color: #4a883f;
    color: white;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
}

.simple-text-a1 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: justify;
}

.paulint-a {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 10px;
}

.paulint-abc1 {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 5px;
}

.Paulinat-text-aaa {
    font-size: 12px;
    font-weight: 500;
}

.toll-free-bg {
    background-color: white;
    border-radius: 4px;
    padding: 3px 15px 3px 15px;
    font-size: 13px;
}

.drp-down-a {
    border: 0px;
    padding: 10px;
    border-radius: 5px;
}

.special {
    font-weight: bold !important;
    color: #fff !important;
    background: #bc0000 !important;
    text-transform: uppercase;
    border-radius: 20px;
    margin: 10px;
}

.model-hr-box-a {
    cursor: pointer;
}

#model-hr-box-a12 {
    display: none;
    background-color: white;
    padding: 15px;
    border-radius: 3px;
    position: absolute;
    top: 40px;
    right: -20px;
    z-index: 9999;
    width: 100%;
}

.model-hr-box-a:hover+#model-hr-box-a12 {
    display: block;
}

.fb-box-a {
    background-color: #3a549f;
    border-radius: 15px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    vertical-align: center;
    padding: 5px;
}

.tw-box-a {
    background-color: #1da1f3;
    border-radius: 15px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    vertical-align: center;
    padding: 5px;
}

.share-text-a {
    font-size: 11px;
    font-weight: 600;
    color: #374850;
}

.fb-box-ab {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #374850;
    font-weight: normal;
    font-size: 10px;
    vertical-align: center;
    padding: 10px;
}

.tw-box-ab {
    background-color: #1da1f3;
    border-radius: 3px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    vertical-align: center;
    padding: 7px;
}


/* popup box */

.overlay-a1 {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay-a1:target {
    visibility: visible;
    opacity: 1;
}

.popup-a1 {
    margin: 20px auto;
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    width: 70%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup-a1 .close-a1 {
    position: absolute;
    margin-top: -35px;
    right: -20px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #2aabe4;
    background-color: #f4f4f4;
    border-radius: 30px;
    padding: 4px 13px 4px 13px;
}

.popup-a1 .close-a1:hover {
    color: #2aabe4;
}

.popup-a1 h5 {
    margin-top: 0;
    color: #333;
}


/* .popup .content {
max-height: 30%;
overflow: auto;
} */

.fixed-bottom-ex {
    position: absolute;
    bottom: 25px;
}

@media screen and (max-width: 700px) {
    .box-a1 {
        width: 70%;
    }
    .popup-a1 {
        width: 95%;
    }
    .hotel-name-abc {
        position: absolute;
        display: block;
        top: 10px;
        z-index: 999;
    }
    .popup-a1 .close-a1 {
        position: absolute;
        margin-top: -55px;
        right: -10px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #2aabe4;
        background-color: #f4f4f4;
        border-radius: 30px;
        padding: 4px 13px 4px 13px;
    }
    .popup-a1 .close-a1:hover {
        color: #2aabe4;
    }
    .prevsilder {
        margin-right: 87%;
    }
}

.popup-button-a {}


/* end popup box */


/* ------------------------------------------ */


/* slider */

.columnsilder-a {
    float: left;
    padding: 2px;
}

.columnsilder-av-a {
    margin: 2px 0px 0px 2px;
}


/* The Modal (background) */

.modalsilder-a {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}


/* Modal Content */

.modal-contentsilder-a {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 1200px;
}


/* The Close Button */

.mySlides-a {
    display: none;
}

.cursor-a {
    cursor: pointer;
}


/* Next & previous buttons */

.prevsilder-a,
.nextsilder-a {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 3px 10px 3px 10px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 25px;
}


/* Position the "next button" to the right */

.nextsilder-a {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */


/* Number text (1/3 etc) */

.numbertext-a {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.demo-a {
    filter: brightness(40%);
}

.demo-a:active {
    filter: brightness(100%);
    border: 10px solid #2aabe4;
}

.demo-a:hover {
    filter: brightness(100%);
    border: 2px solid #2aabe4;
}


/*end  slider */

.popup-icon-text-a1 {
    font-size: 14px;
    font-weight: 500;
}

.chek-text-a {
    font-size: 11px;
    font-weight: 500;
}

.popup-contant-a {
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}


/* slider 2222222222222-------------------------------------------------------------*/

.slideshow-container2 {
    position: relative;
    margin: auto;
}


/* Next & previous buttons */

.prev2,
.next2 {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 3px 5px 3px 5px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 25px;
}


/* Position the "next button" to the right */

.next2 {
    right: 0;
    border-radius: 25px;
}


/* On hover, add a black background color with a little bit see-through */


/* Caption text */

.text2 {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}


/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .prev2,
    .next2,
    .text2 {
        font-size: 11px
    }
}


/* end slider -------------------------------------------------------------*/

.nevigetion-under-text {
    font-size: 14px;
    font-weight: 500;
    /* font-family: Georgia, 'Times New Roman', Times, serif;; */
}

.img-g-a {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 3px;
    position: absolute;
    top: 125px;
    right: 40px;
    border-radius: 3px;
}

.input-r {
    position: relative;
}

.input-r input {
    position: relative;
    direction: rtl;
}

.calender-icon-m-a-rtl {
    position: absolute;
    height: 15px;
    width: 15px;
    margin-left: -10px;
    margin-top: -25px;
    margin-right: 196px;
}

.calender-icon-m-a {
    position: absolute;
    height: 15px;
    width: 15px;
    margin-left: -24px;
    margin-top: 12px;
}

.abc-m-a {
    background-color: red;
    border-radius: 25px;
    padding: 10px;
}

.abc-m-a1 {
    background: transparent;
    border-radius: 25px;
    font-size: 50px;
    padding: 10px;
}

.checkmark-a {
    position: absolute;
    left: 0px;
    height: 16px;
    width: 16px;
    background-color: none;
    border: #f4f4f4 solid 1px;
    border-radius: 3px;
}

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

.container-a input:checked~.checkmark-a:after {
    display: block;
}

.container-a .checkmark-a:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark-b {
    position: absolute;
    left: 200px;
    height: 16px;
    width: 16px;
    background-color: none;
    border: #f4f4f4 solid 1px;
    border-radius: 3px;
}

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

.container-a input:checked~.checkmark-b:after {
    display: block;
}

.container-a .checkmark-b:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.calender-icon-m-a-ar {
    position: absolute;
    height: 12px;
    width: 12px;
    margin-left: -25px;
    margin-top: 14px;
}


/* Popup container - can be anything you want */

.popup-share {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* The actual popup */

.popup-share .popuptext-share {
    visibility: hidden;
    width: 400px;
    background-color: white;
    color: #fff;
    border-radius: 3px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    top: 40px;
    right: -20px;
}

.popup-share .popuptext-share::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 92%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}


/* Toggle this class - hide and show the popup */

.popup-share .show-share {
    visibility: visible;
}

.blockHead .clearFilter-ltr {
    font-size: 12px;
    color: #374850;
    max-width: 40%;
    float: right;
    font-weight: 500;
    text-decoration: underline;
    margin-left: auto;
}

.blockHead .clearFilter-rtl {
    font-size: 12px;
    color: #374850;
    max-width: 40%;
    float: right;
    font-weight: 500;
    text-decoration: underline;
    margin-right: auto;
}

.promoCode span {
    max-width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}

.description-a {
    font-size: 12px;
    font-weight: 500;
    color: #374850;
}

.heading-a {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 18px;
    color: #374850;
}

.hotel-listing-res-bg {
    background-color: white;
    border-radius: 5px;
}

.hotel-listing-res-bg .col-sm-3 {
    max-width: 300px !important;
    padding: 0px;
}

.hotel-listing-res-bg .col-sm-7 {
    background-color: rgb(255, 255, 255);
    max-width: 470px !important;
}

.hotel-listing-res-bg .col-sm-2 {
    background-color: rgb(255, 255, 255);
    max-width: 150px !important;
}

.meddel-area-hotel-list {
    border-right: 2px solid rgb(212, 212, 212);
    max-width: 80% !important;
}

.hotel-card-bg {
    background-color: white;
    border-radius: 5px;
    padding: 15px 15px 5px 15px;
    max-width: 100%;
}

.hotel-card-bg label {
    top: 0px !important;
}

.hotel-card-bg .hotel-card-left {
    width: 25%;
    float: left;
}

.hotel-card-bg .hotel-card-center {
    width: 55%;
    top: 0px;
    float: left;
    border-right: 2px solid #dbdbdb;
}

.hotel-card-bg .hotel-card-right {
    width: 20%;
    float: left;
}

.hotel-card-center .text-top-card {
    text-align: top !important;
}

.card-hotel-name {
    color: #374850;
    font-size: 18px;
    font-weight: 700;
}

.card-hotel-name-bg-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.card-hotel-name-1 {
    color: #374850;
    font-size: 18px;
    font-weight: 700;
    bottom: -62px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.card-hotel-name-2 {
    color: #374850;
    font-size: 11px;
    font-weight: 500;
    bottom: -60px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

.card-hotel-name-3 {
    color: #374850;
    font-size: 11px;
    font-weight: 500;
    bottom: -62px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

.area-text-text-1 {
    font-size: 12px;
    font-weight: 700;
    color: #374850;
}

.area-text-text-2 {
    font-size: 12px;
    font-weight: 400;
    color: #374850;
    margin-left: 20px;
    margin-top: 2px;
}

.area-text-text-3 {
    font-size: 12px;
    font-weight: 500;
    color: #32a33d;
    margin-left: 20px;
    margin-top: 2px;
}

.icon-margin-card {
    margin-left: 20px;
}

.see-map-text {
    font-size: 12px;
    font-weight: 600;
    color: #2aace3;
    text-decoration: none;
}

label .bottom-reviews-text {
    bottom: 0px;
}

.rateing-count-text {
    background-color: #4a873f;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
    color: white;
    font-weight: 600;
}

.Excellent-text-1 {
    font-size: 12px;
    font-weight: 700;
    color: #4a873f;
}

.Excellent-review-text-1 {
    font-size: 12px;
    font-weight: 400;
    color: #4a873f;
}

.free-c-text {
    background-color: #32a33d;
    font-size: 11px;
    font-weight: 600;
    color: white;
    padding: 5px 12px 5px 12px;
    border-radius: 15px;
}

.real-price-text {
    font-size: 12px;
    font-weight: 600;
    color: #374850;
}

.real-price-text-1 {
    font-size: 20px;
    font-weight: 500;
    color: #374850;
    text-align: left;
}

.per-night-text {
    font-size: 11px;
    color: #374850;
    font-weight: 700;
    margin-top: -5px;
}

.night-text-1 {
    font-size: 12px;
    color: #374850;
    font-weight: 500;
    line-height: 0px;
}

.fly-miles-text {
    background-color: #f4f4f4;
    color: #374850;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    border-radius: 3px;
    margin-top: 10px;
}

.sorted-by-text {
    padding-right: 30px;
}

.sorted-by-text-1 {
    font-size: 13px;
    font-weight: 700;
    color: #374850;
}

.sorted-by-text-2 {
    font-size: 12px;
    font-weight: 700;
    color: #374850;
}

.hotel-details-name {
    font-size: 22px;
    font-weight: 600;
    color: #374850;
}

.img-size-sider-hote {
    width: 100%;
    height: 500px;
}


/* ----------------------new--------------------------- */

.slider-bg-fix-left {
    width: 35%;
    display: table-cell;
}

.slider-bg-fix-right {
    width: 65%;
    padding-left: 25PX;
    padding-right: 25px;
    display: table-cell;
}

.milesBtn-new {
    background: #f4f4f4;
    font-weight: bold;
    color: #374850;
    border-color: #f4f4f4;
    position: relative;
    padding: 12px 0;
    width: 100%;
}

.milesBtn-new span {
    font-weight: 700;
    font-size: 12px;
    color: #374850;
}

.milesBtn-new bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.flightResultListing .milesBtn-new {
    margin-bottom: 15px;
}

.Free-can-Btn-new {
    background: #32a33d;
    color: #ffffff;
    border-radius: 15px;
    position: relative;
    padding: 3px 14px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}

.cross-text {
    font-weight: 500;
    font-size: 12px !important;
}

.choose-left-section {
    width: 70%;
}

.choose-right-section {
    width: 30%;
}

#promo-code-new {
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 50px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
}

#promo-code-new:focus {
    height: 150px;
}

.b {
    display: none;
}

.tabtext-a {
    font-size: 13px;
    font-weight: 500;
    color: #374850;
}

.tabtext-ab {
    font-size: 13px;
    font-weight: 500;
    color: #374850;
    /* text-align: end; */
    background: white;
    padding: 5px;
    border-radius: 5px;
}

.loc-addr {
    font-size: 13px;
    font-weight: 700;
}

.see-more-class {
    color: #2aace3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}

.see-more-class:hover {
    color: #2aace3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}

.loc-addr-1 {
    font-size: 12px;
}

.slider-size-img {
    width: 100%;
    height: 500px;
}

.font-size-Popular-op {
    font-size: 12px;
    font-weight: 600;
}

.font-size-Popular-op-a {
    width: 100%;
}

.font-size-Popular-op-a li {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
}

.All-facilities-class {
    font-size: 12px;
    color: #2aace3;
    font-weight: 600;
    text-decoration: underline;
}

.All-facilities-class:hover {
    font-size: 12px;
    color: #2aace3;
    font-weight: 600;
    text-decoration: underline;
}

.Available-room-class {
    width: 100%;
}

.Available-room-class li {
    padding-top: 7px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.Most-popular-facilities-border {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 10px;
}

.heading-a-1 {
    font-size: 14px;
    font-weight: 700;
}

.padding-icon {
    margin-left: 3px;
}

.stars-show {
    width: 100%;
    display: block;
    margin-top: -8px;
}

.detals-card-left {
    width: 22%;
    float: left;
}

.detals-card-center {
    width: 40%;
    float: left;
}

.detals-card-right {
    width: 38%;
}

.opction-text-s {
    font-size: 16px;
    font-weight: 700;
}

.border-card-line-option {
    border-top: 1px solid #d6d6d6;
}

.input-in-detail-page {
    border-radius: 3px !important;
    font-size: 11px;
    font-style: normal !important;
    padding-left: 10px !important;
}

.slider-popup-1 {
    width: 60%;
}

.slider-popup-2 {
    width: 40%;
}

.popup-img-size-a {
    width: 100%;
    height: 300px;
}

.cosser-element-a {
    cursor: pointer !important;
}


/* ----------------------/new--------------------------- */

@media all and (max-width: 576px) {
    /* ----------------------new---------------------------- */
    .subpageBanner {
        display: none!important;
    }
    .pd-top {
        padding-top: 85px!important;
    }
    .r-stars-show-ltr {
        height: 12px;
        width: 12px;
        /* position: absolute; */
        /* left: 55px; */
        /* top: 143px; */
    }
    .r-stars-show-rtl {
        height: 12px;
        width: 12px;
        position: absolute;
        left: 0px;
        top: 8px;
    }
    .star-container {
        /* position: absolute; */
        /* left: 55px;
        top: 136px; */
        z-index: 99;
        margin-top: -2px;
        padding: 0 5px;
    }
    .star-container-ltr {
        left: 55px;
    }
    .star-container-rtl {
        left: 285px;
    }
    .columnsilder-a {
        display: none;
    }
    .slider-popup-1 {
        width: 100%;
    }
    .popup-img-size-a {
        width: 100%;
        height: 180px;
    }
    .slider-popup-2 {
        width: 100%;
    }
    .xs-top-margin {
        margin-top: 10px;
    }
    .detals-card-left {
        width: 100%;
    }
    .detals-card-center {
        width: 100%;
    }
    .detals-card-right {
        width: 100%;
        padding-left: 5px;
    }
    .columnsilder {
        display: none;
    }
    .Available-room-class {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .Available-room-class li {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-right: 15px;
        display: inline-block;
    }
    .font-size-Popular-op-ab {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .font-size-Popular-op-ab li {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 20px;
        display: inline-block;
    }
    .font-size-Popular-op-a {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .font-size-Popular-op-a li {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 20px;
        display: inline-block;
    }
    .font-size-Popular-op {
        display: inline;
    }
    .slider-size-img {
        width: 100%;
        height: 150px;
    }
    .hotel-details-name {
        color: white;
    }
    .z-index-xs-a {
        z-index: 2;
    }
    /* .silder-top-xs {
                position: absolute;
                top: 0px;
            } */
    .slider-bg-fix-left {
        width: 100%;
    }
    .choose-left-section {
        width: 100%;
    }
    .choose-right-section {
        display: none;
    }
    .slider-bg-fix-right {
        width: 100%;
        padding-top: 15PX;
        padding-left: 10PX;
    }
    .Free-can-Btn-new {
        background: none;
        color: #32a33d;
        border-radius: 15px;
        position: relative;
        padding: 3px 10px;
        width: 100%;
        text-align: left;
        font-size: 12px !important;
    }
    .Free-can-Btn-new img {
        display: none;
    }
    .display-none-new {
        display: none;
    }
    .card-none {
        display: block;
    }
    /* -----------------------/new------------- */
    .hotel-listing-res-bg .col-sm-6 {
        max-width: 100px;
    }
    .hotel-listing-res-bg .col-sm-2 {
        max-width: 100% !important;
    }
    .meddel-area-hotel-list {
        border-right: none;
    }
    .hotel-card-bg .hotel-card-left {
        width: 100%;
    }
    .hotel-card-bg .hotel-card-center {
        width: 100%;
        border: none;
    }
    .hotel-card-bg .hotel-card-right {
        width: 100%;
    }
    .landmark-scroll {
        overflow-y: scroll;
    }
    .responsive-form-size {
        padding: 0% 10% 0% 10%;
    }
    .hotel-search-form-padding {
        padding: 0% 5% 0% 5%;
    }
    .stars-show {
        width: 100%;
        display: block;
    }
    .top-margiin {
        padding-top: 10px;
        margin-top: 10px;
    }
    .hotel-details-page {
        padding-top: 20px;
    }
}

.Business-box {
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 10px;
    background-color: #ed5903;
    margin: 0 !important;
}


/* Add new */

.bottom-mr {
    padding-bottom: 20px;
}

.all-padding {
    padding: 16px;
}

.updatedDetails .airlineLogo {
    margin-bottom: 0px !important;
}

.address {
    color: #7b8f99;
    font-size: 16px;
    ;
}

.firedetails-wapr {
    padding: 16px 35px;
}

.faredetails {
    font-size: 18px;
    margin-bottom: 26px;
}

.passengerDetailPanel li {
    padding-bottom: 5px;
}

.thank-u-text h5 {
    font-weight: 700;
    font-size: 30px;
}

.thank-u-text p {
    color: #477a00;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 25px;
}

.departure-cl {
    background-color: #edf1f7;
    padding: 25px;
}

.Fare-Details-bg {
    background-color: #edf1f7;
}

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

.hotel-icon {
    height: 15px;
    width: 15px;
}

.hotel-icon-family {
    height: 20px;
    width: 20px;
}

.selected-hotel-border {
    border: 3px solid #32a33d;
}

.fixed-bottom-ex {
    position: absolute;
    bottom: 25px;
}

@media screen and (max-width: 700px) {
    .box-a1 {
        width: 70%;
    }
    .popup-a1 {
        width: 95%;
    }
    .hotel-name-abc {
        position: absolute;
        display: block;
        top: 10px;
        z-index: 999;
    }
    .popup-a1 .close-a1 {
        position: absolute;
        margin-top: -45px;
        right: -10px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #2aabe4;
        background-color: #f4f4f4;
        border-radius: 30px;
        padding: 4px 13px 4px 13px;
    }
    .popup-a1 .close-a1:hover {
        color: #2aabe4;
    }
}


/* . popup-button-a {} */


/* end popup box */


/* ------------------------------------------ */


/* slider */

.columnsilder-a {
    float: left;
    padding: 2px;
}

.columnsilder-av-a {
    margin: 2px 0px 0px 2px;
}


/* The Modal (background) */

.modalsilder-a {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}


/* Modal Content */

.modal-contentsilder-a {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 1200px;
}


/* The Close Button */

.mySlides-a {
    display: none;
}

.cursor-a {
    cursor: pointer;
}


/* Next & previous buttons */


/* Position the "next button" to the right */

.nextsilder-a {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */


/* Number text (1/3 etc) */

.numbertext-a {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.demo-a {
    filter: brightness(40%);
}

.demo-a:active {
    filter: brightness(100%);
    border: 10px solid #2aabe4;
}

.demo-a:hover {
    filter: brightness(100%);
    border: 2px solid #2aabe4;
}


/*end  slider */

.popup-icon-text-a1 {
    font-size: 14px;
    font-weight: 500;
}

.chek-text-a {
    font-size: 11px;
    font-weight: 500;
}

.popup-contant-a {
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}


/* slider 2222222222222-------------------------------------------------------------*/

.slideshow-container2 {
    position: relative;
    margin: auto;
}


/* Next & previous buttons */

.prev2,
.next2 {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 3px 5px 3px 5px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 25px;
}


/* Position the "next button" to the right */

.next2 {
    right: 0;
    border-radius: 25px;
}


/* On hover, add a black background color with a little bit see-through */


/* Caption text */

.text2 {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}


/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .prev2,
    .next2,
    .text2 {
        font-size: 11px
    }
}


/* end slider -------------------------------------------------------------*/

.nevigetion-under-text {
    font-size: 14px;
    font-weight: 500;
    /* font-family: Georgia, 'Times New Roman', Times, serif;; */
}

.img-g-a {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 3px;
    position: absolute;
    top: 125px;
    right: 40px;
    border-radius: 3px;
}

.input-r {
    position: relative;
}

.input-r {
    position: relative;
}

.input-r input {
    position: relative;
    direction: rtl;
}

.calender-icon-m-a-rtl {
    position: absolute;
    height: 15px;
    width: 15px;
    /* margin-left: -10px; */
    margin-top: 12px;
    margin-right: -24px;
}

.abc-m-a {
    background-color: red;
    border-radius: 25px;
    padding: 10px;
}

.abc-m-a1 {
    background: transparent;
    border-radius: 25px;
    font-size: 50px;
    padding: 10px;
}

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

.container-a input:checked~.checkmark-a:after {
    display: block;
}

.calender-icon-m-a-ar {
    position: absolute;
    height: 12px;
    width: 12px;
    margin-left: -25px;
    margin-top: 14px;
}


/* Popup container - can be anything you want */

.popup-share {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup-share .popuptext-share {
    visibility: hidden;
    width: 400px;
    background-color: white;
    color: #fff;
    border-radius: 3px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    top: 40px;
    right: -20px;
}

.popup-share .popuptext-share::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 92%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}


/* Toggle this class - hide and show the popup */

.popup-share .show-share {
    visibility: visible;
}

.blockHead .clearFilter {
    font-size: 12px;
    color: #374850;
    max-width: 40%;
    float: right;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 35%;
}

.promoCode span {
    max-width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}

.description-a {
    font-size: 12px;
    font-weight: 500;
    color: #374850;
}

.heading-a {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 18px;
    color: #374850;
}

.hotel-listing-res-bg {
    background-color: white;
    border-radius: 5px;
}

.hotel-listing-res-bg .col-sm-3 {
    max-width: 300px !important;
    padding: 0px;
}

.hotel-listing-res-bg .col-sm-7 {
    background-color: rgb(255, 255, 255);
    max-width: 470px !important;
}

.hotel-listing-res-bg .col-sm-2 {
    background-color: rgb(255, 255, 255);
    max-width: 150px !important;
}

.meddel-area-hotel-list {
    border-right: 2px solid rgb(212, 212, 212);
    max-width: 80% !important;
}

.hotel-card-bg {
    background-color: white;
    border-radius: 5px;
    padding: 15px 15px 5px 15px;
    max-width: 100%;
}

.hotel-card-bg label {
    top: 0px !important;
}

.hotel-card-bg .hotel-card-left {
    width: 25%;
    float: left;
}

.hotel-card-bg .hotel-card-center {
    width: 55%;
    top: 0px;
    float: left;
    border-right: 2px solid #dbdbdb;
}

.hotel-card-bg .hotel-card-right {
    width: 20%;
    float: left;
}

.hotel-card-center .text-top-card {
    text-align: top !important;
}

.card-hotel-name {
    color: #374850;
    font-size: 18px;
    font-weight: 700;
}

.card-hotel-name-bg-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.card-hotel-name-2 {
    color: #374850;
    font-size: 11px;
    font-weight: 500;
    bottom: -60px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

.card-hotel-name-3 {
    color: #374850;
    font-size: 11px;
    font-weight: 500;
    bottom: -62px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

.area-text-text-1 {
    font-size: 12px;
    font-weight: 700;
    color: #374850;
}

.area-text-text-2 {
    font-size: 12px;
    font-weight: 400;
    color: #374850;
    margin-left: 20px;
    margin-top: 2px;
}

.area-text-text-3 {
    font-size: 12px;
    font-weight: 500;
    color: #32a33d;
    margin-left: 20px;
    margin-top: 2px;
}

.icon-margin-card {
    margin-left: 20px;
}

.see-map-text {
    font-size: 12px;
    font-weight: 600;
    color: #2aace3;
    text-decoration: none;
}

label .bottom-reviews-text {
    bottom: 0px;
}

.rateing-count-text {
    background-color: #4a873f;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
    color: white;
    font-weight: 600;
}

.Excellent-text-1 {
    font-size: 12px;
    font-weight: 700;
    color: #4a873f;
}

.Excellent-review-text-1 {
    font-size: 12px;
    font-weight: 400;
    color: #4a873f;
}

.free-c-text {
    background-color: #32a33d;
    font-size: 11px;
    font-weight: 600;
    color: white;
    padding: 5px 12px 5px 12px;
    border-radius: 15px;
}

.real-price-text {
    font-size: 12px;
    font-weight: 600;
    color: #374850;
}

.real-price-text-1 {
    font-size: 20px;
    font-weight: 500;
    color: #374850;
    text-align: left;
}

.per-night-text {
    font-size: 11px;
    color: #374850;
    font-weight: 700;
    margin-top: -5px;
}

.night-text-1 {
    font-size: 12px;
    color: #374850;
    font-weight: 500;
    line-height: 0px;
}

.fly-miles-text {
    background-color: #f4f4f4;
    color: #374850;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    border-radius: 3px;
    margin-top: 10px;
}

.sorted-by-text {
    padding-right: 30px;
}

.sorted-by-text-1 {
    font-size: 13px;
    font-weight: 700;
    color: #374850;
}

.sorted-by-text-2 {
    font-size: 12px;
    font-weight: 700;
    color: #374850;
}

.hotel-details-name {
    font-size: 22px;
    font-weight: 600;
    color: #374850;
    /* font-family: 'Montserrat Alternates', sans-serif; */
}

.img-size-sider-hote {
    width: 100%;
    height: 500px;
}


/* ----------------------new--------------------------- */

.slider-bg-fix-left {
    width: 35%;
    display: table-cell;
}

.slider-bg-fix-right {
    width: 65%;
    padding-left: 25PX;
    padding-right: 25px;
    display: table-cell;
}

.milesBtn-new span {
    font-weight: 700;
    font-size: 12px;
    color: #374850;
}

.milesBtn-new bdo {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-position: -1px -197px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.Free-can-Btn-new {
    background: #32a33d;
    color: #ffffff;
    border-radius: 15px;
    position: relative;
    padding: 3px 14px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}

.cross-text {
    font-weight: 500;
    font-size: 12px !important;
}

.choose-left-section {
    width: 70%;
}

.choose-right-section {
    width: 30%;
}

#promo-code-new {
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 50px;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
}

#promo-code-new:focus {
    height: 150px;
}

.b {
    display: none;
}

.tabtext-a {
    font-size: 13px;
    font-weight: 500;
    color: #374850;
}

.loc-addr {
    font-size: 13px;
    font-weight: 700;
}

.see-more-class {
    color: #2aace3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}

.see-more-class:hover {
    color: #2aace3;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}

.loc-addr-1 {
    font-size: 12px;
}

.silder-top-xs {}

.slider-size-img {
    width: 100%;
    height: 500px;
}

.font-size-Popular-op {
    font-size: 12px;
    font-weight: 600;
}

.font-size-Popular-op-a {
    width: 100%;
}

.font-size-Popular-op-a li {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
}

.All-facilities-class {
    font-size: 12px;
    color: #2aace3;
    font-weight: 600;
    text-decoration: underline;
}

.All-facilities-class:hover {
    font-size: 12px;
    color: #2aace3;
    font-weight: 600;
    text-decoration: underline;
}

.Available-room-class {
    width: 100%;
}

.Available-room-class li {
    padding-top: 7px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

.Most-popular-facilities-border {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 10px;
}

.heading-a-1 {
    font-size: 14px;
    font-weight: 700;
}

.padding-icon {
    margin-left: 3px;
}

.stars-show {
    width: 100%;
    display: block;
    margin-top: -8px;
}

.detals-card-left {
    width: 22%;
    float: left;
}

.detals-card-center {
    width: 40%;
    float: left;
}

.detals-card-right {
    width: 38%;
}

.opction-text-s {
    font-size: 16px;
    font-weight: 700;
}

.border-card-line-option {
    border-top: 1px solid #d6d6d6;
}

.input-in-detail-page {
    border-radius: 3px !important;
    font-size: 11px;
    font-style: normal !important;
    padding-left: 10px !important;
}

.slider-popup-1 {
    width: 60%;
}

.slider-popup-2 {
    width: 40%;
}

.popup-img-size-a {
    width: 100%;
    height: 300px;
}

.cosser-element-a {
    cursor: pointer !important;
}


/* ----------------------/new--------------------------- */

@media all and (max-width: 576px) {
    /* ----------------------new---------------------------- */
    .columnsilder-a {
        display: none;
    }
    .slider-popup-1 {
        width: 100%;
    }
    .popup-img-size-a {
        width: 100%;
        height: 180px;
    }
    .slider-popup-2 {
        width: 100%;
    }
    .xs-top-margin {
        margin-top: 10px;
    }
    .detals-card-left {
        width: 100%;
    }
    .detals-card-center {
        width: 100%;
    }
    .detals-card-right {
        width: 100%;
        padding-left: 5px;
    }
    .columnsilder {
        display: none;
    }
    .Available-room-class {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .Available-room-class li {
        padding-top: 5px;
        padding-bottom: 10px;
        margin-right: 15px;
        display: inline-block;
    }
    .font-size-Popular-op-ab {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .font-size-Popular-op-ab li {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 20px;
        display: inline-block;
    }
    .font-size-Popular-op-a {
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .font-size-Popular-op-a li {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 20px;
        display: inline-block;
    }
    .font-size-Popular-op {
        display: inline;
    }
    .slider-size-img {
        width: 100%;
        height: 150px;
    }
    .hotel-details-name {
        color: white;
    }
    .slider-bg-fix-left {
        width: 100%;
    }
    .choose-left-section {
        width: 100%;
    }
    .choose-right-section {
        display: none;
    }
    .slider-bg-fix-right {
        width: 100%;
        padding-top: 15PX;
        padding-left: 10PX;
    }
    .Free-can-Btn-new {
        background: none;
        color: #32a33d;
        border-radius: 15px;
        position: relative;
        padding: 3px 10px;
        width: 100%;
        text-align: left;
        font-size: 12px !important;
    }
    .Free-can-Btn-new img {
        display: none;
    }
    .display-none-new {
        display: none;
    }
    .card-none {
        display: block;
    }
    /* -----------------------/new------------- */
    .hotel-listing-res-bg .col-sm-6 {
        max-width: 100px;
    }
    .hotel-listing-res-bg .col-sm-2 {
        max-width: 100% !important;
    }
    .meddel-area-hotel-list {
        border-right: none;
    }
    .hotel-card-bg .hotel-card-left {
        width: 100%;
    }
    .hotel-card-bg .hotel-card-center {
        width: 100%;
        border: none;
    }
    .hotel-card-bg .hotel-card-right {
        width: 100%;
    }
    .landmark-scroll {
        overflow-y: scroll;
    }
    .responsive-form-size {
        padding: 0% 10% 0% 10%;
    }
    .hotel-search-form-padding {
        padding: 0% 5% 0% 5%;
    }
    .stars-show {
        width: 100%;
        display: block;
    }
    .top-margiin {
        padding-top: 10px;
        margin-top: 10px;
    }
    .hotel-details-page {
        padding-top: 20px;
    }
    .prevsilder-a {
        margin-right: 265px !important;
    }
}

.Business-box {
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 10px;
    background-color: #ed5903;
    margin: 0 !important;
}


/* Add new */

.bottom-mr {
    padding-bottom: 20px;
}

.all-padding {
    padding: 16px;
}

.updatedDetails .airlineLogo {
    margin-bottom: 0px !important;
}

.address {
    color: #7b8f99;
    font-size: 16px;
    ;
}

.firedetails-wapr {
    padding: 16px 35px;
}

.faredetails {
    font-size: 18px;
    margin-bottom: 26px;
}

.thank-u-text h5 {
    font-weight: 700;
    font-size: 30px;
}

.thank-u-text p {
    color: #477a00;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 25px;
}

.departure-cl {
    background-color: #edf1f7;
    padding: 25px;
}

.Fare-Details-bg {
    background-color: #edf1f7;
}

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

.hotel-icon {
    height: 15px;
    width: 15px;
}

.hotel-icon-family {
    height: 20px;
    width: 20px;
}

.option-1-text-hotal {
    font-size: 14px;
    font-weight: 450;
    /* padding-left: 0px !important; */
}

.selected-hotel-border {
    border: 3px solid #32a33d;
}

@media (min-width:1200px) {
    .prevsilder {
        margin-right: 94%;
    }
}

@media (min-width:768px) and (max-width:1080px) {
    .prevsilder {
        margin-right: 94%;
    }
}

.checkbox-hd-ltr {
    top: 8px;
    left: 0px;
    margin: 0 10px 0 0;
    width: 14px;
    position: absolute;
    margin-top: -1px;
    height: 20px;
}

.checkbox-hd-rtl {
    top: 7px;
    /* left: -18px; */
    right: -13px;
    margin: 0 10px 0 0;
    width: 14px;
    position: absolute;
    margin-top: -1px;
    height: 20px;
}

.room-input {
    border-radius: 3px!important;
}

.h-room-input {
    height: 38px!important;
    border: none!important;
}

.m-align intl-input-phone .input-main-div.WithBasic {
    margin-top: -7px;
}

.hotel-images-rtl {
    display: flex;
    flex-direction: row-reverse;
}

.h-book {
    margin-top: -7px;
}

.h-book-rtl {
    display: flex;
    flex-direction: row-reverse;
    margin-top: -5px;
}

.h-book-rtl ngx-intl-tel-input {
    display: flex;
    justify-content: flex-end;
}

.srch_align app-searchhotel .col-md-4 {
    display: flex;
}

.srch_align app-searchhotel form .row .btn-srch {
    margin-top: -78px;
}

.top-padding-loader {
    margin-bottom: 250px;
}

.dropdown_btn app-searchhotel form .row .col-md-4 .input-group.mb-3.selectClass.manualSelect.rounded .dropdown.show .dropdown-menu.passengersDropdown.shadow.popup-ltr.show .rightAlign.mt-3.d-flex.justify-content-around {
    height: 70px;
}

.dropdown_btn app-searchhotel form .row .col-md-4 .input-group.mb-3.selectClass.manualSelect.rounded .dropdown.show .dropdown-menu.passengersDropdown.shadow.popup-ltr.show .rightAlign.mt-3.d-flex.justify-content-around .btnEffect.rounded {
    width: 44%;
}

.dropdown_btn app-searchhotel form .row .col-md-4 .input-group.mb-3.selectClass.manualSelect.rounded .dropdown.show .dropdown-menu.passengersDropdown.shadow.popup-ltr.show .rightAlign.mt-3.d-flex.justify-content-around .btnEffect.rounded a {
    display: flex;
    justify-content: center;
    border-radius: 5px;
}