body {
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
    color: #222222;
    background-color: #ffffff;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.bg_themeRed {
    background: #ff234f;
}
.btn_r_default {
    background-color: #ff234f;
    color: #fff;
}

.months-view > .active {
    background-color : red;
    color : white;
}

.loadingAnimation {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

.fs_default {
    font-size: 14px;
}

.font_23 {
    font-size: 23px !important;
}

.font_18 {
    font-size: 18px !important;
}

.font_16 {
    font-size: 16px !important;
}

.font_13 {
    font-size: 13px !important;
}

.font_12 {
    font-size: 12px !important;
}

.font_11 {
    font-size: 11px !important;
}

.exp_primary {
    color: #222222;
}

.exp_muted {
    color: #767676 !important;
}

.exp_cusborder {
    border: 1px solid #e4e4e4;
}

.br_6{
    border-radius : 6px;
}

.fw_600{
    font-weight: 600;
}

.fw_500 {
    font-weight: 500;
}

.fw_400 {
    font-weight: 400;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40% !important;
}

.w-90 {
    width: 90% !important;
}

.lyn_heightp8 {
    line-height: 1.8 !important;
}

.roundImages {
    border-radius: 50%;
}

.border-50 {
    border-radius: 50px !important;
}

.border-10 {
    border-radius: 10px !important;
}

.rounded_Etop {
    border-radius: 10px 10px 0px 0px;
}

.border_TopLeft {
    border-radius: 10px 0px 0px;
}

.border_TopRight {
    border-radius: 0px 10px 0px 0px;
}

.red_border {
    border: 1px solid #ff234f !important;
}

.grey_border {
    border: 1px solid #b9b9b9 !important;
}

.yellow_color {
    color: #ffb23d;
}

.red_text {
    color: #ff234f;
}

.bg_voilet {
    background-color: #7863ff;
}

.bg_yellow {
    background-color: #f3b742;
}

.bg_litegreen {
    background-color: #0ec5a9;
}

.bg_liteblue {
    background-color: #579dfb;
}

.bg_litepink {
    background-color: #fff3f3;
}

.bg_liteblue {
    background-color: #4898f6;
}

.bg_liteGray {
    background: #f3f5f8;
}


.bluebg_plan {
    background-image: url("https://images.rehlat.com/Content/images/Explore/bluebg_plan.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.greenbg_plan {
    background-image: url("https://images.rehlat.com/Content/images/Explore/greenbg_plan.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.yellowbg_plan {
    background-image: url("https://images.rehlat.com/Content/images/Explore/yellowbg_plan.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_grey {
    background-color: #f7f7f7;
}

.lytblue_text {
    color: #4898f6;
}

.cus_imgTD {
    margin: 0px 10px 0px 0px;
}

.excenter-image {
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -15px;
    margin-left: -30px;
}

.m_minus1rem {
    margin: -1rem;
}

.dashed_li {
    border-bottom: 2px dashed #efefef;
}

.card_exp {
    border: none;
    box-shadow: 0px 1px 10px 0 rgb(20 0 0 / 8%);
}

.card_expReach {
    position: relative;
    width: 40%;
    box-shadow: 0 -2px 0.3px 2px rgb(0 0 0 / 2%);
    max-height: 40px;
    padding: 5px 10px;
}

.card-img-top {
    height: 13vw;
    object-fit: cover;
}

.transBorderBtn {
    border-radius: 3px;
    border: solid 1px #bbbad1;
    background: #fff;
    color: #222;
}

.blackBorderBtn {
    border-radius: 3px;
    border: solid 1px #222;
    background: #fff;
    color: #222;
}

.greenBorderbtn {
    border-radius: 3px;
    border: solid 1px #1ec386;
    background: #e8f9f2;
    color: #1ec386;
}

.expRedBtn {
    background-color: #ff234f;
    color: #fff;
}

.whiteborderbtn {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.pink_btnactive {
    border: 1px solid #ffbbbb;
    background: #fff3f3;
    color: #ff234f;
}

.expRedBtn:hover {
    color: #fff;
}

.bckBtn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
}

.blackbtn {
    display: inline-block;
    background-color: #000000;
    padding: 0px 10px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 46%;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 1000;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    height: 31px;
    cursor: pointer;
}

#backtoTopbtn {
    opacity: 0;
    visibility: hidden;
}

    #backtoTopbtn.show {
        opacity: 1;
        visibility: visible;
    }

    #backtoTopbtn::before {
        content: url("https://images.rehlat.com/Content/images/Explore/back_to_top.svg");
        margin-right: 3px;
        line-height: 31px;
        vertical-align: middle;
    }

.image_item--bottom {
    padding-top: 20px;
    padding-right: 20%;
}

.image_item--top {
    position: absolute;
    right: 0;
    top: 20%;
    z-index: 1;
    width: 50%;
}

.book_trip {
    padding: 10px 30px;
    white-space: nowrap;
    margin: 30px 20px;
    width: 50%;
}

.book_tripchange {
    position: absolute;
    margin: 14px 0px 0px 220px;
    text-decoration: none;
    cursor: pointer;
}

.expcus_Btn {
    padding: 10px 30px;
}

.obj_cover {
    object-fit: cover;
}

.cursor-pointer {
    cursor: pointer;
}

/* Scrollbar Styling */
.scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
}
/* User Review Progress bar */
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        .rating-stars ul > li.star > i.fa {
            font-size: 2em;
            color: #ccc;
        }

        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC36;
        }

        .rating-stars ul > li.star.selected > i.fa {
            color: #FF912C;
        }

