@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../DroidArabicKufi-Bold.woff2') format('woff2'),
         url('../DroidArabicKufi-Bold.woff') format('woff');
         font-weight: bold;
         font-style: normal;
         font-display: swap;

}


.error {
    color: red;
}
ul.list-style-11.subscript-ul {
    padding: 15px 50px;
    display: inline-block;
    text-align: right;
    width:auto;
    direction: rtl;
}
.plan-2{
        background: linear-gradient(228.46deg, #e469a0 0%, #872ea5 100%) !important;
}
.plan-3{
        background: linear-gradient(140deg, #BD4164 0%, #DE7675 50%, #F59A80 100%) !important;
}
.plan-items h4{
    color:#212529;
    margin:10px 0px;
}
.plan-dark-pink{
    color:#bd4164;
    font-weight: 600;
    font-size: 26px;
}
.plan-pink{
    color: #813594;
    font-weight: 600;
    font-size: 26px;
}
.plan-blue{
    color:#109DBC;
    font-weight: 600;
    font-size: 26px;
}
.plan-items {
    box-shadow: 2px 1px 12px rgb(218 217 217 / 76%);
    -webkit-box-shadow: 2px 1px 12px rgb(218 217 217 / 76%);
    padding: 15px;
    margin:10px 0px;
}
.plan-items  .pricing-action{
    margin:15px 0px;
}
.icon-input {
    position: absolute;
    padding: 7px 10px;
    background: #f5f2f2;
    content: "";
    border: 1px solid #DFDFDF;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.subscription-th th{
        color: #676767 !important;
}
.btn-design:hover{
    color:#FFFFFF !important;
}
.register_margin .mx-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.btn-design{
    height: 40px;
    border-radius: 0 0 0 11px;
    background-color: #39BEB2;
    border: 0px;
    line-height: 18px;
    font-size: 17px;
    min-width: 100px;
    margin-top: 30px;
    color: #ffffff;
}
.add_btn a {
    width: 60px;
    display: inline-block;
    text-align: center;
}
.add_btn a:hover{
    border: 1px solid #ced4da;
    color: #495057;
}
.add_btn input {
    margin: 0 10px !important;
    display: inline-block;
    width: 60px !important;
    height: 38px !important;
    text-align: center !important;
}
.banktransfer .toggle-left span{
    font-size: 16px !important;
    color: #676767 !important;
}
.banktransfer .slider{
    background-color: #403e82;
}
.banktransfer .toggle-holder{
    margin-right: 15px;
    margin-left: 15px;
}
.add_btn input[type="number"]::-webkit-outer-spin-button,
.add_btn input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add_btn input[type="number"]{
    -moz-appearance: textfield;
}
.pull_description .specification-text{
    width: calc(100% - 45px);
    margin: 0;
    margin-right: 10px;
}
.pull_description {
    align-items: flex-start !important;
}
#map_listing  {
    width: 100%;
    height: 535px;
    position: absolute;
    z-index: 0;
}
#table_record{
    position: relative;
    z-index: 1;
}
.checked {
    color: orange;
 }
.uncheck {
    color: #d4d4d4;
    border: orange;
}
.comment-map-holder {
    width: 100%;
}
 .popimg{
    max-width: 100%;
    max-height: 169px;
    overflow: hidden;
    position: relative;
    width: 169px;
    height: 169px;
    border:2px solid #ededed;
 }
.listing-wrapper .form-control {
    height: auto;
}
 .popimg a{
    display: block;
    position: relative;
    width: 169px;
    height: 169px;
    background: #f9f9f9;
 }
 .popimg img{
    max-width: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
 }
 .title_title a{
    color: #813594;

    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
 }
 .title_title{
    margin-bottom: 10px;
 }
 .popup_btn{
    height: 30px;
    width: 80px;
    border-radius: 0 0 0 11px;
    background: linear-gradient(228.46deg, #109DBC 0%, #049BD0 100%);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    color: #fff;
 }
 .sqr{
    color: #2a9dbc;
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 0;
    display: flex;
    padding-top: 7px;
 }
 .sqr strong{
    font-weight: 700;
 }
 .popup_btn:hover{
    color: #fff;
 }
.tprice{
    font-size: 16px !important;
}
.am{
    font-size: 20px !important;
}
#check_availability{
    width: 178px;
    color: #ffffff;
    height: 40px;
    border-radius: 0 0 0 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background:linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);

    font-size: 16px;
}
 .main_loc {
    position: relative;
    width: 340px;
    height: 175px;
 }

 .button_price {
    position: absolute;
    left: 0;
    right: 9px;
    bottom: 7px;
 }
 .resultImg{
    height: 208px;
    width: 284px;
    position: relative;
    text-align: center;
    overflow: hidden;
 }
 .resultImg a{
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 1;
    top: 0;
 }
 .viewtag{
    height: auto !important;
 }
 .resultImg a img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
 }
 .album-dropimg {
    height: 105px;
    max-height: 105px;
    overflow: hidden;
    position: relative;
}

