.swal2-container {z-index: 100000!important;}
.hello_user {color: #481091;border: 2px solid transparent;margin-left: 20px;}
.hello_user a {font-size: 16px}
header button.logout_btn {color: #fff!important;background-color: var(--theme-color) !important;}
.hello_user {position: relative;}
.dropdown-user {display:none;width: 164px;background: #fff;border: solid 1px #481091;position: absolute;top: 38px;right: 0;border-radius: 3px}
.dropdown-link {font-size: 16px}
.hello_user:hover > .dropdown-user {display: block;}
.dropdown-user li {width: 100%;padding: 6px 0;}
.dropdown-user li:hover {background: #481091 }
.dropdown-user li:hover > a {color: #fff }

.bordered { border-radius: 20px; margin: auto;border: 2px solid #ccc;
    box-shadow: 5px 5px 5px #4f4f4f09;}
/*.bordered{box-shadow: 1px 1px 5px #c5c1c1;border: none!important;}*/

.images_drop {min-height: 200px}
.upload_images_btn {background-color: #481091;color: white;padding: 0.5rem;border-radius: 0;cursor: pointer;margin-top: 1rem;}
.upload_videos_btn {background-color: #481091;color: white;padding: 0.5rem;border-radius: 0;cursor: pointer;margin-top: 1rem;}
.delete_img_icon {position: absolute;top: 7px;right: 28px;width:auto;border-radius: 50%;margin-top:6px!important;margin-right: 2px!important;background:rgb(236, 14, 40);color:#fff;border-color: rgb(236, 14, 40);font-size:13px;margin-left: 2px!important;}
.custom_img_div {height:170px;overflow:hidden;border-radius: 5px;position:relative;text-align: center;cursor: grab;}
.custom_img_div img{width: 100%}

.delete_video_icon {position: absolute;top: 7px;right: 28px;width:auto;border-radius: 50%;margin-top:6px!important;margin-right: 2px!important;background:rgb(236, 14, 40);color:#fff;border-color: rgb(236, 14, 40);font-size:13px;margin-left: 2px!important;}
.custom_video_div {height:170px;overflow:hidden;border-radius: 5px;position:relative;text-align: center;}
.custom_video_div video{width: 100%}

.unit_locations .form-group {margin-bottom: 8px!important;margin-top:20px!important;}
.unit_locations .form-select {padding: 0 43px 0 30px;background-color: var(--white-color);border: 2px solid #c7c7c7;border-radius:10px;}
.unit_locations .form-group>i {right: unset;left: 20px;color: var(--theme-color);top: 23px;}
.unit_locations .list li {text-align: right}



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {left: auto; right: 12px;top: 17px}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {padding: 0 61px 0 30px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {left: 0!important;border-color: #481091 transparent transparent transparent;border-width: 8px 7px 0 7px;border-radius: 3px;}
.select2-container .select2-selection--single {height:59px!important;border:2px solid #c7c7c7;border-radius: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 59px}
.select2-container--default .select2-search--dropdown .select2-search__field {height:40px!important;}
.select2-container .select2-selection--single.errored {border: 2px solid #de3500;}
.errored {border: 2px solid #de3500!important;}
.error_messages {background: #ff758373!important;border: 2px solid #ff97a2;border-radius: 10px}

input[type="checkbox"]~label:before {border:1px solid #481091}
input[type="checkbox"]~label {margin:0!important;}
.bold {font-weight: bold!important;}

.custom_form {
    background-color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.mobile_logout {
    /*display: block;*/
    /*position: relative;*/
    /*padding: 12px 0;*/
    /*line-height: 1.4;*/
    /*font-size: 16px;*/
    /*text-transform: capitalize;*/
    /*color: var(--title-color);*/
    /*padding-left: 18px;*/
    background: none;
    border: none;
}
.mobile_logout_form {
    display: block;
    position: relative;
    padding: 12px 0;
    line-height: 1.4;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--title-color);
    padding-left: 18px;
}
.mobile_logout_form:before {
    margin-right: 10px;
    display: inline-block;
    content: "\f105";
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 12px;
}
.sub-menu {margin-left:20px!important;margin-right:0!important;}
.sub-menu.show {display:block!important;}



.custom_entryContainer {
    position: relative;
    padding: 20px 20px 10px;
    padding-inline-end: 0;
    border-radius: 10px;
    border: 2px solid #c7c7c7;
    margin: 20px 0 5px;
    transition: 0.3s border ease-in-out;
}
.custom_entryContainer input {
    padding: 10px 20px!important;
    height: auto!important;
    border: none!important;
    font-size: 20px!important;
    color: #333!important;
    background-color: transparent!important;
    width: 100%!important;
    border-radius: 50px!important;
}
.custom_entryContainer label {
    background-color: #efefef;
    right: 40px;
    color: #616161;
    padding: 0px 20px;
    position: absolute;
    transform: translateY(50%);
    transition: 0.3s all ease-in-out;
    font-weight: bold !important;
}
.custom_entryContainer input:not(:placeholder-shown)~label,
.custom_entryContainer input:focus~label,
.custom_entryContainer textarea:not(:placeholder-shown)~label,
.custom_entryContainer textarea:focus~label,
.custom_entryContainer textarea.active~label,
.custom_entryContainer select~label,
.custom_entryContainer:has(i) input:not(:placeholder-shown)~label,
.custom_entryContainer:has(i) input:focus~label,
.custom_entryContainer:has(i) textarea:not(:placeholder-shown)~label,
.custom_entryContainer:has(i) textarea:focus~label,
.custom_entryContainer:has(i) textarea.active~label
 {
    cursor: default;
    top: -25px;
}
.registerSection .entryContainer input:read-only, .registerSection .entryContainer textarea:read-only {background: #eee;cursor: not-allowed}

@media (max-width: 560px) {
    .registerSection.splitterSection .loginDetails {width: 100%}
    .registerSection form {padding:2rem 1rem!important;}
}


#content {font-family:'Cairo', sans-serif;}
#firstHeading {font-size:20px;margin-bottom:2px;}
#bodyContent {font-size: 15px}
#project_link {color: #fff!important;background-color: var(--theme-color) !important;border:none;}
.custom_ot-btn {padding: 21px 10px!important;min-width: 150px!important;}
/*#tourTab {}*/
.unit_details_card button:hover {    background-color: rgba(106, 106, 106, 0.084);}
.unit_details_card button {
    position: absolute;
    top: 25px;
    right: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    font-size: 1.5rem;
    width: 50px;
    border-radius: 50%;
    color: var(--error-color);
    height: 50px;
    transition: 0.3s background-color ease-in-out;
}


#reserveTerms_div{
    border: 1px solid #481091;
    padding: 10px 25px;
}
#start_phase_two, #start_last_phase, .cancel_btn{padding: 10px 20px;
    outline: none;
    border: 2px solid var(--theme-color);
    color: #fff;
    background-color: var(--theme-color);
    margin-top: 10px;
}

.cancel_btn {
    border: 2px solid #C50000;
    background-color: #C50000;
}

.contract_container {position: relative;border-radius: 10px;border: 2px solid #c7c7c7;}
.contract_container .contract_logo {text-align: center}
.contract_container .contract_logo img {width: 100px}
.contract_container li {margin-bottom: 10px}

.confirm_price {margin-top: 20px;display: none}
.confirm_price span {cursor: pointer}
.delete_all_filters {text-align: left;padding: 12px 10px;}

.submit_filter {display: inline-block;text-transform: capitalize;font-size: 14px;font-weight: 700;padding: 10px 20px;border: 2px solid var(--theme-color);border-radius: 0;color: #fff!important;background-color: var(--theme-color) !important;width: 100%}
.search .controls .controlContainer button.controlHead>i {color: #481091;}
.add_term_btn {font-size: 14px;font-weight: 700;padding: 10px 20px;border: 2px solid var(--theme-color);border-radius: 0;color: #fff!important;background-color: var(--theme-color) !important;}
.inputContainer  input[type="radio"]~label {padding-left: 10px!important;line-height: 1.5!important;}
.custom_term_inp {width: 134px!important;height: 43px!important;padding: 0 11px 0 11px!important;position: absolute;bottom: -7px;margin-right: 12px;border: 1px solid #481091;background: #fff!important;text-align: center}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity: 1;}
.econtract p{color: #000;word-spacing: 5px;text-align: justify;}

.change_status {position: absolute;top: 7px;left: 109px;z-index: 99999999999;}
.change_status input {visibility: visible;opacity: 1;display: inline-block;vertical-align: middle;height: 30px;padding: 0 10px 0 10px;width: 60px!important;cursor: pointer}



.otp_group input {
    border: 1px solid #999!important;
    font-size: 20px!important;
    padding: 10px!important;
    border-radius: 0!important;
    width: 40px!important;
    text-align: center!important;
    margin: 0 5px!important;
    background-color: transparent!important;
    color: #333!important;
    height: auto!important;
}

.errored_unique {border: 2px solid #de3500!important;}



.main-menu>ul>li {margin:0 10px!important;}
.verify_div {position: absolute;top:5%;left:5%}


@media (min-width: 992px) {
    .container{max-width: 1250px;}
}
@media (min-width: 1200px) {
    .container{max-width: 1250px;}
}
@media (min-width: 1400px) {
    .container{max-width: 1500px;}
}
@media (max-width: 1200px) {
    .hello_user {vertical-align: text-bottom;}
    .hello_user h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 185px;margin: 0;}
    .dropdown-user {top: 28px;}
}


.new_discount_div {position: absolute;top: -8px;left: -19px;}
.new_discount {background-color: var(--error-color);padding:16px 16px 9px 36px;color: #fff;border-radius: 26px;font-size: 17px;}
.searchValues .place .info>div.right .upperInfo {margin-top:34px}
.searchValues .place {overflow: hidden}


.done_pay {
    /*background-color: #f2f2f2;*/
    /*padding: 20px;*/
    margin: 10px;
    font-size: 19px;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
}

.preview.disabled {cursor: not-allowed;opacity: .5}
.cancel.disabled {cursor: not-allowed;opacity: .5}
.contract.disabled {cursor: not-allowed;opacity: .5}
.pay.disabled {cursor: not-allowed;opacity: .5}

.text-right {text-align: right!important;}
.text-left {text-align: left!important;}
.bordered-b {border-bottom: 2px solid #ddd}
.info_part p {color: #000}
.bolder {font-weight: 800}
.contract_part {color: #000!important;direction: ltr;}
.contract_part p {line-height: 1!important;color: #000}
.contract_part table {border: 2px solid #000}
.contract_part table tr {border-bottom: 2px solid #000;}
.contract_part table tr th, .contract_part table tr td {border: 2px solid #000;}
.signature_part p {color:#000}
.footer_part p {color:#000}

.payment div.bottom {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 5px 5px 5px #4f4f4f09;
    padding: 1rem 3rem;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

.payment div.bottom p {
    font-weight: 900;
    font-size: 1.2rem;
}

.payment div.bottom * {
    color: rgb(239, 8, 54);
    text-align: center;
}

.confirm_otp_contract{
    padding: 10px 40px;
    font-size: 1.4rem;
    border: none;
    border-radius: 5px;
    background-color: var(--theme-color);
    color: #fff;
    font-weight: 700;
}
.confirm_otp_contract:hover{color:#fff}
#otp_contract {
    padding: 0 20px 0 20px!important;
    font-size: 28px;
    text-align: center;
    margin-top: 15px;
}
.didnot_get {color:#7ac5cb;}

.primary_clr {color:#481091!important;}
.btn-primary, .btn-primary:hover,.btn-primary:active,.btn-primary:focus {background: #481091!important;}
.custom_btn {width: 300px;margin: auto auto 10px;}
.btn-warning {
    color: #000!important;
    background-color: #ffca2c!important;
    border-color: #ffc720!important;
}
.btn-success {
    background-color: #146c43!important;
    border-color: #13653f!important;
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1350px;
    }
}
.searchValues .place button {}
.ot-btn:before {background: #33e2ff!important;}
.daterangepicker .drp-calendar.right {padding-left: 17px;border-left: 1px solid #481091;margin-left: 29px;}
.daterangepicker {    width: 600px!important;}
.daterangepicker td.start-date {background: #481091!important}
.daterangepicker td.end-date {background: #33e2ff!important}
.applyBtn, .applyBtn:hover{    background-color: #009688!important;border-color: #009688!important;}



.heading-divider.active {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid #33e2ff;
    width: 100%;
    height: 4px;
    margin-bottom: 22px;
    margin-top: 12px;
}

.heading-divider.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 6px;
    width: 15px;
    border-radius: 0px;
    background-color: #fff;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear;
}

@-webkit-keyframes heading-move {
    0% {
        transform: translateX(-1px);
    }
    50% {
        transform: translateX(75px);
    }
    100% {
        transform: translateX(-1px);
    }
}
.main-menu>ul>li>a.active {padding: 37px 0 0 0;font-weight: bold; color: #481091!important;}


.custom_details_div {}
.custom_details_btn{
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #33e2ff;
    color: #481091;
    font-family: var(--body-font);
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    padding: 15px 16px 18px 36px;
    min-width: 160px;
    border-radius: 31px;
    margin-top: 0;
    margin-right: 7px;
}
.custom_details_div {
    width: 145px;
    overflow: hidden;
    border-radius: 31px;
    height: 80px;
}
.custom_btn_new {border:none!important;border-bottom: 5px solid #ff66ff!important;
    border-top: 5px solid #32dffc!important;border-radius: 10px!important;}

div.swal2-container h2.swal2-title {font-size: 24px;font-weight: bold;}
button.swal2-styled {font-weight: 600;padding: 5px 23px;}
.notification_btn {position: relative}
.notification_count {
    /*width: 23px;height: 23px;*/
    color: #fff;background: red;padding: 0px 8px;border-radius: 50%;font-size: 13px;font-weight: bold;position: absolute;top: -15px;right: -5px;}
.notification_count div {margin-top: -2px;}

.wish_icon_btn {position: relative}
.wish_count {
    /*width: 23px;height: 23px;*/
    color: #fff;background: red;padding: 0px 8px;border-radius: 50%;font-size: 13px;font-weight: bold;position: absolute;top: -16px;right: -10px;}
.wish_count div {margin-top: -2px;}

.slider_image_ {height: 630px!important;border-radius: 10px;cursor: pointer}
.slider_image {height: 630px!important;border-radius: 10px;cursor: pointer}
.searchValues .place .info>div .offers {padding-right: 3rem;}
.ot-header {z-index: 1052!important;}

.day_check_box_label_avilabilty {margin: 5px auto;}
.availabilty_month_card .availabilty_month_toggler {top:220px!important;}
#calendar_days tr th {font-size: 12px;padding: 0;}
#calendar_days {direction: rtl!important;}
.newCarCard .imgContainer .dateTime {cursor: pointer;border: none;outline: none;background-color: transparent;position: absolute;top: 5px;left: 5px;font-size: 2rem;color: #763C8B;}
.searchValues .place button.dateTime{left: 10px;top: 10px;right: auto;}

#unitModalDetails .modal-content{height: 85vh;}
.search_result_badge {position: absolute;top:0;left: 16%; width: 100px;height: auto;text-align: center; border-radius: 10px;padding:14px 7px 8px 7px;margin-top: -5px}

.search_result_badge.success {background: #1dba71}
.search_result_badge.danger {background: #ff5b6b}
.search_result_badge_span_danger {color:#fff}
.search_result_badge_span_success {color:#fff}


.rating {display: inline-block!important;}
.rating input {display: none!important;}
.rating label {padding-left: 8px!important;font-size: 25px!important;color: #7d7d7d!important;cursor: pointer!important;float: right!important;}
.rating label:before {content: '\2605'!important; /* Unicode character for a star */margin: 5px!important;position: relative!important;font-family: "Font Awesome 6 Pro", serif!important;padding-left: 0!important;font-size: 40px!important;border: none!important;border-radius: 0!important;color: unset!important;}
.rating input:checked ~ label {color: #ffdd00!important;}
.rating label:hover,
.rating label:hover ~ label {color: #ffdd00!important;}
.rating input:checked~label::before {background-color:transparent}

.custom_rating_badge {padding: 12px;border: 1px solid #481091;font-weight: bold;color: #fff;background: #481091;border-radius: 5px;}
.tab-pane .rates .reviews .reviewsContainer .review .head .information p.name {font-size:21px;}
.tab-pane .rates .reviews .reviewsContainer .review .head .information p.name.custom_size {font-size: 17px;text-transform: unset;}
.tab-pane .rates .reviews .reviewsContainer .review .head {padding-bottom:7px;}
.tab-pane .rates .reviews .reviewsContainer .review {border-bottom: 1px solid #cfcfcf;padding-bottom: 28px;}
.dis_batch { width: 80px;height:80px;margin: auto;background-size: 100% 100%;padding-top: 12px;}
.dis_batch p{color:#fff;font-size: 14px;    text-align: center;}
.total_amount {position: absolute;top: 10px;left: 55px;z-index: 9;}
.total_amount h5 {font-size: 22px}
.orders_count {margin-left: 100px;}
#reserveTerms_div input[type="checkbox"]~label {line-height: 38px;padding-left: 0!important;}
#reserveTerms_div input[type="checkbox"]~label::before {top: 11px!important;}
#reserveTerms_div .custom_term_inp {width: 110px!important;height: 33px!important;padding: 0 9px 0 11px!important;position: absolute;bottom: 0px;margin-right: 12px;border: 1px solid #481091;background: #fff!important;text-align: center;}


@media (max-width: 540px) {
    .slider_image_ {height: 390px!important;}
    .slider_image {height: 390px!important;}
    .daterangepicker {width: 72%!important;    direction: ltr;}
    .daterangepicker .drp-calendar.right {padding-left: 0;border-left: 0;margin-left: 0;}
    .custom_splitterSection {grid-template-columns: 1fr!important;}
    .ordedControls {left:23px!important;}
    .contract_title {padding: .5rem 1.5rem}
    .contract_title h3{font-size: 23px!important;}
    .modal .payment .details {padding: 1rem 12px!important;}
    .modal .contractDone {padding: 0!important;}
    .payment .finalStage {padding:20px 0;}
    #unitModalDetails .modal-content{height: auto;}
    .searchValues .place button.dateTime {    right: 10px;left: auto;}
    .notification_div {top: 42px;position: absolute;right: 65px;}
    .wishes_div {position: absolute;right: 113px;top: 43px;}
    .searchValues .place .info {padding: 5px!important;}
    .info_div {display: grid;grid-template-columns: 2fr 1fr;align-items: stretch;}
    #unitModalDetails {z-index: 9999}
    .description-table {min-width: auto!important;}
    .description-table ul {padding-right: 10px;padding-left: 0;}

}

.custom_row {position: relative;display: flex;justify-content: flex-start;align-items: flex-start;padding: 20px 20px 15px;padding-inline-end: 0;border-radius: 10px;border: 2px solid #c7c7c7;margin: 20px 0 5px;transition: 0.3s border ease-in-out;}
.custom_p {cursor: default;background-color: #fff;right: 40px;top: -25px;position: absolute;transform: translateY(50%);color: #616161;padding: 0px 20px;transition: 0.3s all ease-in-out;margin-bottom: 0.5em;margin-top: -0.3em;display: block;font-family: var(--body-font);font-size: 16px;width: auto;}
.custom_row .inputContainer input[type="radio"]~label {padding-right: 32px;line-height: 1.2!important;}
.custom_row .inputContainer.radio {display: inline-block;width: auto}
.custom_row i {display: inline-block;width: auto;margin-top: 6px;padding-right: 0;}




#notification-list {display: none;position: absolute;top: 80%;right: -130px;width: 300px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: #fff;border: 1px solid #ccc;z-index: 1000;}
.notification-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    color: #000;font-weight: 600;
}

.notification-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.notification-content {
    flex-grow: 1;
    padding-right: 10px;
}

.notification-title {
    font-weight: bold;
}

.notification-details {
    color: #777;
}

.whats_btn {
    width: 100%;
    background: #0dc143;
    color: #fff !important;
    padding: 8px 3px;
    border-radius: 0;
}
.call_btn {
    width: 100%;
    background: #481091;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 0;
}


.ask_cancel_order_form {  float: left;  margin: 0!important;display: inline-block;overflow: visible!important;border: none!important;box-shadow: none!important;padding: 0!important;}
.ask_cancel_order_form_btn {float: left;width:250px;padding: 4px 28px!important;font-size: 19px!important;color: #fff !important;background-color: #dc3545!important; border-color: #dc3545!important;border-radius: .25rem!important;}
.ask_cancel_order_process {float: left;width:280px;padding: 4px 8px!important;color: #fff !important;background-color: #dc3545 !important;border-color: #dc3545 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}
.ask_delay_order_btn {float: left;width:180px;margin-left: 13px;padding: 4px 8px!important;color: #fff !important;background-color: #dc6600 !important;border-color: #dc6600 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}
.ask_delay_order_btn_after_contract {padding: 4px 8px!important;color: #fff !important;background-color: #dc6600 !important;border-color: #dc6600 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}
.ask_delay_order_btn_success {float: left;width:180px;margin-left: 13px;padding: 4px 8px!important;color: #fff !important;background-color: #27b620 !important;border-color: #27b620 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}
.ask_delay_order_btn_success_after_contract {padding: 4px 8px!important;color: #fff !important;background-color: #27b620 !important;border-color: #27b620 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}
.ask_delay_order_btn_rejected {float: left;width:180px;margin-left: 13px;padding: 4px 8px!important;color: #fff !important;background-color: #dc3545 !important;border-color: #dc3545 !important;border-radius: .25rem !important;font-size: 18px!important;font-weight: 700!important;}

.ask_delay_order_btn_after_contract i {font-size: 18px !important;color:#fff!important;margin-bottom:0!important;}
.ask_delay_order_btn_after_contract.reject {background-color: #dc3545 !important;border-color: #dc3545 !important;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {line-height: 15px!important;}
.custom_btn_new.disabled {cursor: not-allowed}