.ureview {
    border: 1px solid transparent;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 10px;
}

    .ureview:hover {
        border: 1px solid #ddd;
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.7);
    }

.Rprogress {
    background-color: #fff;
    position: relative;
    margin: 0 10px;
    height: 20px;
    width: 200px;
}

.Rprogress-done {
    background: #ffb23d;
    height: 20px;
    width: 0;
    transition: width 1s ease 0.3s;
}
/* image Upload */
.dropzone {
    display: table;
    width: 100px;
    height: 100px;
    border: 1px dashed #e4e4e4;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}

    .dropzone .content {
        display: table-cell;
        vertical-align: middle;
    }

    .dropzone .filename {
        display: block;
        color: #676767;
        font-size: 14px;
        line-height: 18px;
    }

    .dropzone .input {
        position: absolute;
        top: 56%;
        left: 0;
        right: 0;
        bottom: 15%;
        opacity: 0;
        width: 142px;
    }
/* sight Banner Image */
.sight_Oimg > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

    .sight_Oimg > a > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-shadow: 0 2px 16px var(--shadow);
    }

.sight_Oimg {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-auto-rows: 124px;
    grid-auto-flow: column;
}

    .sight_Oimg .horizontal {
        grid-column: span 3;
        grid-row: span 2;
    }

    .sight_Oimg .vertical {
        grid-row: span 1;
    }

    .sight_Oimg .big {
        grid-column: span 4;
        grid-row: span 3;
    }
/* coursel css */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #5110e9;
}

.owl-carousel .nav-button {
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 70px;
    line-height: 37px;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.25;
    visibility: hidden;
}

.owl-carousel .owl-prev {
    left: -22px;
}

.owl-carousel .owl-next {
    right: -22px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #ff234f;
    font-size: 39px;
    background: #fff;
    border-radius: 50px;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
}

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: #fff;
        color: #ff234f;
    }

#dayplans-slider .nav-button {
    display: none;
}

#dayplans-slider:hover .nav-button {
    display: block;
}

#dayplans-sliderFH .nav-button {
    display: none;
}

#dayplans-sliderFH:hover .nav-button {
    display: block;
}

#monthplans-slider .nav-button {
    display: none;
    top: 95px;
}

#monthplans-slider:hover .nav-button {
    display: block;
}

#stories-slider .owl-stage-outer {
    padding: 3px;
}

#stories-slider .nav-button {
    top: 20px;
}