.album-dropimg a {
    position: relative;
    height: 105px;
    max-height: 105px;
    overflow: hidden;
    text-align: center;
    display: block;
}
.album-dropimg a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    height: 70vh;
    max-height: 70vh;
    position: relative;
}
.lSSlideWrapper .lightSlider {
    position: relative;
    height: 70vh !important;
    max-height: 70vh !important;
    text-align: center;
}
.lSSlideWrapper .lightSlider li {
    position: relative;
    height: 70vh;
    max-height: 70vh;
    text-align: center;
}
.lSSlideWrapper .lightSlider li img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.lSGallery li {
    height: 70px;
    max-height: 70px;
    overflow: hidden !important;
}
.lSGallery li a {
    height: 70px;
    max-height: 70px;
    position: relative;
    display: block;
}
.lSGallery li a img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100% !important;
    object-fit: contain;
}
.append_img{
    width: 150px;
    display: inline-block;
    text-align: center;
}
.append_img .img_primary{
    width: 17px !important;
    height: 17px;
    margin-top: 15px;
}
.radio_image{
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.radio_image .album-dropimg{
    width: 150px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.radio_image .album-dropimg a{
    dispaly:block;
    height: 100px;
    position: relative;
    width: 150px;
}
.radio_image .album-dropimg a img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.inner_append{
    position: relative;
    height: 100px;
    width: 150px;
    overflow: hidden;
}
.inner_append img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.radio_image .album-selector {
    margin-top: 10px;
}
.radio_image .album-selector .img_primary{
    height: 17px;
    width: 17px !important;
    margin-right: 8px;
}
.radio_image .album-selector a{
    vertical-align: text-top;
    color: #ff0000;
}
.album-selector a .fa-trash{
    color: #ff0000;
}
.main_appends{
    margin-left: 5px;
}
.click_text{
    display: inline-block;
}
.load{
    border-radius: 0 0 0 17px;
    background-color: #39BEB2;
    border: 0px;
    color: #ffffff;
    margin: auto;
    margin-top: 15px;
    padding: 5px 15px;
}
.entry-time, .exit-time {
    width: 100% !important;
}
.addComment .form-group {
    margin-bottom: 14px;
}
.my-account-form.addComment .datePick-holder input{
    padding-right: 10px;
}
.playground {
    justify-content: unset;
}
.playground .feature {
    padding-left: 20px;
    text-align: center;
}
.passwordField{
    color: #888787;
    left: 25px !important;
    top: 9px;
}
.sidenav{
    z-index: 2 !important;
}
.toggle-left span{
    color: #000 !important;
    font-size: 12px !important;
}
.colorfull-social-icons ul li:first-child{
    vertical-align: top;
    margin-right: 0;
}
.colorfull-social-icons ul li{
    margin-left: 0;
    vertical-align: text-top;
}
.colorfull-social-icons ul{
    margin-right: 0 !important;
}
.colorfull-social-icons ul li a img {
    width: 42px !important;
}
.offer-thumb .detail{
    margin-top: 17px;
}
.offer-thumb .thumb-image{
    background:rgba(249, 249, 249, 0.72);
}
.offer-thumb .thumb-image img{
    /*object-fit: contain;*/
}
.social-icons ul li{
    margin: 0px 0px 0px 10px !important;
}
.comments-wrapper .theDetails-title{
    margin-bottom: 0;
}
.prop_label{
        color: #813594;

    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
}
.skyblue-color{
    color: #109dbc;
}
.submit, .home_link {
    border-radius: 0 0 0 11px;
    background-color: #39BEB2 !important;
    color: #FFFFFF;

    font-size: 13px;
    text-align: center;
    display: inline-block;
    border-color: #39BEB2 !important;
    padding: 6px 15px;
}
.submit:hover, .home_link:hover{
    color: #ffffff
}
.createAccount-button .submit{
    background: unset !important;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    /*width: 100%;*/
}
.createAccount-button{
    width: auto !important;
}
.sidebar-list ul li select.submit {
    background-color: unset !important;
    border-color: #ededed !important;
}
.sidebar-list ul li select.submit:hover{
    color: #676767;
}
.inner_slider{
    position: relative;
    height: 360px;
    max-height: 360px;
    overflow: hidden;
    background: rgba(247, 247, 247, 0.74);
    border:1px solid #ededed;
    border-radius: 4px;
}
.inner_slider img{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit:contain;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.uploadfile {
    margin-bottom: 15px;
}

.search-row {
    cursor: pointer;
}
.mobile_search{
    display: none;
}
.cursor_pointer {
    cursor: pointer;
}
.resultImg .views img, .eye_view .views img {
    position: unset;
    width: 20px;
    object-fit: unset;
    vertical-align: sub;
        min-height: unset;
}
.resultImg .views, .eye_view .views {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    display: inline-block;
    background: #be1b8a;
    padding: 0 5px;
    border-radius: 0;
    color: #fff;
}
.resultImg .views>span, .eye_view .views>span{
    color: #ffffff;
    line-height: unset;
}
.listing-ptice, .owner_list .sarno>span, .detail .sar>span{
    color: #109DBC;

    font-weight: bold;
    font-size: 18px;
    margin: 0px 5px;
}
.original, .original-price {
    color: #ff0000;
    position: relative;
    display: inline-block;
}
.original:after, .original-price:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: #ff0000;
    width: 100%;
}
.offer_pricecolor{
    color: #1db71d;
}
.proplisting .sarno>span{
    color: #ffffff !important;
    background: #be1b8a;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    font-weight: normal !important;
    font-size: 14px !important;
}
.row{
    max-width: unset !important;
    width: unset !important;
    margin: 0 -15px !important;
}
#demos .owl-carousel .item{
    /*height: 475px !important;*/
    background:none !important;
    padding: 0 !important;
}
.thumb-views{
    position: absolute;
    top: 5px;
    left: 0
}
.thumb-views {
    position: absolute;
    top: 0;
    left: 0;
    line-height: unset;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    height: 30px;
    background: #be1b8a;
    padding: 0 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
    z-index: 2;
}
.thumb-views>span{
    color: #ffffff;
    padding-right: 5px;
    font-size: 14px;
}
.views-star{
    text-align: right;
    display: unset;
    align-items: unset;
    justify-content: unset;
}
.like i.fa.fa-heart {
    /*color: #f00;*/
    color: #808080;
    font-size: 20px;
    padding-right: 5px;
}
.like i.fa.fa-heart.unlike {
    color: #808080;
    padding-right: 5px;
    font-size: 20px;
}
.break i.fa.fa-eye {
    font-size: 19px;
}
.info-head .sarno>span{
    color: #109DBC;

    font-weight: bold;
    font-size: 18px;
    margin: 0px 5px;
}
.lcolor {
    color:red !important;
    /*color: #f00;*/
    /*color:#FF0000;*/
}
.ucolor {
    color: black !important;
    /*color: #808080;*/
    /*color:#676767;*/
}.property_slider{
    background-size: cover !important;
    /*height: 475px;*/
}
.swimmingpul .specification-icon img{
    height: 24px;
}
.bui-review-score--end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.check-out {
    font-size: 18px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}
.checck-in {
    color: #005A8E;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right;
}
.bui-review-score {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 500;
}

.bui-review-score__badge {
    background: #BE1B8A;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: baseline;
    border-radius: 6px 6px 6px 6px;
    height: 32px;
    width: 32px;
}

.bui-review-score--end .bui-review-score__badge+.bui-review-score__content {
    margin-left: 0;
    margin-right: 8px;
    text-align: right;
}

.bui-review-score__badge+.bui-review-score__content {
    margin-left: 8px;
}

.bui-review-score__title {
    color: #BE1B8A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.bui-review-score__text {
    color: #707070;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-top: 4px;
    white-space: nowrap;
}
.colorfull-social-icons ul li a{
    transition: all .2s ease-in-out;
}
.colorfull-social-icons ul li a:hover{
    transform: translateY(-4px);
    transition: all .2s ease-in-out;
}
.rental-input select{
    font-size: 18px !important;
}
.listing-wrapper .col-md-3{
    padding-right: 0 !important;
}
.sidebar-list.restroom-list ul li{
    margin: unset !important;
    /*overflow: hidden;*/
}
.sidebar-list.restroom-list ul li a{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.owner_info{
    color: #676767;

    font-size: 18px;
    line-height: 23px;
    text-align: right;
    min-height: 48px;
}
.rating {
    font-size: 20px;
}
.info-holder-wrapper #pagination {
    border-top: 1px solid #dddddd;
}
.am{
    font-size: 18px;
}
.location, .locationtwo{
    font-size: 16px;
}
.listing-wrapper .row {
    margin: 0px !important;
}
.custom_price{
    padding-top: 20px;
}
.locationtwos{
    min-height: 45px;
}
.inner_imags {
    height: 450px;
    position: relative;
    width: 100%;
}
.inner_imags img{
    height: 100%;
    width: 100%;
}
.comment-table-wrapper{
    margin: 0;
}
.owl-carousel .owl-video-tn{
    padding-bottom: 63.25% !important;
}
.owner_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.owner_price{
    display: flex;
    direction: rtl;
    height: 28px;
    align-items: center;
    margin-left: 30px;
    justify-content: flex-end;
}
.save_off_date{
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
}
.delete_booking_label {
    color: #888888;
}
#delete_booking, #add_booking, #add_endbooking {
    color: #109DBC;
    font-size: 20px;
    font-weight: 600;
}
.owner_price span {
    color: #109DBC;

    font-weight: bold;
    font-size: 18px;
    margin: 0px 5px;
}
#delete_event h5.modal-title, #add_event h5.modal-title{
    unicode-bidi: unset;
}
.identify p{
    margin-left: 20px;
}
.identify p span {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #ededed;
    border-radius: 50%;
    margin-left: 10px;
    vertical-align: middle;
}
.highlightspn span{
    background: linear-gradient(248.86deg, #109DBC 0%, #423B80 100%);
}
.identify {
    margin-top: 20px;
    text-align: right;
}
.identify p{
    margin-bottom: 7px;
}
.genetared span{
    background: red;
}
.book span{
    background: green;
}
.close:focus{
    outline: none;
    border:none;
    box-shadow: none;
}
.search-title-two{
    justify-content: unset !important;
    direction: rtl;
}
.offer {
    padding-left: 10px;
}
.pre-scrollable{
    position: absolute;
    left: 0px;
    right: 18px;
    z-index: 999;
}
.views-star{
    justify-content: unset !important;
}
.rectangle{
    right: 0 !important;
}
.hadd{
    display: flex;
    height: 25px;
}
.home_thumb .hadd{
    justify-content: flex-end;
}
.siteinfolinks{
    border-bottom: 1px solid #dddddd;
}
.siteinfolinks .siteinfo>a{
    font-weight: 600;
}
.siteinfolinks .siteinfo a{
    border-bottom: 0 !important;
}
.siteinfoa.active{
    border-bottom: 1px solid #39BEB2;
    color: #39BEB2 !important;
}
.mainsidelinks .sideLink a {
    border-bottom: 0 !important;
    padding: 8px 0px !important;
}
.mobile{
        display: none !important;
    }
    .social-footer-copyright{
        display: block;
    }
    .thumb-text p{
        min-height: 52px;
        line-height: 24px !important;
        padding-right: 5px;
        color: #212529 !important;
    }
    .thumb-text {
    text-align: right;
}
.offer-thumb .detail{
    margin-top: 0px !important;
}
.popup_region{
    display: inline-block;
    padding-right: 5px;
}
.pop-star{
    direction: rtl;
}
.comment-table-wrapper tr .th1{
    width: 30%;
}
.comment-table-wrapper tr .th2{
    width: 25%;
}
.comment-table-wrapper tr .th3{
    width: 15%;
}
.comment-table-wrapper tr .th4{
    width: 30%;
}
div#vCity_error {
    color: #f00;
    text-align: center;
}
.coment_nowrap{
    direction: inherit;
}
.createAccount .form-group .check-wrap{
    width: auto !important;
    padding-left: 15px;
}
.proplisting .bui-review-score--end {
    flex-direction: unset !important;
    -webkit-flex-direction: unset !important;
}
.proplisting .bui-review-score--end .bui-review-score__content{
    direction: rtl;
    text-align: right;
}
.main_accounts{
    display: flex;
    height: 100%;
}
.left_account{
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    padding: 15px;
}
.left_account img{
    width: 40px;
    height: auto;
    margin: 0 auto;
}
.left_account h3{
    text-align: center;
    display: inline-block;
    vertical-align: sub;
    font-size: 20px;
}
.my-account-form{
    width: 60%;
}
.social-footer{
    padding: 0px 50px 0px 0px !important;
}
.mobile_veiw {
    display: none;
}
.desktop_section{
    display: block;
}
.owner_info p {
    color: #676767;

    font-size: 12px;
}

.porp_detail {
    direction: ltr;
}

.propertyimgbg{
    background-position: center center !important;
    background-size: cover !important;
    height: 194px;
}
.banner-section .thumbnail-section{
    padding: 15px 0;
}
.copyright p{
    margin-bottom: 5px;
}
.banner-section .container-fluid.banner-content{
    margin-top: 20px;
}
.banner-section .header-section{
    padding: 10px 0 0;
 }
 .banner-content-left a{
    margin-top: 0 !important;
 }
 .or{
    position: relative;
    text-align: center;
 }
 .or:before{
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 44%;
    border-bottom: 1px dashed #363636;
 }
 .or:after{
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 44%;
    border-bottom: 1px dashed #363636;
 }
 .password-holder .acmobile {
    width: 232px !important;
}
.whatsapp{
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 9;
}
.whatsapp img{
    width: 50px;
}
.mobile_text {
    display: none;
}
.resultImg .owl-carousel{
    height: 208px;
}
.resultImg .owl-carousel .item{
    height: 208px;
    position: relative;
    text-align: center;
}
.rectangle{
    z-index: 2;
}
.resultImg .views, .eye_view .views{
    z-index: 2;
}
.info-holder-right .owl-carousel .owl-nav.disabled, .info-holder-right .owl-carousel .owl-nav, .thumb-image .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    margin: 0;
    display: block !important;
}
.info-holder-right .owl-carousel .owl-nav.disabled button.owl-prev, .info-holder-right .owl-carousel .owl-nav button.owl-prev, .thumb-image .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: 0;
    color: #fff;
    z-index: 99;
}
.info-holder-right .owl-carousel .owl-nav.disabled button.owl-prev span, .info-holder-right .owl-carousel .owl-nav button.owl-prev span, .info-holder-right .owl-carousel .owl-nav.disabled button.owl-next span, .info-holder-right .owl-carousel .owl-nav button.owl-next span, .thumb-image .owl-carousel .owl-nav button.owl-next span, .thumb-image .owl-carousel .owl-nav button.owl-prev span{
    font-size: 28px;
    line-height: 0;
}
.info-holder-right .owl-carousel .owl-nav.disabled button.owl-next, .info-holder-right .owl-carousel .owl-nav button.owl-next, .thumb-image .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 0;
    color: #fff;
    z-index: 99;
}
.addservice_title{
    color: #ad2f87 !important;
    font-size: 28px !important;
    padding-right: 30px;
}
select.custom_select {
    direction: rtl;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;
    position: relative;
 }