#reasons-slider .nav-button {
    top: 30px;
    background: none;
    box-shadow: unset;
    right: -35px;
    font-size: 50px;
}

#reasons-slider .owl-prev {
    left: -38px;
}

#reasons-slider .nav-button {
    display: none;
}

#reasons-slider:hover .nav-button {
    display: block;
}

#reasons-slider_mweb .nav-button {
    top: 33px;
    background: #000;
    box-shadow: unset;
    right: -11px;
    font-size: 34px;
    line-height: 26px;
}

#reasons-slider_mweb .owl-prev {
    left: -8px;
}

#reasons-slider_mweb .nav-button {
    display: block;
}

.reasons_slider {
    display: inline-block !important;
    width: 80px !important;
    height: 80px !important;
}

/* css modal popup */
.closePopup {
    position: absolute;
    font-size: 24px;
    color: #fff;
    top: -35px;
    right: 7px;
    opacity: 1;
}

    .closePopup:hover {
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

.modal_eheader {
    background: #f8f8f8;
    border-bottom: none;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.modalbody_wather {
    max-height: 290px;
    overflow: auto;
    padding: 0px;
}

.modalbody_Destdes {
    max-height: 316px;
    overflow: auto;
    padding: 0px;
}

.modalbody_review {
    max-height: 450px;
    overflow: auto;
    padding: 0px;
}
/* things ToDo */
.exp_tit {
    font-size: 25px;
    font-weight: 500;
}

#map_viewbtn::before {
    content: url("https://images.rehlat.com/Content/images/Explore/mapview.svg");
    margin-right: 3px;
    line-height: 37px;
    vertical-align: sub;
}

#listmap_viewbtn::before {
    content: url("https://images.rehlat.com/Content/images/Explore/listview.svg");
    margin-right: 3px;
    line-height: 37px;
    vertical-align: sub;
}

.map_cards {
    height: 600px;
    overflow: auto;
}

#map_toggleRight, #map_toggleLeft {
    background: #fff;
    padding: 13px;
    width: max-content;
    left: 35px;
    border-radius: 5px;
}

.maptodo_btns_mView {
    position: relative;
    z-index: 99;
}

.mapUl {
    bottom: 0;
    transform: translate(0%, -15%);
    position: absolute;
    display: flex;
    overflow-x: scroll;
    width: calc(100% - 30px);
}
/* End of things ToDo */

/* Flight and hotel */
#F_Htabs .nav-tabs .nav-item.show .nav-link,
#F_Htabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ff234f;
}

    #F_Htabs .nav-tabs .nav-link.active img {
        filter: brightness(0) invert(1);
    }

#F_Htabs .nav-tabs .nav-link {
    border: 1px solid #bbbad1;
    color: #000;
    flex: 0 0 auto;
    padding: 10px 34px !important
}
/* Timeline css */

.e-timeline {
    position: relative;
}

    .e-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 3px;
        height: 100%;
        width: 0;
        border: 1px solid #ff234f;
        border-radius: .25rem
    }

.e-timeline-element {
    position: relative;
    margin: 0 0 25px;
}

.e-timeline-elementlast {
    position: relative;
    margin: 0 0 0rem;
}

.e-timeline-icon {
    position: absolute;
    top: 3px;
    left: 0px;
}

.e-timeline-content {
    position: relative;
    margin-left: 24px;
}

    .e-timeline-content .timeline-title {
        font-size: 14px;
        font-weight: 500;
        color: #222;
    }

.timeline_cicon {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff234f;
    box-shadow: 0 0 0 5px #f7f7f7;
}

.timeline_iicon {
    display: block;
    height: 14px;
    position: absolute;
    right: -11px;
    box-shadow: 0 0 0 7px #f7f7f7;
}
/* End of Timeline css */

/* Explore Destination details */

.carousel-inner img {
    width: 100%;
    object-fit: cover;
}

/*.banner_caption {
    top: unset;
    width: 100%;
    padding-left: 4%;
    bottom: 20px;
}*/

.Edest_caption {
    color: #fff;
}

    .Edest_caption h3 {
        font-size: 60px;
    }

.Edest_indicators li {
    width: 100px;
    margin-bottom: -10px;
}

/*.Edest_cimg {
    height: 400px !important;
    border-radius: 10px 10px 0px 0px;
}*/

.Destination_top {
    top: 5%;
    width: 100%;
    right: 15px;
}

#Exdettabs {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    display: flex;
    width: 100%;
    justify-content: center;
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 10;
    overflow-x: auto;
    overflow-y: hidden;
}

    #Exdettabs .nav-tabs .nav-item.show .nav-link,
    #Exdettabs .nav-tabs .nav-link.active {
        border-bottom: 3px solid #ff234f !important;
        font-weight: bold !important;
        opacity: 1;
    }

    #Exdettabs .nav-tabs .nav-link {
        font-size: 14px;
        color: #222222;
        border: none;
        opacity: 0.6;
        padding: 10px 25px;
    }

.Exp_dashed {
    position: relative;
    top: -8px;
    left: 14px;
}

.exp_cuspinkborder {
    border: 1px solid #ffbbbb;
    background: #fff3f3;
}

.Exp_helpui {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0;
}

    .Exp_helpui li {
        list-style: none;
        position: relative;
        padding: 0 0 6px 20px;
        font-family: system-ui;
        font-style: italic;
    }

        .Exp_helpui li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            width: 8px;
            height: 8px;
            background-color: #fff;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

.OV_sideweb {
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 16%);
    padding: 30px;
    border-radius: 10px;
    height: max-content;
}
/* end Explore Destination */

/* Destination day plan details */
.dpdetcontainer {
    display: flex;
    flex-wrap: wrap;
}