.custom_select{
    background: url(../images/selectarrow.png)no-repeat;
    background-position: 9px 50%;
    background-size: 19px 10px;
    padding-left: 32px;
    border-radius: 10px;
 }
.custom_select option { direction: rtl; }
input.custom_inputs{
    direction: rtl;
    border-radius: 10px;
    font-size: 16px;
}
.contract input.custom_inputs{
    font-size: 14px;
    margin: 5px;
}
.custom_inputs{
    height: 32px !important;
    margin: 5px;
}
.contract{
    direction: rtl;
    padding-left: 15px;
    text-align: right;
}
.packeg{
    background: url(../images/packeg.png)no-repeat;
    background-size: 15px 17px;
    background-position: 96% 10px;
    padding-right: 35px;
}
.homeloc{
    background: url(../images/locationicon.png)no-repeat;
    background-size: 17px 23px;
    background-position: 96% 7px;
    padding-right: 35px;
}
.phones{
    background: url(../images/phones.png)no-repeat;
    background-size: 21px 22px;
    background-position: 97.5% 7px;
    padding-right: 35px;
}
.bg_selects{
    background: url(../images/google_map.png)no-repeat;
    background-size: 19px 21px;
    background-position: 97% 7px;
    padding-right: 35px;
}
.custum_textarea{
    background: url(../images/infoo.png)no-repeat;
    background-size: 19px 21px;
    background-position: 97% 7px;
    padding-right: 35px;
    direction: rtl;
    border-radius: 10px;
}
.custom_files {
    direction: rtl;
    text-align: right;
    display: inline-block;
    padding: 7px 0 7px 15px;
}
.custom_files span{
    padding-right: 10px;
}
.costs{
    background: url(../images/costs.png)no-repeat;
    background-size: 19px 21px;
    background-position: 97% 7px;
    padding-right: 35px;
    direction: rtl;
    border-radius: 10px;
}
.custom_files img {
    width: 22px;
}
.fillcontent {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    padding: 10px;
    background: #fff;
    box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.36);
    border-radius: 10px;
    margin-bottom: 25px;
}
.fillcontent .left_parts{
    white-space: nowrap;
    width: 65px;
}
.rights-parts {
    direction: rtl;
    width: 100%;
    text-align: right;
}
.toprows {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    direction: rtl;
    unicode-bidi: bidi-override;
}
.package_details{
    width: calc(100% - 70px);
    display: inline-block;
}
.fillcontent .left_parts a {
    display: inline-block;
    padding: 5px;
}
.fillcontent .left_parts a img{
    width: 20px;
}
.toprows .descripsize {
    padding-right: 10px;
}
.toprows .descripsize img{
    width: 20px;
    margin-left: 5px
}
.search .form-group.select .form-control, .form-control{
    direction: rtl;
}
.bottomrows p{
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: fit-content;
    padding-top: 10px;
}
.sidebar {
    height: 100%;
}
.order-first .sidebar{
    height:auto;
}
.price_list {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0;
    direction: rtl;
    display: flex;
    width: 100%;
    text-align: center;
}
.price_list .price {
    display: inline-block;
    padding: 5px 10px;
    color: #109dbc;
    border-right: 1px solid #ccc;
    font-size: 14px;
    text-transform: capitalize;
    flex-grow: 1;
}
.price_list .price:first-child{
    border-right: 0;
}
.price_list .price.active {
    background: #39BEB2;
    color: #fff;
}
.datepicker .prev, .datepicker .next {
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
    position: relative;
    display: flex;
    width: 38px;
    height: 36px;
    justify-content: center;
    align-items: center;
}
.datepicker .prev:hover, .datepicker .next:hover{
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%) !important;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover{
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%) !important;
    color: #ffffff !important;
}
.datepicker .prev:after {
    position: absolute;
    content: "\f104";
    color: #fff;
    font-family: fontawesome;
    font-size: 20px;
}
.datepicker .next:after{
    position: absolute;
    content: "\f105";
    color: #fff;
    font-family: fontawesome;
    font-size: 20px;
}
.product_id_desk span {
    color: #ffffff;
    display: inline-block;
    padding: 7px 10px;
    background: purple;
    border-radius: 4px;
    line-height: 1;
}
.product_id_mobile{
    display: none;
}
.search .form-control#datefilter {
    width: 195px !important;
    margin-right: 10px;
}
.logo{
    width: 160px;
}
.search{
    margin-right: 15px !important;
}
.form-group.textField, .search .btn.btn-primary{
    margin-right: 10px !important;
}
.search .form-control{
    width: 215px !important;
}
.banner-content-left{
    margin-left: 15px !important;
    width: 310px !important;
    margin-right: auto !important;
}
.search .form-group.select .form-control{
    width: 145px !important;
}
.inner-page-header .add-comment {
    display: flex;
}
.inner-page-header .add-comment a {
    width: 180px;
}
.inner-page-header .add-comment a:hover{
    color: #ffffff;
}
.inner-page-header .add-comment a#service_list {
    width: 130px;
    margin-left: 10px;
    background: linear-gradient(228.46deg, #e469a0 0%, #872ea5 100%);
}
.service_listpopup{
    padding-right: 0 !important;
}
.service_listpopup .modal-dialog{
    max-width: unset;
    margin: 0;
    width: 99%;
    left: 5px;
    right: 5px;
    bottom: 5px;
    height: 99%;
    top: 5px;
}
.service_listpopup .modal-dialog .modal-content{
    height: 100%;
    background: rgba(255,255,255,0.9);
}
.service_listpopup .modal-dialog .modal-content .modal-body{
    display: flex;
    justify-content: center;
    align-items: center;
}
.servicebox {
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:2px solid #ccc;
    margin: 20px auto;
    border-radius: 4px;
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.servicebox:hover{
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    box-shadow: -webkit-box-shadow: -14.5px 0 25px -10px rgba(0,0,0,.4);
    box-shadow: -14.5px 0 25px -10px rgba(0,0,0,.4);
    border: 0;
    color: #ffffff;
}
.servicebox:hover a{
    color: #ffffff;
}
.service_name_1:hover {
    background: linear-gradient(140deg, #F7A753 0%, #EF853D 50%, #E2541E 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.service_name_2:hover {
    background: linear-gradient(140deg, #9924AA 0%, #BF3CA6 50%, #E857A2 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.service_name_3:hover {
    background: linear-gradient(140deg, #499CC9 0%, #54A9C0 50%, #61B7B6 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.service_name_4:hover {
    background: linear-gradient(140deg, #101CFF 0%, #5D66FF 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.service_name_5:hover {
    background: linear-gradient(140deg, #08DEFC 0%, #1DBCF3 50%, #3597EA 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.service_name_8:hover {
    background: linear-gradient(140deg, #BD4164 0%, #DE7675 50%, #F59A80 100%);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
}
.servicebox img {
    width: 55px;
}
.servicebox a{
    color: #000;
}
.package_slider {
    /*height: 100%;*/
    box-shadow: -8.5px 0 19px -8px rgba(0,0,0,.4);
    box-shadow: -8.5px 0 19px -8px rgba(0,0,0,.4);
    border: 1px solid #ededed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.package_slider p {
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.theDetails{
    direction: rtl;
}
.placeName{
    direction: rtl;
    width: 100%;
}
.info-views .location {
    direction: rtl;
    width: 100%;
}
.info-head{
    width: 100%;
}
.owl-theme .owl-dots .owl-dot{
    margin-bottom: 0;
}
.purple_pink_color{
    color: #BE1B8A !important;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
    border-bottom: 1px dashed #a65b94;
    padding-top: 10px;
}
.package_slider .item {
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 4px 8px -2px rgba(0, 0, 0, 0.35);
    margin-bottom: 10px;
    height: 155px;
    position: relative;
    width: 100%;
}
.package_slider .item a {
    display: block;
    position: relative;
    height: 143px;
    width: 100%;
}
.package_slider .item a img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
}
.border_refferance .theDetails{
    border-bottom: 1px dashed #a65b94;
    padding-bottom: 15px;
}
.border_refferance .theDetails:last-child{
    border-bottom: 0;
}
.modal-open {
    padding-right: 0 !important;
}
.package_uploadimg img{
    height: 50px;
    width: 56px;
    object-fit: contain;
}
.bottomrows span img {
    width: auto;
    height: 70px;
}
.bottomrows span {
    display: block;
    width: 100%;
    padding-top: 10px;
}
.package_cencel{
    position: relative;
    margin-right: 8px;
    margin-bottom: 12px;
}
.package_cencel .close {
    position: absolute;
    top: -10px;
    right: -6px;
    line-height: 0;
    width: 18px;
    height: 18px;
    background: #2eb6b8;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 1;
    text-align: center;
    font-weight: 100 !important;
    border-radius: 50%;
    padding-left: 0px;
}
.package_cencel .close img{
    width: 8px;
    height: auto;
}
.detail a:hover{
    color: #ffffff;
}
.skyblue_color{
    color: #109DBC;
}
.service_detailslider .inner_imags{
    height: auto;
}
.approvedset{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    direction: rtl;
}
.approvedset a{
    width: calc(100% - 22px);
    margin-left: auto;
}
.approvedset a .name{
    unicode-bidi: bidi-override;
}
.mobils {
    display: flex;
    align-items: baseline;
    min-width: 90px;
}
.mobils p {
    width: calc(100% - 30px);
    margin-left: auto;
    display: contents;
    color: #BE1B8A;
    font-size: 21px;
}
.mobils span {
    display: flow-root;
    padding-right: 10px;
}
.search-title-two .stars {
    display: flex;
}
.packagesname{
    font-size: 16px !important;
    color: #be1b8a !important;
}
.homename{
    width: calc(100% - 30px);
    margin-left: auto;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
        background-image: url(fancybox_sprite.png) !important;
}
.home_thumb .thumb-content{
    direction: rtl;
}
.mob_propdetail{
    display: none !important;
}
.desk_propdetail{
    display: block;
}
.resname{
    direction: rtl;
    unicode-bidi: bidi-override;
}
.unicode-bidi{
    unicode-bidi: bidi-override
}
.package_uploadimg div {
    display: inline-block;
}
.main-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dates {
    display: grid;
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
    border-radius: 7px;
}
.dates a {
    border-bottom: 1px solid #fff;
    padding: 3px;
    text-align: center;
    width: 85px;
    color: #fff;
}
.dates a:active,.dates a:hover{
    color:#fff !important;
    border-bottom: 1px solid #fff;
    background-color:none;
}
.dates a:focus{
    color:#fff !important;
    border-bottom: 1px solid #fff;
    background-color:none;
}
.listing-links ul li a:hover, .listing-links ul li a:focus{
    color:#109DBC !important;
}
.datew{
    font-size: 20px;
    font-weight: 700;
}
.postedBy {
    border-bottom: none !important;
}
.playground{
    justify-content: end !important;
}
.playground .toggle-holder{
    margin-right: 12px;
}
.playground .feature{
    width:80px;
    padding-left: 10px;
}
 .playground .toggle-left{
    width: calc(100% - 88px);
        justify-content: flex-end;
}
.property_detailpopup{
    direction: rtl;
}
.property_detailpopup .modal-header{
    justify-content: space-between;
}
.property_detailpopup .modal-header .modal-title{
    margin-top: 0;
    unicode-bidi: bidi-override;
    font-size: 19px;
    font-weight: 600;
}
.property_detailpopup .modal-header .close{
    margin-left: 0;
    height: auto;
    padding: 6px 11px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -5px;
}
.property_detailpopup .modal-body h4{
    unicode-bidi: bidi-override;
    margin-top: 10px;
    margin-bottom: 10px;
}
.property_detailpopup .modal-body{
    text-align: right;
    max-height: 40vh;
    overflow-y: auto;
}
.property_detailpopup .modal-body p{
    margin-bottom: 7px;
}
.property_detailpopup .modal-body p{
    unicode-bidi: bidi-override;
}
.property_detailpopup .modal-footer{
    display: block;
    text-align: right;
}
.property_detailpopup .modal-footer h4{
    margin: 0;
    unicode-bidi: bidi-override;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}
.property_detailpopup .modal-footer p{
    unicode-bidi: bidi-override;
    margin-bottom: 0;
}
.property_detailpopup ul{
    padding-left: 0;
    margin-left: 0;
    padding-right: 20px;
}
.property_detailpopup .modal-footer ul li{
    unicode-bidi: bidi-override;
    margin-bottom: 0;
}
#terms{
    unicode-bidi: bidi-override;
}
.booking{
    height: 40px;
    width: 200px;
    border-radius:17px;
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
    color: #FFFFFF;

    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
}
.booking:hover, .booking:focus, .booking:active{
    color: #FFFFFF !important;
}

.no_booking{
    height: 40px;
    width: 200px;
    border-radius: 0 0 0 17px;
    background: linear-gradient(228.46deg, #ff0000 0%, #ff0000 100%);
    color: #FFFFFF;

    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
}

.no_booking:hover, .no_booking:focus, .no_booking:active{
    color: #FFFFFF !important;
}

.custompostby{
    border-bottom: 1px solid #DADADA !important;
    padding-bottom:10px !important;
    /*display: block !important;*/
}
.custompostby .pleaseSignin{
    border-bottom: 0;
}
.mob_amount span{
    font-size: 14px;
    line-height: 24px;
}
.home_thumb .name{
    font-size: 18px;
    line-height: 22px;
    min-height: 45px;
}
.fc-event-container a {
    /*line-height: 66px;*/
    margin-top: 15px !important;
    margin-left: auto;
    /*background: linear-gradient(228.46deg, #e469a0 0%, #872ea5 100%);*/
    border: 0;
    /*border-radius: 50%;*/
    /*width: 30px;*/
    height: 15px;
    /*margin-right: auto;*/
    /*margin-bottom: 8px;*/
}
.fc-event-container a .fc-content .fc-title {
    font-size: 11px;
    unicode-bidi: bidi-override;
}
.fc-event-container a .fc-content {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.radio_size{
    height: 17px !important;
    width: 17px !important;
}
.fc-highlight {
    background: linear-gradient(248.86deg, #109DBC 0%, #423B80 100%) !important;
    opacity: 1 !important;
}
.cancellationpolicy label{
    line-height: 20px !important;
    margin-bottom: 0 !important;
}
.font-style-normal{
    font-style: normal;
}
.invoicenumber{
    unicode-bidi: bidi-override;
}
.confirminvo{
    unicode-bidi: bidi-override;
}
.modal-body .off_label {
    width: 130px;
    display: inline-block;
}
.date_popup.offdaypopup .off_label{
    color: #888888;
}

/*a.btn.btn-primary.charge {
    background: #39BEB2 !important;
    border: 0;
}*/
.offdaypopup .modal-footer {
    justify-content: center;
}
.offdaypopup #cancle_submit{
    color: #ffffff !important;
}
.imagesdiv{
    position: relative;
}
.removebtn{
    display: inline-flex;
    background: #d00202;
    color: #ffffff;
    padding: 4px 6px;
    font-size: 14px;
    border-radius: 4px;
}
.contact_demo img{
    object-fit: contain;
    width: 100%;
    height: auto;
}
/*===================================================================
--------------------------- Booking Confirmation --------------------
=====================================================================*/
.box-shadow {
    box-shadow: 2px 1px 12px rgba(218, 217, 217, 0.76);
    -webkit-box-shadow: 2px 1px 12px rgba(218, 217, 217, 0.76);
}
.property_detailpopup .modal-body ul li, .terms_policy .terms_condi p{
    unicode-bidi: bidi-override;
}
.terms_policy .terms_condi {
    direction: rtl;
}
.payoption{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 10px;
}
.price_box div strong {
    width: 130px;
    color: #888888;
}
.booking_info {
    display: flex;
    border-top: 2px solid #1e82ab;
    padding-top: 15px;
}
.booking_left img{
    max-width: 100%;
}
.booking_left .innerImg{
    position: relative;
}
.booking_left .innerImg .excelent{
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: auto;
    background: #be1b8a;
    color: #ffffff;
    text-align: center;
}
.payoption .nowpay p{
    font-weight: 600;
    text-align: left;
}
.prop_title {
    color: #1ccacd;
    font-size: 20px;
    font-weight: 600;
}
.time_box {
    display: grid;
    background: #e6e5e5;
    border-radius: 7px;
    text-align: right;
    border: 1px solid #bfbebe;
}
.checkinout {
    padding: 15px 0;
}
.time_box .checktime {
    border-bottom: 1px solid #fff;
}
.time_box .checktime span{
    display: block;
    border-bottom: 1px dashed #b7b6b6;
    padding: 8px 10px;
    margin-bottom: 0;
    color: #000;
    font-weight: 600;
    font-size: 22px;
}
.time_box .checktime span:last-child{
    border-bottom: none;
    font-size: 17px;
}
.bkdate span {
    display: block !important;
    padding: 5px;
    border-bottom: 1px dashed #c1bfbf;
    margin-bottom: 0 !important;
}
.bkdate span:last-child{
    border-bottom: none;
}
.date_show {
    background: #e6e5e5;
    border-radius: 7px;
    border: 1px solid #d0cece;
    text-align: right;
    height: 100%;
}
.time_box .checktime:last-child{
    border-bottom: 0;
}
.date_show p {
    padding: 5px 15px;
    border-bottom: 1px dashed #d0cece;
    font-weight: 600;
    font-size: 20px;
}
.bkdate {
    padding: 7px;
}
.price_box .price {
    color: #109DBC;
    font-size: 20px;
    font-weight: 600;
}
.complate_researvation{
    height: 40px;
    border-radius: 0 0 0 17px;
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
    margin-left: auto;
    color: #FFFFFF;

    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 10px 16px;
    display: inline-block;
    text-transform: uppercase;
    border:none;
}
.complate_researvation:hover{
    color: #ffffff;
}
.booking_right strong {
    width: 155px;
    display: inline-block;
}
.booking_right span{
    padding-right: 5px;
    display: inline-block;
    margin-bottom: 7px;
}
.booking_reaservation strong {
    width: 130px;
    display: inline-block;
    vertical-align: top;
}
.booking_reaservation span{
    display: inline-block;
    margin-bottom: 10px;
}
.booking_reaservation {
    padding-top: 20px;
    margin-top: 15px;
    border-top: 2px solid #1e82ab;
}
.terms_price{
    padding-top: 20px;
    margin-top: 15px;
    border-top: 2px solid #1e82ab;
}
.terms_price .price{
    font-size: 20px;
    color: #109DBC;
}
.terms_price strong{
    width: 130px;
    display: inline-block;
}
.terms_condi{
    padding-top: 20px;
    margin-top: 15px;
    border-top: 2px solid #1e82ab;
}
.terms_condi p{
    color: #676767;

    font-size: 15px;
    line-height: 23px;
    text-align: right;
}
.payment_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup{
    padding: 0;
    color: #000;
    padding-left: 10px;
    border: 2px solid #dfdfdc;
    margin-bottom:10px;
}

.custom-control {
    padding-left: 0;
    padding-right: 25px;
}
.custom-control-label::before{
    right: -19px;
    left: unset;
    border-color: #207ea9 !important;
    background-color: transparent !important;
    border-width: 3px;
}
.custom-control-label::after {
    right: -14px;
    left: unset;
    width: 6px;
    height: 6px;
    top: 9px;
    border-radius: 50%;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background: #207ea9;
}
.paymentoption .custom-radio{
    border:1px solid #ccc;
    border-radius: 3px;
    padding: 10px 25px 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.creditcard_payment{
    border:1px solid #ccc;
    border-radius: 3px;
    padding: 10px 25px 10px 0;
}
.cardImg{
    padding-left: 10px;
}
.cardImg img{
    width: 40px;
    margin-right: 5px;
}
.paymin-height{
    min-height: calc(100vh - 80px - 318px);
}
.pricepayment .prices{
    text-align: right;
    padding: 5px 10px;
    margin-bottom: 0;
}
.pricepayment {
    padding-bottom: 15px;
    padding-top: 10px;
    border-top: 1px solid #ededed;
}
.pricepayment .prices span {
    color: #109DBC;

    font-size: 18px;
    font-weight: bold;
}
.pricepayment .prices strong {
    width: 140px;
}
.totalprice {
    margin-bottom: 0;
    background: #eaeaea;
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 20px;
}
.totalprice span {
    font-weight: 600;
    color: #109DBC;
}

.addressbox{
    margin-bottom: 10px;
}
.addressbox .details {
    width: calc(100% - 50px);
    display: inline-block;
    padding-right: 10px;
}
.addressbox .details a {
    color: #39beb2;
}
.addressbox .icon {
    font-size: 34px;
    width: 45px;
    display: inline-flex;
    vertical-align: top;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
}
.addressbox {
    text-align: right;
    flex-wrap: wrap;
}
.addressbox .details p {
    margin-bottom: 0;
    line-height: 1;
    font-size: 17px;
}
.addressbox .details p.times{
    font-size: 14px;
    margin-top: 3px;
    color: #908787;
}
.addressbox .icon i {
    color: #423B80;
}
.order_lists{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.order_detailImg .innerImg img{
    height: 175px;
    width: 100%;
    object-fit: cover;
}
.order_detailImg .innerImg .excelent{
    width: 55px;
}
.orderlist_right strong {
    width: 135px;
    text-align: right;
}
.orderlist_right .price{
    color: #109DBC;
    font-size: 20px;
    font-weight: 600;
}
.showagreement input[type="checkbox"] {
    width: 20px !important;
    height: 20px;
    display: inline-block;
}
.showagreement label {
    display: inline-block !important;
}
.list-style-decimal {
    list-style: decimal;
    padding-right: 0;
}
.list-style-decimal ul {
    list-style: circle;
    margin-right: 30px;
}
.list-style-decimal ul ul {
    padding-right: 0;
    margin-right: 15px;
}


.edit img {
    width: 16px;
}
#table_record tr td {
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
#table_record tr td:last-child{
    border-right: 1px solid #ededed;
}

.showcanclebutton{
    display: block;
}
.hidecanclebutton{
    display: none;
}
.policyul .d-inline-block {
    vertical-align: middle;
}
.agreeterms{
    width: 17px !important;
    height: 17px !important;
    vertical-align: middle;
}
.date_show .datebox {
    border-bottom: 1px solid #fff;
}
.date_show .datebox:last-child{
    border-bottom: 0;
}
.property_popup .modal-dialog {
    max-width: unset;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.property_popup .modal-dialog .modal-body{
    padding-left: 35px;
    padding-right: 35px;
    max-height: 70vh;
    overflow-y: auto;
}
.policyul{
    text-align: right;
}
.pro_stars{
    white-space: nowrap;
}
.property_search .form-control {
    width: 245px !important;
    height: 40px !important;
}
.property_search .pre-scrollable{
    right: 0;
}
.ownerlistsearch input{
    margin-bottom: 6px;
    margin-top: 9px;
}
.prop_listsearch{
    width: 40px !important;
    height: 40px !important;
    margin-top: 15px;
}
.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton{
    z-index: 4 !important;
}
.offdaypopup .modal-dialog {
    width: 63%;
    max-width: unset !important;
    margin-right: auto !important;
    margin-left: 8%;
}
.offdaypopup .modal-dialog .modal-body {
    max-height: unset !important;
    height: auto;
    width: 300px;
    margin: 20px auto;
    border: 1px solid #ededed;
    overflow: unset;
}
.offdaypopup .modal-dialog .modal-content {
    /*min-height: 90vh;*/
    height: fit-content;
}
.label_span {
    display: block;
    padding: 5px;
    border: 1px solid #ededed;
    margin-top: 8px;
    line-height: 1.5;
    border-radius: 4px;
}
.posilabel .cur_label {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    background: linear-gradient(228.46deg, #39BEB2 0%, #049BD0 100%);
    border-radius: 0 4px 4px 0;
    font-size: 12px;
    color: #fff;
}
.posilabel {
    position: relative;
}
.posilabel input#vPrice {
    padding-right: 40px;
}
.date_popup{
    text-align: right;
}
.date_popup .close {
    margin-right: auto;
    margin-left: -16px;
}
.daterangepicker.show-calendar .ranges{
    margin-top: 0 !important;
}
.daterangepicker .calendar-table table{
    direction: rtl;
    border: 0;
}
.daterangepicker .calendar-table table thead tr:first-child th.next.available {
    position: absolute;
    right: 0;
}
.daterangepicker .calendar-table table thead tr:first-child {
    position: relative;
}
.daterangepicker .calendar-table table thead tr:first-child th.prev.available{
    position: absolute;
    left: 0;
}
.daterangepicker td.start-date {
    border-radius: 0 4px 4px 0 !important;
}
.daterangepicker td.end-date{
    border-radius: 4px 0 0 4px !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
  min-width: 28px !important;
  width: 28px !important;
  padding: 5px !important;
}
table thead{
    background:none !important;
}
.daterangepicker .drp-calendar{
    max-width: 48% !important;
}
.group-span-filestyle.input-group-btn label.btn.btn-default {
    margin: 0;
    border: 1px solid #DFDFDF;
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.urlview{
    position: relative;
}
.urlview .btn-primary{
    position: absolute;
    top: 0;
    left: 0;
    height: 40px !important;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px 0 0 7px !important;
}

/*=========================== Media Query ==========================*/
@media (min-width: 1400px){
    .whatsapp{
        top: 18vh;
    }
}
@media (max-width:1920px){
    .banner-section{
        min-height: 100vh;
        justify-content: space-around !important;
    }
}



@media(min-width: 768px) and (max-width: 1140px){
    .thumb-text{
        text-align: right;
    }
    .stars span {
    font-size: 14px;
}
.order-first.sidebar-col {
    margin-bottom: 0px;
}
.hcontainer{
    margin: 0 !important
}
.hadd {
    display: unset;
}
.views-star{
    display: unset !important;
}
.area span{
       font-size: 12px;
}
.detail{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.info-holder-left{
    text-align: right;
}
}
@media (max-width: 1140px){
    .owner_list .button-group div{
        margin-left: 10px;
    }
   /* .resultImg{
    height: auto;
    width: unset;
}*/
.resultImg a img{
    position: unset;
}
.region{
	font-size: 14px !important;
}
.place-name{
	font-size: 13px !important;
}
.inner_imags{
     height: 250px;
}
}
@media (max-width: 991px){
    .stars{
        width: unset !important;
        margin-left: auto;
        display: inline-block;
    }
    .search .form-control#datefilter{
        width: 145px !important;
    }
    .footer-logo-wrapper{
        display: unset !important;
        text-align: center;
    }
    .social-footer-title{
        text-align: center;
    }
    .mobile{
        display: block !important;
        margin-top: 10px;
        padding-bottom: 15px;
    }
    .searchResult{
        margin-left: 0 !important;
    }
    .mobils {
    line-height: 1;
}
    .coment_nowrap{
        white-space: nowrap;

    }
    .social-footer-copyright{
        display: none;
    }
    .colorfull-social-icons ul li a{
        width:42px !important;
    }
    .offer_list .stars{
        margin-left: unset !important;
    }
    .thumb-image {
    max-height: 230px !important;
}
.product_id_mobile {
    display: inline-block;
}
.product_id_mobile span{
    color: #ffffff;
    display: inline-block;
    padding: 7px 10px;
    background: purple;
    border-radius: 4px;
    line-height: 1;
}
.product_id_desk{
    display: none;
}
.login_check .check-wrap{
    direction: rtl;
    width: auto !important;
    flex-direction: unset !important;
}
.login_check .check-wrap .form-check-input{
    display: inline-block !important;
    width: 24px !important;
    margin-left: auto !important;
}
.login_check .check-wrap .form-check-label{
    padding-right: 15px;
    padding-left: 10px;
}
.owner_listings{
    display: flex !important;
}
/*.resultImg{
    height: auto;
    width: unset;
}*/
.resultImg a img{
    position: unset;
}
.owner_list{
    display: unset;
}
.owner_list .sarno{
    float: left;
}
.owner_list .button-group div{
    margin-left: 10px;
}
.comments-wrapper{
    border-bottom: 0 !important;
}
.rentalprice{
    padding-top: 35px !important;
}
.listing-ptice, .owner_list .sarno>span, .detail .sar>span{
    font-size: 14px;
}
.search-title-two{
    display: unset !important;
    width: 100%;
}
.info-head {
    display: inline-flex !important;
}
.search-title-two .break{
    display: inline-block;
}
.search .form-group.select .form-control{
    width: 100% !important;
}
.form-group.select {
    width: 40% !important;
}
.info-holder-left{
    text-align: right;
}
.comment-table-wrapper tr .th1, .comment-table-wrapper tr .th2, .comment-table-wrapper tr .th3, .comment-table-wrapper tr .th4{
    width: auto !important;
}
.proplisting{
    display: flex !important;
}
.proplisting{
    float: right;
        width: 100%;
}
.whatsapp{
    top: 115px;
}
.search-title-two .break, .search-title-two .stars{
    float: right;
}
.sidebar-col{
    margin-bottom: 30px;
}
.whatsapp{
    top: 115px;
}
}
@media only screen and (max-width: 991px){
.info-views {
    margin-bottom: 10px;
    justify-content: unset !important;
}
.searchResult{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.resultImg{
    width: auto;
}
.fancybox-nav span {
    visibility: visible !important;
}
.search .btn.btn-primary{
    margin-right: 8px;
}
.form-group.textField{
    margin-right: 8px;
}
.search .form-control{
    width: 148px !important;
}
.mob_propdetail{
    display: block !important;
}
.desk_propdetail{
    display: none !important;
}
.thumb-text p{
    min-height: unset;
    line-height: 16px !important;
}
.inner-page-header .newAccount a span, .inner-page-header .offer a span{
	font-size: 16px !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 991px){
    .inner-page-header .add-comment a{
    width: 140px ;
}
.inner-page-header .add-comment a#service_list{
    width: auto;
}
.home_thumb.thumbnail-section .col-md-4{
    max-height: 230px;
}
.home_thumb .thumb-content{
    min-height: 230px;
}
.home_thumb .thumb-image .item img{
    height: 230px;
}
}
@media (max-width: 767px){
    .complate_researvation{
        white-space:nowrap;
    }
.add-comment a{
	font-size: 18px !important;
}
    input#vImage {
        display: contents;
    }
    input#vBannerImage {
        display: contents;
    }
    .daterangepicker .drp-calendar{
        max-width: unset !important;
    }
    .fc-scroller.fc-day-grid-container {
        height: 385px !important;
    }
    .offdaypopup .modal-dialog .modal-body{
        margin: 10px auto;
    }
    .desktopsearch{
        display: none;
    }
    .mobile_search{
        width: 100%;
        display: block;
        margin-top: 30px;
    text-align: center;
    }
    .offdaypopup .modal-dialog{
        width: 95%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .mobile_search .pre-scrollable {
    left: 0;
    width: 100%;
    top: 37px;
}
.top-info-title{
    margin-top: 0;
}
.banner-content-right{
    margin: 0 0 20px;
}
    .search{
        margin-top: 0 !important;
    }
    .mobile_search .form-group.textField {
    margin-right: 0;
}
    .mob_amount{
        display: flex;
    }
    .property_search{
        margin:0;
    }
    .property_search .search{
        margin-top: 0;
    }
    .property_search .search .dropdown {
        width: 100%;
    }
    .property_search .search .textField {
        margin: 0;
    }
    .property_search .search .textField input {
        width: 100% !important;
    }

    .property_search .pre-scrollable{
        left: 0px;
        right: 0px;
        width: 100%;
    }

    .property_amount{
        display: block;
        text-align: left !important;
    }
    .property_amount div{
        padding: 0 !important;
        line-height: 1;
    }
    .property_amount div span{
        line-height: 1.5;
    }
    .mob_amount div{
        display: inline-block;
        white-space: nowrap;
        padding: 0;
    }
    .comment-table-wrapper table th{
        width: auto !important;
    }
    .custompostby .desktop{
        display: none;
    }
    .header-section {
    padding: 20px 0px !important;
}
.custompostby .text-sm-center {
    text-align: center !important;
}
.service_listpopup .modal-dialog{
    left: 2px;
}
.servicebox{
    margin-top: 0;
}
.phone{
    margin-bottom: 8px;
}
.mobileico img {
width: 20px;
}
.mobile_text {
    display: block;
    text-align: right;
    padding-left: 15px;
}
.postedBy {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}
.mobile_text p {
    font-size: 16px;
    margin-bottom: 0;
    width: 100%;
    color: #813594;
}
.mobile_veiw{
    display: block;
}
.desktop_section{
    display: none;
}
.service_detailpage{
    display: block;
}
.main_accounts{
    display: unset;
}
.left_account{
    width: 100%;
}
.porp_detail{
    direction: ltr;
    float: left;
}
.placeName h3{
    font-size: 18px !important;
}
.bui-review-score__text {
    white-space: nowrap;
}
.offer_list .location, .offer_list .stars{
    display: inline-block !important;
}
.offer_list{
    display: unset !important;
}
.header-links{
    margin: 10px auto !important;
    display: flex;
    justify-content: center !important;
}
.bannerBreaks{
    margin-right: 0 !important;
}
.popup_region{
    display: block;
    padding-top: 10px;
}
.pre-scrollable{
    left: 0;
    width: auto;
}
.search-title-two .sarno{
    display: inline-block;
}
.inner-header-left .newAccount, .inner-header-left .offer{
    margin-right:0 !important;
}
    .listing-links{
        margin-top: 35px;
    }
    .sidebar-col{
        margin-top: 0 !important;
    }
    .detail{
        margin-top: 0 !important;
    }
    .views-star{
        display: unset !important;
    }
    .views-star span {
    font-size: 12px;
}
.container-fluid {
    width: 100% !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 0 !important;
}
.rectangle{
    right: 5px !important;
}
.owl-carousel .owl-video-tn{
    padding-bottom: 96.25% !important;
}
.inner_imags{
    height: 300px;
}

.createAccount .form-group input{
    width: 70% !important;
}
.back-button{
    margin-right: 0 !important;
}
.info-views{
    margin-bottom: 0 !important;
}
.resultImg{
    /*width: unset;*/
    margin:0 auto;
}
.title_title a{
    font-size: 12px;
    line-height: 10px;
}
.title_title{
    line-height: 0.7;
}
.gm-style .gm-style-iw-c{
    max-width: 310px !important;
    width: 310px !important;
}
.gm-style .gm-style-iw-d{
    max-width: unset !important;
}
.listing-links ul li a.active{
    font-weight: normal !important;
}
.toprows .descripsize span {
    width: calc(100% - 30px);
    display: inline-block;
}
.theDetails{
    width: 100%;
}
.toprows .descripsize img{
    vertical-align: top;
}
.daterangepicker{
    position: fixed !important;
    margin-top: 5px !important;
    width: 98% !important;
    z-index: 9999 !important;
    overflow-y: auto;
    height: 99%;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    padding: 4px !important;
    width: 26px !important;
    height: 20px !important;
    line-height: 22px !important;
    min-width: 26px !important;
}
.fc-event-container a{
    margin-top: 0 !important;
}
.daterangepicker .drp-buttons .btn {
    margin-bottom: 7px;
}
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right{
    float: unset !important;
    margin-right: auto;
    margin-left: auto;
}
.ownerlistsearch {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    order: 3;
}
.view-all-restrooms .form-control {
    width: 100% !important;
}
#delete_booking, #add_booking, #add_endbooking{
    font-size: 16px;
}
.offdaypopup .modal-header {
    padding: 10px 15px;
}
.identify p {
    width: 43%;
}
.blue-title {
    margin: 0 !important;
}
}
@media (max-width: 650px){
    .home_thumb .sar {
    display: block;
    margin-bottom: 5px;
}
.home_thumb .thumbnail-section .col-md-4{
    max-height: 220px;
}
.home_thumb .thumb-content{
    min-height: 225px;
}
.home_thumb .thumb-image {
    max-height: 225px !important;
}
.home_thumb .thumb-image img{
    min-height: 200px;
}
.home_thumb .thumb-image .views img{
min-height:unset !important;
}
.owner_price{
    justify-content: flex-start;
    padding-bottom: 10px;
}
.view-all-restrooms select{
    width: 215px !important;
}
.inner-page-header .add-comment a{
    width: 165px !important;
}
.inner-page-header .add-comment a#service_list{
    width: 130px !important
}
}

@media (min-width: 600px){
    .property_detailpopup .modal-dialog{
        max-width:  598px;
    }
    .daterangepicker{
        min-width: 600px !important;

    }
    .daterangepicker .drp-calendar.right{
        float: right;
    }
}
@media(max-width:600px){
    .subscript-ul{
        padding: 10px 27px !important;
        font-size: 14px;
    }
    .pl-xs-0{
        padding-left:0 !important;
    }
    .pr-xs-0{
        padding-right:0 !important;
    }
}

/*================================== onwer css ==========================*/
.leftgrid{
    width: 80vw;
}


/*================================== new layout css ==========================*/
.estraha-section-slider{
    height: 100vh;
    background-color: #000000;
    /* direction: rtl; */
    position: relative;
    overflow-x: hidden;
}
.estraha-section-slider-footer {/* padding: 50px 0px 50px 0px; */position: absolute;bottom: 0;width: 100%;}
.estraha-section-slider .progress {
    /* top: unset; */
    /* bottom: 12%; */
    z-index: 9999;
    background-color: #313131;
position: relative;/* margin: 0; *//* padding: 0; */}

.estraha-section-slider-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
    position: relative;
}

.estraha-section-slider-content h3 {
    color: #fff;
    font-weight: 900;
    width: 27vw;
    text-align: center;
    font-family: 'Droid Arabic Kufi';
    font-size: 50px;
    font-weight: 600;
}

.estraha-section-slider-content p {
    color: #fff;
    font-size: 20px;
}

.estraha-section-slider .item, .estraha-section-slider .item img {
    height: 100vh;
}


.estraha-section-slider .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.estraha-section-slider .owl-theme .owl-dots .owl-dot span{margin: 5px 3px;width: 9px;height: 9px;background-color: #fff;}
.estraha-section-slider .owl-theme .owl-dots .owl-dot.active{margin: 0px 0px;}
.estraha-section-slider .owl-theme .owl-dots .owl-dot.active span{width: 62px;}
.estraha-section-slider button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color;
}


a.back-btn {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    background-color: #3B3B3B;
    padding: 11px 40px 14px 40px;
    border-radius: 50px;
    font-size: 20px;
    transition: 0.5s;
}

a.back-btn:hover {
    border-radius: 0;
}

a.start-btn {
    /* position: absolute; */
    /* bottom: 30px; */
    /* left: 30px; */
    color: #fff;
    background-image: linear-gradient(45deg, #206FC1, #75229e);
    padding: 11px 40px 14px 40px;
    font-size: 20px;
    border-radius: 10px;
    transition: 0.5s;
margin-left: 50px;display: inline-block;margin: 30px 0px 30px 50px;}

a.start-btn:hover {
    border-radius: 0px;
}

.progress {
    height: 2px;
    background-color: #e9ecef;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    direction: rtl;
}

.estraha-section-slider img.logo {
    position: absolute;
    top: 40px;
    right: 80px;
    z-index: 9999;
    background-color: transparent;
    width: unset;
    height: unset;
}


/*================================== Estraha Inner Section ==========================*/
.estraha-inner-section {
    height: 100vh;
    overflow-x: hidden;
}

.estraha-inner-section .estraha-inner-section-right {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
    position: relative;
    background-image: linear-gradient(143deg, #2a66bd, #8f17cb);
}

.estraha-inner-section .estraha-inner-section-right h3{
    color: #fff;
    font-weight: 900;
    /* width: 20vw; */
    text-align: center;
    /* font-family: 'Droid Arabic Kufi'; */
    font-size: 50px;
    font-weight: 700;
    margin-top: 50px;
}

.estraha-inner-section .navbar-cst {
    position: absolute;
    top: 0;
    display: flex;
    /* background-color: antiquewhite; */
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
    flex-direction: row-reverse;
    padding: 30px 100px 30px 100px;
}

.estraha-inner-section .navbar-cst ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
}

.estraha-inner-section .navbar-cst ul li {
    margin: 0px 20px;
}

a.all-btn {
    color: #666666;
    background-color: #e5e5e5;
    padding: 11px 34px 14px 34px;
    border-radius: 50px;
    /* font-weight: 700; */
    transition: 0.5s;
    font-size: 20px;
}
a.all-btn:hover {
    border-radius: 0px;
}

.footer-cst {
    position: absolute;
    bottom: 0px;
    padding: 50px 70px 70px 70px;
    width: 100%;
    background-color: #fff;
    height: 0px;
    z-index: 99;
}

.footer-cst ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.footer-btn {
    color: #fff;
    background-image: linear-gradient(139deg, #206FC1, #75229e);
    padding: 11px 40px 14px 40px;
    border-radius: 10px;
    transition: 0.5s;
    /* opacity: 0.95; */
    font-size: 20px;
}

.footer-btn:hover {
    color: #fff;
    /* background-image: linear-gradient(244deg, #206FC1, #75229e); */
    /* opacity: 1; */
    border-radius: 0px;
}

a.footer-btn.cst {
    background: #e5e5e5;
    color: #5e5e5e;
    font-size: 20px;
}

.estraha-inner-section-left {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estraha-inner-section a {
    border: 0;
/* font-size: 12px; */
}

input.form-control.digits {
    border: navajowhite;
    width: 50px;
    display: block;
    margin: 0px 15px 0px 0px;
    font-weight: 700;
}

input.form-control:disabled{
    background-color: transparent;
}

input.form-control.digits:hover{border: none;}
[type=number]::-webkit-inner-spin-button{
    height: 0;
}

.estraha-inner-section-left-content {
    width: 70%;
    height: calc(100% - 25%);
    overflow-y: scroll;
    /* overflow-x: hidden; */
}

.estraha-inner-section-left-content .options{
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px;
    margin: 15px 0px;
}

.estraha-inner-section-left-content .options.active {
    border: 1px solid #345dbe;
}

.estraha-inner-section-left-content .options ul{
    display: flex;
    padding: 0;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.estraha-inner-section-left-content .options ul li img {
    border-radius: 20px;
}

.estraha-inner-section-left-content .options.data_category ul li img {
    width: 112px;
    height: auto;
}

.estraha-inner-section-left-content .options ul li a{
    font-weight: 700;
    font-size: 25px;
    color: #333333;
}
.estraha-inner-section-left-content .options.active ul li a {
    color: #345dbe;
}
.estraha-inner-section-left-content::-webkit-scrollbar {
    width: 0px;
  }

  /* estraha-detail css */

  .estraha-detail .estraha-inner-section-left-content {height: unset;}

  .estraha-detail input{
    font-size: 25px;
    font-weight: 700;
    color: #9C9C9C;
  }
.estraha-detail input::placeholder{
 color:#9C9C9C;
}
  .estraha-detail input, .estraha-detail textarea{
    margin: 20px 0px;
    padding: 50px 20px;
    border-radius: 30px;
  }
  .estraha-detail textarea{
      resize: none;
      font-size: 20px;
  }
  .estraha-detail input:focus-visible , .estraha-detail .form-control:focus{
    /* border: none;*/
    outline:none;
    box-shadow: none;
    background-color: transparent;
}

/* .estraha-map css */

.estraha-map .estraha-inner-section-left-content #googleMap {
    position: absolute !important;
    top: -200px;
    left: 0;
    right: 0;
    bottom: 0;
}

.estraha-map .search-location {z-index: 9;position: relative;}

.estraha-map .search-location input.form-control {
    position: relative;
    padding: 50px 60px 50px 0px;
    border-radius: 30px;
    z-index: 9;
    font-size: 25px;
    color: #333333;
    font-weight: 600;
}

.estraha-map .search-location i.fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    z-index: 99999;
    font-size: 33px;
}

.estraha-map .estraha-inner-section-left-content {
    height: calc(100% - 35%);
}

.estraha-map .search-location input.form-control::placeholder {
    color: #333333;
}

.estraha-map a.all-btn {
    background-color: #333333;
    color: #ffffff;
}
.estraha-map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: -40%;
}

.place-card.place-card-large {display: none !important;}
.place-card {display: none !important;}

.estraha-map .estraha-inner-section-left,
.estraha-map .estraha-inner-section-right,
.estraha-map .footer-cst{z-index: 9;}

.gm-style .place-card-large {display: none !important;}


/* estraha-tasfeel */

.estraha-inner-section.estraha-tasfeel .estraha-inner-section-left-content{
    height: calc(70% - 0px);
}

.content-category {
    text-align: center;
    border: 1px solid #ddd;
    padding: 40px;
    border-radius: 30px;
    margin: 10px 0px;
}
.content-category.active {
    border: 1px solid #335EBE;
    color: #335EBE;
}
.content-category h4 {
    font-weight: 700;
}

.content-category i.fal{
    margin-bottom: 20px;
    font-size: 50px;
}

.content-category img {
    margin-bottom: 20px;
}

.add-categorys {
    margin-top: 50px;
}

.add-category ul {display: flex;align-items: center;justify-content: space-between;padding: 0;list-style: none;margin: 30px 0px;}

.add-category ul li a img {
    width: 40px;
}

.add-category ul li span {
    margin: 0px 16px;
    font-size: 24px;
    font-weight: 700;
}

.add-category ul li {
    display: flex;
    align-items: center;
}

.add-category ul li h5 {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

/* drag css */
.estraha-inner-section.estraha-detail.drag .estraha-inner-section-left-content {
    height: calc(100% - 25%);
}

.drag ::-webkit-file-upload-button{
    display: none;
}

.drag .form-group.files{
    position: relative;
}

.drag .files-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    z-index: 2;
}

.drag .files-content h5 {
    margin-top: 20px;
    color: #333333;
}

.drag .files-content h5 span {
    font-weight: 800;
}

.drag .files-content-bottom {
    position: absolute;
    bottom: 5%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.drag .files-content-bottom img{
    margin-right: 20px;
}

.drag .files-content-bottom h5 {
    color: #335ebe;
    font-weight: 700;
}

.drag input{
    font-size: 0px;
    border: none;
    height: 600px;
    border: 1px dashed;
    border-radius: 0px;
    /* z-index: 999; */
    cursor: pointer;
    position: relative;
    z-index: 9;
    background-color: transparent;
width: 100%;}

.drag input:hover{
    border: 1px dashed !important;
}


.uploaded-images {/* position: absolute; *//* top: 30px; *//* left: 10px; */overflow: hidden;/* display: flex; */z-index: 9999;}

.uploaded-images ul {list-style: none;padding: 0px;margin: 2px 0px;border: 1px;border-style: dashed;display: inline-block;background-color: #fff;}

.uploaded-images ul li img {width: 50px;height: 50px;object-fit: cover;}

/* .uploaded-images ul li {} */

.uploaded-images ul li input {width: 12px;height: 10px;margin: 5px 0px;}

.uploaded-images ul li:nth-child(2) {display: flex;align-items: center;justify-content: space-evenly;}

/* Rate CSS*/
.estraha-inner-section.rate {}

.estraha-inner-section.rate .estraha-inner-section-left-content .options {
    border: none;
    margin: 0px 0px;
}

.estraha-inner-section.rate .estraha-inner-section-left-content .options label.form-label {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #6c757d;
    font-weight: 700;
}

.estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control {
    width: 25vw;
    height: 120px;
    border-radius: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}

.estraha-inner-section.rate .estraha-inner-section-left-content .options textarea.form-control{
    border-radius: 20px;
    resize: none;
    padding: 25px;
    font-size: 20px;
}

/* cancellation-policy CSS */
.estraha-inner-section.cancellation-policy .estraha-inner-section-left-content {
    height: unset;
}

.estraha-inner-section.cancellation-policy .estraha-inner-section-left-content .options {
    direction: rtl;
    text-align: right;
    min-height: 100px;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 30px;
    width: 100%;
    display: flex;
    align-items: center;
}
.estraha-inner-section.cancellation-policy .estraha-inner-section-left-content .options.active {
    color: #345dbe;
}

.estraha-inner-section-left-content .card {
    width: 530px;
    display: block;
    margin: auto;
    border-radius: 20px;
}

.estraha-inner-section-left-content .card img {
    border-radius: 20px;
}

.estraha-inner-section-left-content .card h5.card-title {
    font-weight: 700;
}

.estraha-inner-section-left-content .card {
    text-align: right;
}

.estraha-inner-section-left-content .card p.card-text {font-size: 22px;}
.estraha-inner-section.cancellation-policy .estraha-inner-section-left-content a.btn.btn-primary {
    display: block;
    margin: 20px auto;
    width: 530px;
    padding: 30px;
    background-color: #333333;
    border-radius: 20px;
}

/* Estraha Popup CSS */
.modal.estraha {
    height: 90%;
    top: 5%;
}
.estraha .modal-title {
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 700;
    font-size: 25px;
}

.estraha .modal-header {
    border: none;
}

.modal.estraha button.close {
    background-color: #8E8E8E;
    opacity: 1;
    padding: 2px 10px 6px 10px;
    border-radius: 50%;
    margin: 0px 0 0 auto;
    /* line-height: 10px; */
    color: #fff;
    z-index: 99;
}

.modal.estraha .modal-body{
    overflow-x: hidden;
}
.modal.estraha .modal-body form .form-group label {
    font-weight: 700;
}

.estraha .modal-body p {
    font-size: 18px;
    font-weight: 600;
}

.estraha .modal-body ul {
    /* direction: rtl; */
    /* text-align: right; */
    /* list-style: none; */
    /* position: relative; */
    /* padding: 40px 60px 30px 60px; */
}

.estraha .modal-body ul li {
    /* margin-bottom: 70px; */
}

.estraha .modal-body ul li::marker{
    background-color: #ddd;
}

.estraha .modal-body ul span {
    /* position: absolute; */
    /* right: 0; */
    /* background-color: #ddd; */
    /* padding: 3px 10px; */
    /* border-radius: 50px; */
    /* font-weight: 700; */
}


/* New add  section css */
.estraha-inner-section .form-group select.form-control {
    margin: 20px 0px;
    padding: 0px 20px;
    border-radius: 20px;
    height: 70px;
    font-size: 25px;
    font-weight: 700;
    color: #9C9C9C;
}


/*=========================== ERROR MSG CSS ==========================*/
div#iCategoryId_error , div#vImage_error {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: 700;
    z-index: 99;
}
.error-msg {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: 700;
    z-index: 99;
}

.footer-cst img#loder_show {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: auto;
    background-color: #fff;
}
/*=========================== Media Query ==========================*/

@media (max-width:1800px){
    .content-category{
        padding: 25px;
    }
    .content-category h4{
        font-size: 20px;
    }
}

@media (max-width:1600px){
    .estraha-inner-section.category .estraha-inner-section-left-content .options ul li img {
        width: 90px;
    }
    .drag input{
        height: 500px;
    }

    .estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control{
        height: 100px;
    }
    .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content{
        height: calc(100% - 25%);
    }
}

@media (max-width:1400px){
    .estraha-section-slider-content h3{font-size: 30px;}
    .estraha-section-slider-content p{font-size: 24px;text-align: center;padding: 0px 40px;line-height: 40px;}
    a.start-btn{bottom: 18px;}
    .footer-cst{padding: 30px 70px 50px 70px;}
    .estraha-detail input, .estraha-detail textarea {
        margin: 20px 0px;
        padding: 30px 20px;
        border-radius: 20px
    }
    .estraha-detail input {font-size: 16px;}
    .estraha-detail textarea {font-size: 16px;}
    .estraha-map .search-location input.form-control{
        padding: 30px 60px 30px 0px;
        border-radius: 20px;
        font-size: 20px;
    }
    .estraha-map .search-location i.fa{right: 5%;}
    .content-category {padding: 10px;}
    .content-category h4{font-size: 16px;}
    .add-category ul li h5{font-size: 20px;}
    .drag input {height: 400px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content {height: unset}
    a.all-btn{padding: 8px 20px 10px 20px;font-size: 16px;}
    .footer-btn, a.footer-btn.cst {padding: 8px 30px 10px 30px;font-size: 16px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options textarea.form-control{height: 250px;}
    .estraha-inner-section.category .estraha-inner-section-left-content .options ul li img {width: 70px;}
    .estraha-inner-section-left-content .options ul li img {border-radius: 15px;}
    .estraha-inner-section.category .estraha-inner-section-left-content{/* height: unset; */}
    .estraha-inner-section-left-content .options{padding: 5px;}
    .estraha-inner-section-left-content .options ul li a{font-size: 20px;margin-right: 20px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options ul li a{margin-right: 0px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control{height: 70px;font-size: 20px;}
    .estraha-inner-section-left-content .options ul li img.icon{width: 30px;}
    .estraha-inner-section.cancellation-policy.publish .estraha-inner-section-left-content {width: fit-content;}
    .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content .options{font-size: 16px;}
    .estraha-inner-section-left-content .card{width: 400px;}
    .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content a.btn.btn-primary{padding: 20px;width: 400px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options label.form-label{font-size: 13px;}

}


@media (max-width:1199px){
    .add-categorys{margin-top: 30px;}
    .add-category ul{margin: 20px 0px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control {height: 60px;font-size: 18px;}
    .estraha-inner-section.cancellation-policy.publish .estraha-inner-section-left-content {height: unset;}
}


@media (max-width:991px){
    .estraha-section-slider-content h3{width: 60vw;}
.estraha-inner-section .navbar-cst{padding: 30px 30px 30px 0px;}
.estraha-banner {height: 40vh;}
.estraha-section-slider .item, .estraha-section-slider .item img {height: 40vh;width: 100%;object-fit: cover;}
.estraha-section-slider-content{height: 60vh;}
.estraha-section-slider .progress{bottom: 21%;bottom: 95px;}
.estraha-inner-section .estraha-inner-section-right{height: 30vh;justify-content: flex-end;}
.estraha-inner-section .navbar-cst{border-bottom: 1px solid #ddd;}
.estraha-inner-section-right img {width: 60px;}
.estraha-inner-section .estraha-inner-section-right h3{
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 35px;
}

.estraha-inner-section-left{height: 70vh;}
.estraha-inner-section .estraha-inner-section-left-content {margin-bottom: 70px;}
.estraha-map iframe{left: 0;height: 100%;}

.estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control{width: 55vw;}
.modal.estraha .modal-body form .form-group label {font-weight: 700;min-height: 50px;display: flex;align-items: flex-end;}
.estraha .modal-body ul{padding: 40px 40px 30px 10px;}
.estraha .modal-body ul li{margin-bottom: 30px;}
.estraha-map iframe{z-index: 0;}
.estraha-inner-section.rate .estraha-inner-section-left-content .options label.form-label{font-size: 18px;}


}

@media (max-width:479px){
    .estraha-section-slider-content h3{width: 60vw;font-size: 24px;}
    .estraha-section-slider-content p{font-size: 18px;}
    .estraha-inner-section .navbar-cst{padding: 30px 10px 30px 0px;align-items:unset}
    .estraha-inner-section .navbar-cst ul li {margin: 0px 0px 0px 10px;}
    a.all-btn {padding: 6px 10px 8px 10px;font-size: 14px;font-weight: 700;}
    .estraha-inner-section-left-content .card,
    .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content a.btn.btn-primary
    {width: 300px;}
    .footer-cst {padding: 30px 20px 50px 20px;}
    .modal.estraha .modal-body form .form-group label{
        min-height: unset;
        display: unset;
        align-items: unset;
    }
    .estraha-inner-section-left-content .options ul li img{
        width: 30px;
    }
    .estraha-inner-section.rate .estraha-inner-section-left-content .options label.form-label{font-size: 14px;}
}



/* With Height of 731px */
@media (max-width:420px){
    .estraha-inner-section .navbar-cst{padding: 20px 10px 10px 0px;}
    .estraha-inner-section .estraha-inner-section-right {height: 25vh;}
    .estraha-inner-section-right img {width: 40px;}
    .estraha-inner-section .estraha-inner-section-right h3 {margin-top: 10px;margin-bottom: 20px;font-size: 25px;}

    .estraha-inner-section-left {height: 75vh;}
    .estraha-inner-section-left-content .options {padding: 0px;overflow: hidden;}
    .estraha-inner-section.category .estraha-inner-section-left-content .options ul li img {width: 60px;}
    .estraha-inner-section.rate .estraha-inner-section-left-content .options input.form-control {height: 40px;font-size: 15px;margin: 5px 0px;border-radius: 10px;}
    .estraha-inner-section-left-content .card, .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content a.btn.btn-primary {width: 200px;}
    .estraha-inner-section-left-content .card .card-body {padding: 10px;}
    .estraha-inner-section-left-content .card h5.card-title {font-size: 18px;margin-bottom: 5px;}
    .estraha-inner-section-left-content .card p.card-text {font-size: 16px;}
    .estraha-inner-section.cancellation-policy .estraha-inner-section-left-content a.btn.btn-primary {
        padding: 10px;
        border-radius: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }



}


/* With Height of 640px */
@media (max-width:400px){
    .estraha-inner-section-right img {width: 30px;}
    .estraha-inner-section .estraha-inner-section-right h3 {margin-top: 10px;margin-bottom: 10px;font-size: 20px;}
    .estraha-inner-section-left-content .options ul li a {font-size: 18px;}
    .drag input {height: 300px;}
    .drag .files-content img {width: 70px;}
    .drag .files-content h5 {margin-top: 15px;font-size: 18px;}
    .drag .files-content-bottom h5 {font-size: 16px;}
    .drag .files-content-bottom{bottom: 8%;}
}


/* With Height of 560px */
@media (max-width:320px){
    .estraha-inner-section.category .estraha-inner-section-left-content .options ul li img {width: 50px;}
    .estraha-inner-section-left-content .options{margin: 10px 0px;}
    .estraha-inner-section-left-content {width: 80%;}
    .estraha-detail input, .estraha-detail textarea {padding: 20px 20px;border-radius: 10px;}
}






.cst-input-field{position:relative;}

.cst-input-field label{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: all 250ms ease-in-out;
}

.cst-input-field input:placeholder-shown + label{
    cursor: text;
    font-size: 12px;
    margin-top: 0;
    color: #444;
    top: 50%;
    transform:
    translate(-50%, -50%);
}