.dpdetailsitem {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.dpdetailsitem__date {
    order: 2;
    text-align: center;
    color: #000;
    width: 71px;
    font-size: 23px;
    background: linear-gradient(to right, white 46%, #efefef 46%, #e0e0e0 48%, gray 9%, white 2%);
}

    .dpdetailsitem__date span {
        padding: 10px;
        background: #fff;
    }

.dpdetailsitem__desc {
    order: 3;
    width: 100%;
    padding-left: 10px;
}
/* End of Destination day plan details */

/* Theam Icon Css */

ul.etheme_icons {
    list-style-type: none;
}

    ul.etheme_icons li {
        display: inline-block;
    }

    ul.etheme_icons input[type="checkbox"][id^="checktimg"] {
        display: none;
    }

    ul.etheme_icons label {
        padding: 10px;
        position: relative;
        cursor: pointer;
    }

        ul.etheme_icons label:before {
            font-size: 15px;
            background-color: #e62e4b;
            color: #fff;
            content: " ";
            border-radius: 50%;
            border: 1px solid #e62e4b;
            position: absolute;
            top: 3px;
            right: 4px;
            width: 25px;
            height: 25px;
            line-height: 23px;
            text-align: center;
            transition-duration: 0.4s;
            transform: scale(0);
            box-shadow: 0px 0px 0px 4px #fff;
        }

    ul.etheme_icons:checked + label:before {
        content: "✓";
        transform: scale(1);
        z-index: 2;
    }

    ul.etheme_icons label img {
        width: 100%;
        transition-duration: 0.2s;
        transform-origin: 50% 50%;
    }

.overlay_span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
/* End of Theam Icon Css */
/* Explore index page */
.imgCenterTxt {
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.expHomeSearchCont {
    top: -162px;
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.13);
    border-radius: 8px;
    padding: 0px 15px;
    z-index: 9;
    width: 100%;
}

    .expHomeSearchCont .srchbar_img {
        padding: 16px 13px;
    }

.exp_storydiv {
    text-align: center;
    display: inline-block;
}

.exp_storyimg {
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px #ff234f;
    width: 60px;
    height: 60px;
}

.exp_storyviewed {
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px #222222;
    width: 60px;
    height: 60px;
    opacity: 40%;
}

.stry_plusicon {
    margin: -20px 42px;
    width: 20px;
}

.expHomeSearchContweb {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
}

    .expHomeSearchContweb img {
        padding: 20px;
    }

.cardtxt_btm {
    position: absolute;
    top: 140px;
    color: #fff;
    width: calc(100% - 20px);
}

.recSrch_icon {
    width: 30px;
}

/* end of Explore index page */

/*@media screen and (min-width: 1900px) {
    .card-img-top {
        height: 9vw;
        object-fit: cover;
    }
}*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .book_trip {
        padding: 2px 8px;
        white-space: unset;
    }

    .book_tripchange {
        margin: 8px 0px 0px 262px;
    }

    .blackbtn {
        right: 43% !important;
    }

    .header_mar {
        margin: 0 1.5rem 0 -1rem;
    }

    .flex_wrapXS {
        flex-wrap: unset !important;
    }

    .cardtxt_btm {
        top: 133px !important;
        ;
    }

    .expHomeSearchCont {
        top: -86px;
    }

    .imgCenterTxt {
        top: 23%;
    }

    .sight_Oimg {
        grid-auto-rows: 100px !important;
        grid-gap: 2px;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
}

@media all and (width: 1024px) and (height: 768px) and (orientation:landscape) {
    .cardtxt_btm {
        top: 108px !important;
    }

    .expHomeSearchCont {
        top: -108px;
    }

    .imgCenterTxt {
        top: 25%;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .cardtxt_btm {
        top: 108px !important;
    }

    .expHomeSearchCont {
        top: -99px;
    }

    .imgCenterTxt {
        top: 30%;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .cardtxt_btm {
        top: 115px !important;
    }

    .expHomeSearchCont {
        top: -130px;
    }

    .imgCenterTxt {
        top: 35%;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    .header_mar {
        margin: 0 4.5rem 0 -1rem;
    }
}

@media screen and (max-width: 540px) {
    .cardtxt_btm {
        top: 72%;
    }

    .sight_Oimg {
        grid-auto-rows: 55px !important;
        grid-gap: 2px;
        grid-template-columns: repeat(auto-fit, minmax(137px, 1fr)) !important;
    }
}

@media screen and (max-width: 768px) {
    /* css modal popup */
    .modal_ecustom {
        width: 100%;
        position: fixed;
        bottom: 0;
        margin: 0;
        max-width: 100%;
        min-height: calc(100% - 20rem);
    }

    .animate-bottom {
        position: relative;
        animation: animatebottom 0.4s;
        border: none;
        border-radius: 0 !important;
    }

    @keyframes animatebottom {
        from {
            bottom: -300px;
            opacity: 0;
        }

        to {
            bottom: 0;
            opacity: 1;
        }
    }

    .animate-top {
        position: relative;
        animation: animatetop 0.4s;
        border: none;
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0;
        }

        to {
            top: 0;
            opacity: 1;
        }
    }

    /* owl coursel */
    .owl-carousel .nav-button {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .owl-carousel .owl-next {
        right: -15px;
    }

    .owl-carousel .owl-prev {
        left: -15px;
    }

    #Exdettabs {
        position: sticky;
        top: 55px;
        background: #fff;
        z-index: 10;
        justify-content: left;
    }

    .Edest_caption h3 {
        font-size: 1.75rem;
    }

    .OV_sideweb {
        box-shadow: unset;
        padding: 0px 0px;
        border-radius: unset;
    }

    .exp_tit {
        font-size: 19px;
        font-weight: 700;
    }

    .card-img-top {
        height: 28vw;
        object-fit: cover;
    }

    .cus_imgTD {
        width: 50%;
        align-items: center;
        margin: 10px 0px;
    }

    .flex_wrapXS {
        flex-wrap: wrap;
    }

    .flex_dircolXS {
        flex-direction: column;
        align-items: start !important;
    }

    .blackbtn {
        right: 35%;
    }

    .expcus_Btn {
        padding: 5px 15px;
    }

    /*.Edest_cimg {
        height: 280px !important;
        border-radius: 0px;
    }*/

    .fixedFPheader {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }

    .negtvMargin {
        margin: 0 -15px;
    }
    /* sight details css */
    .sight_Oimg {
        grid-auto-rows: 47px;
        grid-gap: 2px;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

        .sight_Oimg > a > img {
            border-radius: unset;
        }

        .sight_Oimg .horizontal {
            grid-column: span 2;
        }

    #filtersList {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        padding: 2px;
    }

        #filtersList .btn {
            margin-right: 5px;
        }

    .expHomeSearchCont {
        width: 92%;
    }

    .recSrch_icon {
        width: 25px;
    }
}







.range_selector .price-slider:before {
    content: attr(data-currency);
}

.range_selector #slider-range {
    width: 100%;
    margin-top: 30px;
    border: none;
    background: #ffeef1;
    height: 4px;
    margin-left: 5px;
}

.range_selector .ui-slider-range {
    background-color: #ff234f
}

.range_selector .ui-slider-handle {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ff234f;
    top: -11px;
    width: 23px;
    height: 23px;
    outline: none
}

.range_selector .slider-price:before {
    content: attr(data-currency);
}


/*New Explore CSS*/

.br_8 {
    border-radius: 8px !important;
}

.br_10 {
    border-radius: 10px !important;
}

.fs_60{
    font-size : 60px;
}

.Edest_cimg {
    height: 100vh !important;
    object-fit: cover;
    border-radius: 0px;
}

.Edestp_cimg {
    height: 550px !important;
    width: inherit;
    object-fit: cover;
}

.center_topalign {
    left: 50%;
    top: 30%;
    transform: translate(-50%, -30%);
}

.color_white {
    color: #fff;
}

.mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
}

.bg_black {
    background: #000;
}

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

.stroke_white {
    stroke: #fff;
}

.stroke_Wid1px {
    stroke-width: 1px;
}

li.dest_li:hover,
li.ttd_li:hover {
    background-color: lightgray;
}

.bg_tint:after {
    opacity: 0.8;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 100%, #000);
    width: 100%;
    border-radius: 10px;
}

.popcarousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.popcarousel .owl-prev, .popcarousel .owl-next {
    position: relative !important;
    background-color: transparent !important;
    padding: 20px !important;
    background-image: url(https://images.rehlat.com/Content/images/Explore/Chevron-arrow.svg) !important;
    background-repeat: no-repeat !important;
    border: 1px solid #fff;
    filter: brightness(0) invert(1);
    background-size: 30px 10px !important;
    background-position: center !important;
}

.popcarousel .owl-prev {
    transform: rotate(180deg) !important;
    left: -10px !important;
}

.popcarousel .owl-next {
    transform: rotate(0deg) !important;
}
.b-0{
    bottom: 0
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.btm_lefttxt {
    bottom: 16px;
    left: 33px;
    z-index: 9;
}

.collapseWithArrow [data-toggle="collapse"]::after
{
    content: "";
    background: url("https://images.rehlat.com/Content/images/NewHomeImages/down-arrow.svg");
    width: 11px;
    height: 6px;
    background-size: 100%;
    margin-left: 10px;
}

.collapseWithArrow [aria-expanded="true"][data-toggle="collapse"]::after {
    transform: rotate(180deg);
}

.color_default {
    color: #222222;
}

.r_footerNavTabs .active {
    color: #ff234f;
    font-weight: 600;
    border-bottom: 4px solid #ff234f !important;
}


#dropdown_list {
    max-height: 350px;
    overflow: auto;
}

.dropdown_list {
    max-height: 350px;
    overflow: auto;
}


.dest_carousel .carousel-control-next .carousel-control-next-icon,
.dest_carousel .carousel-control-prev .carousel-control-prev-icon {
    background-color: #fff;
    padding: 20px;
    border-radius: 50px;
}

.dest_carousel .carousel-control-next,
.dest_carousel .carousel-control-prev {
    position: absolute;
    top: 70%;
    bottom: 0px;
    opacity: unset;
    width: auto;
}

    .dest_carousel .carousel-control-next .carousel-control-next-icon {
        background-image: url(https://images.rehlat.com/Content/images/Explore/Chevron-arrow.svg);
        background-repeat: no-repeat;
        background-size: 30px 10px;
    }

    .dest_carousel .carousel-control-prev .carousel-control-prev-icon {
        background-image: url(https://images.rehlat.com/Content/images/Explore/Chevron-arrow.svg);
        background-repeat: no-repeat;
        background-size: 30px 10px;
        transform: rotate(180deg);
    }

.dest_carousel .carousel-control-next {
    right: 18%;
}

.dest_carousel .carousel-control-prev {
    right: 22%;
    left: unset;
}

.dest_carousel .carousel-indicators {
    display: none;
}

.banner_caption {
    top: unset;
    padding-left: 4%;
    bottom: 20px;
    transform: translate(0%, -50%);
}

.Edest_caption h1 {
    font-size: 60px;
}

#Exdettabs {
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);*/
    display: flex;
    width: 100%;
    justify-content: center;
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 101;
    overflow-x: auto;
    overflow-y: hidden;
}

    #Exdettabs .nav-tabs .nav-item.show .nav-link,
    #Exdettabs .nav-tabs .nav-link.active {
        border-bottom: 3px solid #ff234f !important;
        font-weight: bold !important;
        opacity: 1;
    }

    #Exdettabs .nav-tabs .nav-link {
        font-size: 14px;
        color: #222222;
        border: none;
        opacity: 0.6;
        padding: 10px 25px;
    }

.exp_titn {
    font-size: 32px;
}

.min_h250 {
    min-height: 250px;
}

.bg_tint_card:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 16px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08) 60%, #000);
    opacity: 0.6;
    width: 90%;
    border-radius: 10px;
}

.bg_tint_cardttd:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 100%, #000);
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.bg_tint_cardttd:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 100%, #000);
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.fs_14{
    font-size : 14px;
}

.fs_12 {
    font-size: 12px;
}


.r_cus_dropdown {
    position: absolute;
    min-width: 275px;
    top: 50px;
    left: 0;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 99;
}

/*.r_checkbox {
    position: relative;
}
    .r_checkbox > input [type=checkbox] {
        display: none;
    }
        .r_checkbox > input [type=checkbox] + label::before {
            content: "";
            visibility: visible;
            position: absolute;
            display: inline-block;
            width: 17px;
            height: 17px;
            right: 0;
            border-radius: 4px;
            border: 1px solid #a1a9c3;
        }

.r_checkbox > input[type=checkbox]:checked + label::before {
    content: '\2713';
    color: #fff;
    font-weight: bold;
    visibility: visible;
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background-color: #ff234f;
    text-align: center;
    border: none;
    line-height: 20px;
}

    .r_checkbox > .checkboxAtEnd input[type=checkbox] + label::before {
        right: 10px;
    }*/


a.destination-hyperlink:hover {
    color: black;
    text-decoration: none;
}

.destination-hyperlink {
    text-decoration: none;
    color: black;
}

.button-active {
    background-color: #ff234f;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px !important;
}

.filter-sticky {
    position: sticky;
    top: 10%;
    overflow: auto;
    height: 60vh;
}

.filter-sticky-new {
    position: sticky;
    top: 0%;
    height: 80vh;
}

.fs_16{
    font-size: 16px;
}

.fs_18 {
    font-size: 18px;
}

.fs_20{
    font-size: 20px;
}

.fs_10 {
    font-size: 10px;
}

.bg_tint_cardttd:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 100%, #000);
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.flexItems4 {
    flex: 0 0 24%;
}

.active-page {
    background-color: #ff234f;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px !important;
}

.header_sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}

.explore_header {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    /* left: 16px; */
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08) 30%, #000) !important;
    /* opacity: 0.5;*/
    height: 100px;
    z-index: 999;
}

.explore_header .r_header .r_navItem .nav-link{
    color: #fff !important;
}

.explore_header .r_header .r_navItem .nav-link svg{
    stroke: #fff !important;
    fill: #fff;
}

.explore_header .r_header .r_navItem:first-child {
    border-color: #fff !important;
}

.explore_header .r_header .navbar-brand svg {
    filter: brightness(0) invert(1);
}

.bg_white{
    background: white;
}


.border_2px_default {
    border: 2px solid#222222 !important;
}

.fill_themeRed {
    fill: #ff234f;
}

dropItemRedNTick.active {
    color: #ff234f;
    background: transparent;
}

.d-lg-nonenew {
    display: none;
}
d-lg-blocknew{
    display:block;
}

.loader { 
  width:100%; 
  margin:0 auto;
  border-radius:10px;
  border:none;
  position:relative;
  padding:2px;
}
.loader:before {
  content:'';
  border:none; 
  border-radius:10px;
  position:absolute;
  top:-4px; 
  right:-4px; 
  bottom:-4px; 
  left:-4px;
}
.loader .loaderBar { 
  position:absolute;
  border-radius:10px;
  top:0;
  right:100%;
  bottom:0;
  left:0;
  background:#222; 
  width:0;
  animation:borealisBar 2s linear infinite;
}

.collapseWithArrow [data-toggle="collapse"]::after 

{
    content: "";
    background: url("https://images.rehlat.com/Content/images/NewHomeImages/down-arrow.svg");
    width: 11px;
    height: 6px;
    background-size: 100%;
    margin-left: 10px;
}

.collapseWithArrow [aria-expanded="true"][data-toggle="collapse"]::after {
    transform: rotate(180deg);
}

.Edest_cdimg {
    height: 650px !important;
}

@keyframes borealisBar {
  0% {
    left:0%;
    right:100%;
    width:0%;
  }
  10% {
    left:0%;
    right:75%;
    width:25%;
  }
  90% {
    right:0%;
    left:75%;
    width:25%;
  }
  100% {
    left:100%;
    right:0%;
    width:0%;
  }
}

.lineClamp1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lineClamp2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lineClamp4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.lineClamp6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.blurb-overlay > p > span {
    color: #fff !important;
}

.blurb-overlay > p {
    color: #fff !important;
    margin: 0;
}

span#FullDesc > br {
    display: none;
}

span#FullDesc > p {
    margin-bottom: 0.5rem;
}

.lyn_heightp8 > p {
    margin-bottom: 0.5rem;
}

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

.r_destinationSwapIcon{
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 23px;
    text-align: center;
}

.input-text {
    height: 48px;
    background: #f3f5f8;
    border: none;
    padding: 8px;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
}

    .input-text:focus-visible {
        outline: none;
    }

@media screen and (max-width: 768px) {

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

    .w-sm-100{
        width:100%;
    }

    .Edest_cdimg {
        height: 480px;
    }

    .d-blocknew {
        display:block !important; 
    }

    .d-nonenew {
        display:none !important;
    }
    .mweb-overflow {
        overflow-y: auto;
    }

        .mwebPositionedBottom .modal-content {
            border-radius: 0;
            border: 0;
        }

        .mwebPositionedBottom .modalCentered {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            display: flex;
            align-items: end;
            margin: 0;
        }

        .banner_caption {
            bottom: unset;
        }

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

        .fs_xs_24 {
            font-size: 24px;
        }

        .w_xs_100 {
            width: 100% !important;
        }

        .Edest_cimg {
            height: 100vh !important;
            border-radius: 0px;
        }

        .Edestp_cimg {
            height: 450px !important;
            border-radius: 0px;
        }

        .banner_caption {
            transform: translate(0%, -195%);
        }

        .Edest_caption h1 {
            font-size: 30px;
        }

        #Exdettabs {
            position: sticky;
            top: 0px;
            background: #fff;
            z-index: 101;
            justify-content: left;
        }

        .exp_titn {
            font-size: 18px;
        }

        .bg_tint_card::after {
            left: 0px;
            width: 100%;
        }

        .dest_carousel .carousel-control-next {
            right: 8%;
        }
    }