@import url("Poppins/Poppins-Regular.ttf");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;1,100;1,400;1,500&display=swap');

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    color: #1F292E;
    position: relative;
    overflow-x: hidden;
    background: #F5FAFF;
}

    body#landing_page {
        background-color: #ecf2f8;
    }

html,
body {
    font-family: 'Poppins', Poppins;
}

input, select, .form-control:focus {
    box-shadow: none;
}
/*-------------scrollbar-------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(216, 215, 215);
    border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #c6c6c6;
    border-radius: 10px;
}

    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background: #c6c6c6;
    }

/*=============Login Page======================*/
.main-bg {
    background-image: url('../images/LOGIN.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.eye_icon {
    cursor: pointer;
}

a {
    text-decoration: none;
}


/* Login CSS */
input::placeholder {
    color: #bdb7b7 !important;
}

.avancd_srch_modal button.nav-link.active, .avancd_srch_modal button.nav-link.active:hover {
    border-bottom: 2px solid #fe7241;
    color: #fe7241 !important;
}

.avancd_srch_modal .nav-tabs .nav-link {
    border: none;
    color: #000;
}

.video_tabs .avancd_srch_modal button.nav-link {
    background: #fff;
    color: #000;
}

.advanc_tabs.modal-body {
    min-height: 350px
}

.modal-body.advanc_tabs.booking_tabs {
    min-height: auto;
}

.avancd_srch_modal.book-now-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid;
}

.avancd_srch_modal.book-now-tabs .nav-link {
    color: #000;
    border: none;
}

    .avancd_srch_modal.book-now-tabs .nav-link:hover {
        border: none;
    }

.input-wrapper .input-group .input-group-text {
    padding: .375rem 1.5rem;
}

.login_section {
    height: 100vh;
}

button.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.signupbtn {
    background: transparent;
    color: #fff;
    border: none;
}

.login_wrapper .logo_sec img {
    max-width: 350px;
    width: 100%;
    margin-top: 1.5rem;
}

.input-wrapper .input-group input, .input-wrapper .input-group span#basic-addon2, .input-wrapper .input-group span#basic-addon {
    height: 48px;
    background-color: #e8f0fe;
    border: none;
    font-size: 1rem;
    color: #18264E;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.375rem 1.5rem;
    box-shadow: none;
}

.input-wrapper .input-group input {
    width: 73% !important;
    border: none;
}

.input-wrapper .input-group .input-group-text {
    padding: .375rem 1.5rem;
}

.btn-sbt-login {
    border: 1px solid #fff;
    background-color: #FE7241;
    padding: 0.7rem 1.5rem;
    height: 48px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 8px;
    margin-top: 2rem;
}

    .btn-sbt-login a {
        color: #fff;
    }

.input-wrapper p a {
    color: #9399A3;
}

.input-wrapper .input-group span.input-group-text img {
    width: 20px;
}

.social_media_icons img {
    margin-right: 16px;
    height: 30px;
    width: 30px;
    margin-top: 1.5rem;
}

.commom_color {
    color: #FE7241;
}

.bottom_sec p:last-child a {
    color: #FE7241;
}

.cmn-text {
    color: #6B7487;
}

.login_main {
    background: #18264eeb;
    padding: 1.5rem;
}

.bottom_sec {
    position: relative;
}

    .bottom_sec .sign_in_txt {
        white-space: nowrap;
        color: #6B7487;
        position: absolute;
        top: -21%;
        left: 50%;
        background: #232f52;
        z-index: 999;
        padding: 0 2rem;
        transform: translate(-50%, 0%);
    }

hr:not([size]) {
    height: 1px;
    width: 100%;
    background: aliceblue;
}

p.txt_heading {
    font-size: 24px;
    margin-bottom: 1rem;
}

/* ================End Login Page==================== */
/* ================Landing PAge CSS==================== */
section#navbar-header {
    position: absolute;
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}

input#FilterAddress {
    width: -webkit-fill-available;
}

div#navbarSupportedContent {
    flex-grow: inherit;
}

#navbar-header {
    background-color: #18264e;
}

.profile_wrapper {
    padding-top: 3rem;
}

section#navbar-header .navbar a.navbar-brand img {
    max-width: 200px;
    width: 100%;
}

section#navbar-header .navbar .svg_icons {
    height: fit-content;
    width: 24px;
    margin-left: 1rem;
}

section#navbar-header .navbar #navbarSupportedContent ul li a {
    color: #fff;
}

    section#navbar-header .navbar #navbarSupportedContent ul li a.border_none {
        border-right: none;
        padding: 0 !important;
    }

section#navbar-header .navbar #navbarSupportedContent ul li {
    margin-bottom: 0.5rem;
}

#navbar-header .nav-link {
    padding: 0 1rem !important;
}

#navbar-header ul.dropdown-menu.show {
    background: #ffffff;
}

section#navbar-header #navbarSupportedContent ul.dropdown-menu.show li a {
    color: #FE7241;
    font-size: 1rem;
}

li.nav-item.dropdown a#navbarDropdown img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

li.nav-item.clinic_host {
    background: #FE7241;
    padding: 8px 14px;
    border: 1px solid #fff;
    border-radius: 6px;
    margin-left: 8px;
    width: fit-content;
    color: #fff;
}

.about-video-sxn video {
    height: inherit;
    width: -webkit-fill-available;
    object-fit: cover;
    padding: 0;
}

section#banner_section .video_wrapper video {
    width: 100%;
    height: 60vh;
    object-fit: cover;
}
section#banner_section .video_wrapper .wrp_video-bx {
    width: 100%;
    background: white;
    object-fit: cover;
    height: 30vh;
    min-height:260px;
}
section#banner_section .video_wrapper {
    position: relative;
}

section#banner_section .video_tabs {
    position: absolute;
    bottom: -40%;
    left: 1%;
}

ul.content_list {
    padding-left: 0;
}

ul li {
    list-style-type: none;
}

button#home-tab, button#profile-tab {
    padding: 1rem;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1rem;
}

.lease_content {
    padding: 1rem 0.5rem;
    background-color: #fff;
}

    .lease_content input {
        width: 100%;
        font-weight: 500;
    }

    .lease_content ul li a, .lease_content ul li a:hover, .lease_content ul li a:focus {
        color: #979DAD;
        font-size: 1rem;
    }

        .lease_content ul li a.commom_color, .lease_content ul li a.commom_color:hover {
            color: #FE7241;
        }

input[type="text"]:focus-visible {
    outline: none;
}

.lease_content ul li {
    margin: 0 0.5rem;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.video_tabs button.nav-link {
    background-color: #fff;
    color: #232f52;
}

button#Lets_go_btn {
    background: #fe7241;
    color: #fff;
    border-radius: 8px;
    width: fit-content;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
}

.video_tabs button.nav-link:hover {
    border: none;
}

.video_tabs button.nav-link.active {
  
    background-color: #18264E;
    color: #fff;
    border: none;
}

a#Lets_go_btn {
    background: #fe7241;
    color: #fff;
    border-radius: 8px;
    width: fit-content;
    padding: 0.65rem 2rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.cards_wrapper .card_section .card {
    background-color: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    min-height: 100%;
    margin-bottom: 0.5rem;
    border: 1px solid #ffce4b;
    border-radius: 10px;
}

.cards_wrapper .card_section .col-md-4 {
    margin: 1rem 0;
}

.cards_wrapper .card_section .card:hover {
    box-shadow: 2px 3px 20px 1px rgb(41 28 24 / 16%);
    border-radius: 10px;
    transform: scale(1.02);
    transition: transform .2s;
}

.accordion-collapse {
    border-width: 0;
    border: 0 solid #cccccc;
}

.accordion .collapsing {
    transition: height 0.4s ease;
}

.accordion-body {
    padding: 1rem 1.25rem;
    background: #fff;
}

.custom-marker {
    background: #fff;
    width: fit-content;
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid #33426a;
    box-shadow: 2px 3px 20px 1px rgb(24 38 78 / 21%);
    font-weight: 500;
    color: black;
}

.Amenitieschk .form-check-input[type=checkbox] {
    padding: 8px;
}

.cards_wrapper .card_section .col-md-4 h5.card-title:first-child {
    color: #fe7241;
    text-transform: capitalize;
}

.cards_wrapper .card_section .card img {
    height: 350px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}

.cards_wrapper #heart, .cards_wrapper #heart2, .cards_wrapper #heart1 {
    position: absolute;
    background: #E2E3E4;
    padding: 1rem;
    border-radius: 6px 6px 6px 1rem;
    right: 15px;
    top: 10px;
    z-index: 999;
}

.wishlistheart {
    position: absolute;
    background: #e2e3e469;
    padding: 0.75rem;
    border-radius: 6px 6px 6px 1rem;
    right: 15px;
    top: 10px;
    z-index: 1;
    font-size: 12px;
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-heart-o {
    color: #9A978B;
    cursor: pointer;
}

.fa-heart {
    color: red;
    cursor: pointer;
}

.show_more_btn span, .show_more_btn a {
    border: 1px solid #FFCE4B;
    background: #fff;
    padding: 0.65rem 1.75rem;
    border-radius: 6px;
    font-size: 1.125rem;
    font-weight: 600;
}

.about-space-stn {
    background: url('../images/about-bg.png');
    min-height: 550px;
    height: 100%;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}


.about-video-sxn {
    background: url(../images/about-video.png);
    /*height: 55%;*/
    width: 82%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 17rem;
}


    .about-video-sxn span {
        height: 150px;
        width: 150px;
        background: #ffffff85;
        border: 1px solid #FF6F00;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

footer {
    background: url(../images/footer.png);
    height: auto;
    margin-top: 4rem;
    background-size: cover;
    text-align: center;
}

.how_works_sxn {
    margin-top: 25rem;
}

footer .top_space {
    padding-top: 12rem;
}

footer .logo_botton {
    max-width: 350px;
    width: 100%;
}

select#inputGroupSelect03 {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.how_works_sxn img {
    height: 85px;
}

.space_content {
    background-color: #fff;
    padding: 3rem 0.5rem;
}

    .space_content .form-check {
        padding: 1rem 3rem;
        box-shadow: 2px 3px 20px 1px rgba(252,144,106,0.16);
        border-radius: 6px;
        width: 20rem;
        margin-right: 0.5rem;
        font-size: 1rem;
    }

ul.content_list li a svg {
    margin-bottom: 4px;
    height: 14px;
}

.range_wrapper .input-group span.count {
    display: none;
}

.range_wrapper input, .range_wrapper input:focus-visible, .range_wrapper input:focus {
    width: 100%;
    padding: 0.65rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    color: #212529;
}


.datepicker table tr td.active, .datepicker table tr td:hover, .datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, #fe7241, #fe7241);
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 10px;
    border-top: none !important;
}

table.dataTable thead th {
    border-bottom: none;
}

.video_tabs .modal-content .modal-body {
    padding: 2rem 1rem;
}

button.btn.btn-sbmt {
    color: #fff;
    background-color: #FE7241;
    border-color: #FE7241;
    padding: 6px 24px;
    font-size: 1rem;
}

button.btn.btn-cancel, a.btn.btn-cancel {
    color: #FE7241;
    border-color: #FE7241;
    padding: 6px 24px;
}

.first_icon, .second_icon, .third_icon, .fourth_icon {
    background: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #707070;
}

.social_media_icns {
    justify-content: center;
    margin-bottom: 2rem;
    padding-bottom: 4px;
}

.cards_wrapper .card_section .card .card-title-price {
    color: #498F03;
}

.how_works_sxn h3 {
    color: #18264E;
}

.form-check-input:checked {
    background-color: #FE7241 !important;
    border-color: #FE7241 !important;
}

input[type="radio"] {
    accent-color: #f35d28;
}
/* ================End Landing PAge CSS==================== */
/*=====================mutistep===============================*/
#progressbar {
    margin-top: 4rem;
    padding-left: 10px;
    position: relative;
}

    #progressbar li {
        margin-bottom: 60px;
        display: flex;
        gap: 2rem;
    }

    #progressbar .step:before {
        content: "";
        color: #fff;
    }

    #progressbar li:before {
        width: 45px;
        height: 45px;
        display: inline-block;
        font-size: 20px;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
        border: 4px solid #fff;
    }

    #progressbar li.active:before {
        width: 45px;
        height: 45px;
        display: inline-block;
        font-size: 20px;
        background: #FE7241;
        border-radius: 50%;
        z-index: 1;
        border: 4px solid #FE7241;
    }

ul#progressbar:before {
    position: absolute;
    content: "";
    top: 0;
    left: 31px;
    height: calc(100% - 70px);
    width: 2px;
    background: #fff;
    z-index: 0;
}

#progressbar li.active:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../images/checkmark-sharp.png);
    background-color: #FE7241;
}

.prev {
    display: block;
    /* position: absolute; */
    left: 40px;
    top: 20px;
    cursor: pointer;
}

.card2 {
    display: none;
}

    .card2.show {
        display: block;
    }

    .card2 ~ .next-btn .submitformbtn {
        display: none;
    }

    .card2:nth-child(3).show ~ .next-btn .next-button {
        display: none;
    }

    .card2:nth-child(3).show ~ .next-btn .submitformbtn {
        display: inline-block;
    }

.left_sec_wrapper {
    height: 100%;
    background: #18264E;
    color: #fff;
    background-image: url(../images/multistep_img.png);
    background-position-x: -90%;
}

    .left_sec_wrapper h4 {
        line-height: 2.25rem;
    }

button.primary-btn.next-button {
    background: #18264E;
    border: none;
    color: #fff;
    padding: 0.65rem 1.45rem;
    border-radius: 0.5rem;
}

button#back {
    background: transparent;
    border: 1px solid #FE7241;
    color: #FE7241;
    padding: 0.65rem 2rem;
    border-radius: 0.5rem;
}

.step-wizard {
    text-align: center;
    display: flex;
    justify-content: center;
}

.draft_btn button {
    color: #818181;
    background: none;
    border: 1px solid #818181;
    padding: 0.5rem 1.25rem;
    border-radius: 10px;
}


button.submitformbtn {
    background: #18264E;
    color: #fff;
    border: none;
    padding: 0.65rem 2rem;
    border-radius: 10px;
}

button.btn.btn-outline-secondary.dropdown-toggle {
    border: 1px solid #ced4da;
    background: #e8f0fe;
    color: #6c757d;
    padding: 0 2rem;
}

    button.btn.btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: none;
    }

span.input-group-text {
    border: 1px solid #ced4da;
    background: #e8f0fe;
    color: #6c757d;
    padding: 0 2rem;
}

/*===================End==mutistep===============================*/
/*============================Profile Page========================*/
.profile_main, .content_main {
    background: #fff;
    padding: 1rem;
    box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 13%);
}

    .profile_main .image_sec img {
        height: 60px;
        width: 60px;
        background-size: cover;
        border-radius: 50%;
    }

    .profile_main .text_sec p:last-child {
        font-size: 1rem;
    }

hr:not([size]) {
    background: #979797;
    margin: 0.75rem 0 0 0;
}


/*===================Image upload====================*/

h1 small {
    display: block;
    font-size: 15px;
    padding-top: 8px;
    color: gray;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
        top: 10px;
    }

        .avatar-upload .avatar-edit input {
            display: none;
        }

            .avatar-upload .avatar-edit input + label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all 0.2s ease-in-out;
                position: absolute;
                top: 140px;
                right: 4px;
            }

                .avatar-upload .avatar-edit input + label:hover {
                    background: #f1f1f1;
                    border-color: #d6d6d6;
                }

                .avatar-upload .avatar-edit input + label:after {
                    content: "\f040";
                    font-family: 'FontAwesome';
                    color: #757575;
                    position: absolute;
                    top: 6px;
                    left: 0;
                    right: 0;
                    text-align: center;
                    margin: auto;
                }

    .avatar-upload .avatar-preview {
        width: auto;
        height: 192px;
        position: relative;
        border-radius: 100%;
        border: 6px solid #F8F8F8;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }

        .avatar-upload .avatar-preview > div {
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

            .avatar-upload .avatar-preview > div img {
                height: inherit;
                width: inherit;
                border-radius: 50%;
            }

.radio_main .form-check {
    padding: 0.55rem 2rem;
    border: 1px solid #E6E6E6;
    width: 100%;
    margin-bottom: 0;
    border-radius: 6px;
}

.btn-submit_profile {
    background-color: #FE7241;
    border-color: #FE7241;
    padding: 8px 24px;
    color: #fff;
    border: none;
    border-radius: 6px;
}

.btn-accountedit_info {
    background-color: #FE7241;
    border-color: #FE7241;
    padding: 8px 23px;
    color: #fff;
    border: none;
    border-radius: 6px;
    margin-right: 67px;
    margin-top: 4px;
}

.datepicker_wrapper div#v-pills-tab .nav-link {
    background: #fff;
    text-align: left;
    padding: 2rem 1rem;
    font-size: 1.125rem;
    color: #15171C;
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
}

.profile_wrapper div#v-pills-tab .nav-link {
    background: #fff6f3;
    text-align: left;
    padding: 1.25rem 1rem;
    font-size: 1rem;
    color: #15171C;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.property_filters .accordion-item {
    border: none;
    margin-bottom: 1rem;
}

.property_filters .accordion-button:not(.collapsed) {
    background-color: #ebf5ffde;
    box-shadow: none;
}

.property_filters .Amenitieschk {
    padding: 0;
    font-size: 0.95rem;
}

.property_filters .accordion-body {
    padding: 0.5rem;
}

.property_filters .accordion-button {
    padding: 1rem 0.5rem;
}

.property-filter-btn-acive {
    background: #FE7241;
    color: #fff;
}

.content_prop_card a h5 {
    color: #fe7241;
    text-transform: capitalize;
}

.prop_card_details .carousel-control-next-icon {
    filter: drop-shadow(2px 4px 6px black);
}

.property-filter-btn-acive svg path {
    fill: #fff;
}

.property-filter-btn-acive:hover {
    color: #fff;
}

.datepicker_wrapper div#v-pills-tab .nav-link.active {
    background: #FE7241;
    color: #fff;
}

.profile_wrapper div#v-pills-tab .nav-link.active {
    background: #18264e;
    color: #fff;
}

input.weekdays_bx, input[type="checkbox"]:focus-visible {
    width: 14px !important;
}
/*=================End==Image upload====================*/
/* ============image upload start ==================*/
.pictures_wrapper .form {
    margin: 3% auto;
}

.form__container {
    position: relative;
    width: 100%;
    height: 200px;
    border: 2px dashed silver;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: silver;
    margin-bottom: 5px;
    flex-direction: column;
    background: #fff;
}

    .form__container.active {
        background-color: rgba(192, 192, 192, 0.2);
    }

.form__file {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.form__files-container {
    display: block;
    width: 100%;
    font-size: 0;
}

.form__image-container {
    display: inline-block;
    width: 29%;
    height: 100px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 15px;
}

    .form__image-container:not(:nth-child(2n)) {
        margin-right: 3%;
    }



    .form__image-container:after {
        content: "✕";
        position: absolute;
        line-height: 14px;
        font-size: 8px;
        /* margin: auto; */
        top: -7px;
        right: -5px;
        /* left: 111px; */
        text-align: center;
        font-weight: bold;
        color: #fff;
        background-color: #FE7241;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        height: 14px;
        width: 14px;
        border-radius: 50%;
    }

    .form__image-container:hover:after {
        opacity: 1;
        cursor: pointer;
    }

.form__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* ======================image upload end=============== */


#upload-container .browse_files {
    background: aliceblue;
    border: 1px solid #18264E;
    color: #18264E;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}

.plan-card-container .input-group input {
    width: 50%;
}

    .plan-card-container .input-group input:focus {
        border: 1px solid #ced4da;
    }

.plan-card-container input#MinDownFee {
    width: 60%;
}

.right_sec_wrap {
    padding: 0 2rem;
}
/* ======================Property List=============== */
#tblPropertylist thead tr th {
    background: #FE7241;
    color: #fff;
    font-weight: 400;
    font-size: 0.9rem;
    padding: 18px 16px;
}

#tblPropertylist_length, #tblPropertylist_filter {
    margin-bottom: 1rem;
}

#tblPropertylist tbody td {
    padding: 18px 16px;
}

#tblPropertylist tbody tr:nth-child( even ) {
    background: #FFF6F3;
}

div#tblPropertylist_paginate, div#tblPropertylist_info {
    margin-top: 1rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 6px;
    background: #18264E !important;
    color: #fff !important;
}

.create_new_btn a {
    border: 1px solid #18264E;
    border-radius: 6px;
    margin: 3rem 1rem 1rem 1rem;
    color: #212529;
}

    .create_new_btn a:hover {
        color: #212529;
    }

th.sortable, th.sorting {
    position: relative;
    cursor: pointer;
}

    th.sortable::after, th.sorting::after {
        font-family: FontAwesome;
        content: "\f0dc";
        position: absolute;
        right: 4px;
        color: #ffffff;
        font-size: 15px;
        top: 50%;
        transform: translate(0px, -50%);
    }

table#tblPropertylist thead th:last-child.sortable::after, th:last-child.sorting::after {
    content: '';
}

td.dtfc-fixed-right ul.option-list {
    padding: 0.5rem;
}

    td.dtfc-fixed-right ul.option-list li {
        padding-bottom: 0.25rem;
    }

        td.dtfc-fixed-right ul.option-list li a {
            color: #FE7241;
            display: block;
            width: 100%;
        }

th.sortable.asc::after {
    content: "\f0d8";
}

th.sortable.desc::after {
    content: "\f0d7";
}

th.sortable:hover::after {
    color: #333;
}

table.dataTable thead th {
    background: #FE7241;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    padding: 18px 16px;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
}

table thead th:first-child {
    border-radius: 10px 0 0 0;
}

table thead th:last-child {
    border-radius: 0 10px 0 0;
}

.dataTables_filter {
    margin-bottom: 1rem;
}

table.dataTable tbody tr:nth-child( even ), table.dataTable tbody tr:nth-child( even ):hover, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background: #FFF6F3;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1 {
    background-color: #fff;
}

table#example tbody td {
    padding: 8px 16px;
    white-space: nowrap;
}

table#example th.sorting::after {
    right: 20px;
}

table#example th:last-child.sorting::after {
    display: none;
}

.propert_typ_btn button, .posted_by button {
    border: 1px solid #E6E6E6;
    border-radius: 1rem;
    padding: 0.35rem 1rem;
    margin: 0.45rem;
    font-size: 0.825rem;
    white-space: nowrap;
}

.property_filters {
    background: #fff7f7f2;
    border-radius: 10px;
    padding: 1rem;
    position: absolute;
    z-index: 9999;
    display: none;
    width: min-content;
}

.propert_typ_btn p, .price_range p, .first_counter p, .second_counter p, .posted_by p, .localities_sec p, .furnish_sec p {
    font-size: 1rem;
    font-weight: 400;
}

.posted_by svg, .furnish_sec svg, .propert_typ_btn svg {
    width: 10px;
}

.filter_main_wrapper {
    margin: 3rem 0 1rem 0;
}
/* ====================End==Property List=============== */
/*========================range CSS=========================*/
::selection {
    color: #fff;
    background: #FE7241;
}

.price_range header h2 {
    font-size: 24px;
    font-weight: 600;
}

.price_range header p {
    margin-top: 5px;
    font-size: 16px;
}

.price_range .price-input {
    width: 100%;
    display: flex;
    margin: 20px 0 10px;
}

    .price_range .price-input .field {
        display: inline-block;
        width: 100%;
        height: 45px;
        align-items: center;
    }

.price_range .field input {
    width: 85%;
    height: 100%;
    outline: none;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

.price_range input[type="number"]::-webkit-outer-spin-button,
.price_range input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price_range .price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.price_range .slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

    .price_range .slider .progress {
        height: 100%;
        left: 25%;
        right: 25%;
        position: absolute;
        border-radius: 5px;
        background: #FE7241;
    }

.price_range .range-input {
    position: relative;
}

    .price_range .range-input input {
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        background: none;
        pointer-events: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.price_range input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #FE7241;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price_range input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #FE7241;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

button.apply_btn {
    margin-top: 2rem;
    padding: 0.55rem 1rem;
    border: none;
    background: #FE7241;
    color: #fff;
    border-radius: 6px;
    font-size: 1rem;
}


.field .filter_txt {
    font-size: 14px;
}
/*=====================End===range CSS=========================*/

/*====================counter CSS=======================*/

.rooms_clinics_counter span {
    cursor: pointer;
}

.rooms_clinics_counter .minus, .rooms_clinics_counter .plus {
    width: 30px;
    height: 38px;
    background: #18264E;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #18264E;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.rooms_clinics_counter input {
    height: 40px;
    width: 100px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.localities_sec .form-check span {
    background: #CAEFDA;
    color: #27AE60;
    font-size: 13px;
    padding: 0 0.25rem;
}

.furnish_sec button {
    border: 1px solid #E6E6E6;
    border-radius: 1rem;
    padding: 0.35rem 1rem;
    margin: 0.25rem;
    font-size: 0.825rem;
}

.reset_filters_btn button {
    margin-top: 1.45rem;
    padding: 0.55rem 1rem;
    border: none;
    background: #FE7241;
    color: #fff;
    border-radius: 6px;
}
/*===================End=counter CSS=======================*/

/*=======================Property Cards=================*/
.prop_card_details .prop_card {
    background: #fff;
    padding: 1rem;
    margin-top: 1.5rem;
    box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 15%);
    border-radius: 6px;
    position: relative;
}

.card_room_prop p {
    border-right: 1px solid grey;
    padding: 0 0.5rem;
}

.card_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 3%;
}

    .card_btns a {
        padding: 0.75rem 1rem;
        border: none;
        background: #FE7241;
        color: #fff;
        border-radius: 6px;
    }

    .card_btns button, .card_btns button:hover {
        padding: 0.75rem 1rem;
        border: none;
        background: #FE7241;
        color: #fff;
        border-radius: 6px;
    }

.content_prop_card .small_txt {
    color: #ACACAE;
}

.first_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

table#tblPropertylist {
    /*box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 15%);*/
    border-radius: 10px;
}

    table#tblPropertylist thead th {
        white-space: nowrap;
    }

        table#tblPropertylist thead th:first-child {
            border-radius: 10px 0 0 0;
        }

        table#tblPropertylist thead th:last-child {
            border-radius: 0 10px 0 0;
        }

.first_row p {
    font-size: 20px;
}

button.dropdown-toggle, button.dropdown-toggle:hover, button.dropdown-toggle:focus {
    padding: 0.75rem 0.75rem;
    background: #fff;
    color: #000;
    border: 1px solid #18264E;
    box-shadow: none;
}

.dataTables_wrapper .dataTable {
    display: block;
    overflow: scroll;
}

.close_filters {
    display: block;
    border: 1px solid #18264E;
    background: #fff;
    padding: 0.35rem 1rem;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: 0.7px;
}

.filters_wrap {
    display: flex;
    justify-content: space-between;
}
/*===================End====Property Cards=================*/
/*=============================Search box==================*/
.search-box {
    position: relative;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.search-input {
    width: 100%;
    font-size: 16px;
    padding: 15px 45px 15px 15px;
    background-color: #fff;
    color: #6c6c6c;
    border-radius: 6px;
    border: 1px solid #efefef;
    transition: all .4s;
}

    .search-input:focus {
        border: 1px solid #efefef;
        outline: none;
        box-shadow: 0 1px 12px #b8c6db;
        -moz-box-shadow: 0 1px 12px #b8c6db;
        -webkit-box-shadow: 0 1px 12px #b8c6db;
    }

.search-btn {
    background-color: transparent;
    font-size: 18px;
    padding: 6px 9px;
    margin-left: -45px;
    border: none;
    color: #6c6c6c;
    transition: all .4s;
    z-index: 10;
}

    .search-btn:hover {
        transform: scale(1.2);
        cursor: pointer;
        color: black;
    }

    .search-btn:focus {
        outline: none;
        color: black;
    }

#map_canvas {
    height: 85vh;
    overflow: hidden !important;
    position: sticky !important;
    top: var(--navigation-bar-offset,93px);
    z-index: 1;
    border-radius: 4px;
}

.map_section iframe {
    height: 100vh;
    border-radius: 6px;
}

.lease_content ul.content_list li input[type="date"] {
    outline: none;
    color: #757575;
    padding: 0.5rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .lease_content ul.content_list li input[type="date"]:focus {
        outline: none;
    }

.lease_content .start_date .dropdown-toggle::after {
    display: none;
}

/*==========================End===Search box==================*/

/*===============animation index slider===================*/

.logo_sliders {
    margin-top: 15rem;
    padding: 1rem 0;
    background: #fff;
    margin-bottom: 1rem;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.logo_sliders .slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

    .logo_sliders .slider .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

    .logo_sliders .slider .slide {
        height: 100px;
        width: 250px;
    }

.vendor_sec {
    font-size: 1.5rem;
    font-weight: 500;
    padding-bottom: 1rem;
}

    .vendor_sec p {
        border-bottom: 2px solid #fe7241;
        width: fit-content;
        margin: auto;
    }

.viw_all_vndors p {
    border-bottom: 2px solid #27AE60;
    color: #27AE60;
}

.lease_content .content_list li a {
    display: inline;
}

select, .form-control.select {
    background-color: white;
    /* inline SVG */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A") !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: auto 50% !important;
    border-radius: 2px;
    border: none;
    color: #ffffff;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

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

input[type="checkbox"], input[type="checkbox"]:focus-visible, input[type="checkbox"]:focus-within, input[type="checkbox"]:focus {
    accent-color: #f56836;
}

.label_gender {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 0.6rem 1rem;
}

    .label_gender input:last-child {
        margin: 0 0.35rem 0 1rem;
    }

    .label_gender input:first-child {
        margin: 0 0.35rem;
    }

.dataTables_wrapper .dataTables_length select {
    width: 60px;
    color: #000;
}
/*==============End=animation index slider===================*/

/*==================Image Gallery=========================*/

.property_details_wrapper {
    background: #fff;
    padding: 7rem 1rem;
    border-radius: 10px;
}

.image_gallery_wrap .main-img img {
    margin-bottom: 1rem;
    object-fit: cover;
}

.image_gallery_wrap .imgs img {
    height: 75px;
    object-fit: cover;
}

.image_gallery_wrap .main-img img,
.imgs img {
    width: 100%;
    border-radius: 10px;
    height: 250px;
}

.image_gallery_wrap .imgs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    cursor: pointer;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.5s ease-in 1 forwards;
}
/*===============End===Image Gallery=========================*/
/*====================Breadcrumb=============================*/


.breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .breadcrumbs li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .05em;
        line-height: 20px;
        color: hsl(0, 0%, 30%);
    }

        .breadcrumbs li a {
            display: block;
            padding: 0 40px 0 0px;
            color: hsl(0, 0%, 30%);
            text-decoration: none;
            height: 20px;
            position: relative;
            perspective: 700px;
        }

            .breadcrumbs li a:after {
                content: '';
                width: 8px;
                height: 8px;
                border-color: #333;
                border-style: solid;
                border-width: 1px 1px 0 0;
                -webkit-backface-visibility: hidden;
                outline: 1px solid transparent;
                position: absolute;
                right: 20px;
                -webkit-transition: all .15s ease;
                -moz-transition: all .15s ease;
                -ms-transition: all .15s ease;
                transition: all .15s ease;
                -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
                -moz-transform: rotateZ(45deg) skew(10deg, 10deg);
                -ms-transform: rotateZ(45deg) skew(10deg, 10deg);
                transform: rotateZ(45deg) skew(10deg, 10deg);
                top: 5px;
            }


            .breadcrumbs li a:hover:after {
                right: 15px;
                -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
                -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
                -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
                transform: rotateZ(45deg) skew(-10deg, -10deg);
            }

.bread_crumb_wrapper {
    display: inline-block;
}
/*==================End==Breadcrumb=============================*/

/*==================Property Details=============================*/
.property_details_wrapper .host_details {
    border: 1px solid #18264E;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
}

.host_details button {
    border: 1px solid #61A4E6;
    padding: 0.5rem 1rem;
}

.host_details h4 {
    color: #18264E;
    font-size: 1.35rem;
}

    .host_details h4.commom_color {
        color: #FE7241;
    }

.host_details .details {
    font-size: 1rem;
}

.action_icns svg {
    height: 12px;
}

.book_now button {
    background: #18264E;
    color: #fff;
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
}

.book_now a, .book_now a:hover {
    background: #18264E;
    color: #fff;
    display: block;
    width: 100%;
    padding: 0.6rem 1rem;
    font-size: 1rem;
}

.book_now button:hover {
    color: #fff;
}

.details_txt h4 {
    color: #18264E;
    font-size: 1.35rem;
}

.best_clinic_txt {
    font-size: 1.25rem;
}

    .best_clinic_txt span {
        font-size: 1rem;
        color: #ACACAE;
    }


/*===============End===Property Details=============================*/

/*===============Vendor List=============================*/
.vendor_list_wrapper {
    background: #ffffff;
    padding: 6rem 2rem;
    border-radius: 10px;
}

.top_section_sln {
    background: #18264E;
    padding: 2rem;
    color: #fff;
    border-radius: 6px;
}

.vendor_inpu_sxn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

    .vendor_inpu_sxn input, .vendor_inpu_sxn button {
        max-width: 400px;
        width: 100%;
        padding: 0.65rem 1rem;
        margin-bottom: 0.5rem;
    }

    .vendor_inpu_sxn button {
        background: #FE7241;
        color: #fff;
        padding: 0.5rem 2rem;
        font-size: 1.125rem;
        max-width: 150px;
        width: 100%;
    }

        .vendor_inpu_sxn button:hover {
            color: #fff;
        }

.Vendors_card {
    background: #F5FAFF;
    box-shadow: 2px 3px 20px 1px #0000001a;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    line-height: 1.6rem;
}

p.vendor_address {
    font-size: 14px;
    padding: 0.5rem 1rem;
}

.address_vnd_sec button {
    background: #FE7241;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 1rem;
}

a.float-end {
    color: #27AE60;
    text-decoration: underline;
}

.imd_vndoe_card img {
    width: 100%;
    max-height: 100px;
    height: 100%;
    object-fit: cover;
}

.Vendors_card:last-child {
    margin-bottom: 0;
}

textarea {
    color: #747d84;
    border: 1px solid #ced4da !important;
    width: 100%;
    border-radius: 6px;
    padding: 0.5rem;
}

    textarea:focus-visible {
        border: 1px solid #ced4da !important;
        outline: none;
    }

button.btnDelete, button.btnDelete1 {
    border: none;
    background: none;
}

{
    border: none;
    background: none;
}

.vendor_list_wrapper .modal-header {
    color: #FE7241;
}

.vendor_list_wrapper .form-control {
    font-size: 1rem;
}
/*============End===Vendor List=============================*/
.aminities_txt {
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    margin: 0 0.125rem;
    width: 100%;
    padding: 0.5rem;
}

    .aminities_txt label {
        font-size: 1rem;
        font-weight: 600;
    }

/*============About Us=============================*/
.about_us_sec .test {
    position: relative;
    width: 100%;
    height: 17em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_us_sec .image {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    object-fit: cover;
}

.about_us_sec .test:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 17em;
    background: #18264ea8;
    border-radius: 1rem;
}

.about_us_sec .text {
    font-size: 3em;
    color: white;
    text-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.5);
    margin: 0;
    position: absolute;
}

.about_second_sec {
    padding: 1rem;
}

::selection {
    color: #fff;
    background: #FE7241;
}

.create_new_btn.data_crtn_prop {
    text-align: center;
}

.right_about_sec h3, .founder_txt h3 {
    font-size: 2rem;
    text-transform: uppercase;
}

    .right_about_sec h3 span, .founder_txt span {
        color: #FE7241;
    }

.img_about_wrap img {
    width: 100%;
    border-radius: 1rem;
}

.img_about_wrap {
    padding-right: 1rem;
}

.about_card {
    background: #fff;
    padding: 2rem;
    box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 15%);
}

.founder_sec {
    background: #fff;
}

.founder_img img {
    width: 100%;
    /*margin: 6rem 0;*/
    border-radius: 10px;
}

.cards_sec, .payments_tbl_sec {
    background: #fff;
    padding: 1rem;
    box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 15%);
    border-radius: 8px;
}

    .cards_sec .first_card {
        background: #FFEEEE;
        box-shadow: 2px 3px 3px 1px rgb(0 0 0 / 10%);
        border-radius: 6px;
        max-width: 600px;
    }

.saved_card_title h4 {
    border-bottom: 1px solid;
    font-weight: 500;
    font-size: 1.35rem;
}

.saved_card_title p a {
    color: #27AE60;
    text-decoration: underline;
}

.card_info {
    display: flex;
    justify-content: space-between;
}

.number_crd {
    font-size: 1.55rem;
}

.master_crd {
    font-size: 1.25rem;
    color: #ACACAE;
}

.card_auto_pay {
    font-size: 1.25rem;
    color: #818181;
}

.second_card {
    background: #CAEFDA;
    box-shadow: 2px 3px 3px 1px rgb(0 0 0 / 10%);
    border-radius: 6px;
    max-width: 650px;
}
/*============End About Us=============================*/
tfoot tr {
    display: none;
}

td.status_cancel {
    color: #E91B1B;
}

td.status_confirm {
    color: #27AE60;
}

td.status_pending {
    color: #FF8800;
}

.payments_tabs ul#myTab {
    background: #FFF9F9;
    padding: 0 3rem;
}

.payments_tabs ul#myTab {
    border-bottom: none;
}

    .payments_tabs ul#myTab button#home-tab, .payments_tabs ul#myTab button#profile-tab {
        padding: 1rem 1rem 1rem 1rem;
        font-size: 20px;
        font-weight: 400;
        margin-right: 1rem;
        border: none;
    }

    .payments_tabs ul#myTab .nav-link.active {
        color: #FE7241;
        border-bottom: 2px solid #FE7241 !important;
        background: #FFF9F9;
    }

    .payments_tabs ul#myTab .nav-link {
        color: #ACACAE;
    }

table tbody tr button.dropdown-toggle, table tbody tr button.dropdown-toggle:hover, table tbody tr button.dropdown-toggle:focus {
    background: transparent;
    color: transparent;
    border: none;
    box-shadow: none;
}

.section_payments {
    padding-top: 4rem;
}

.payments_tbl_sec select {
    padding: 0.25rem 0.5rem !important;
}

.show_more_btn {
    cursor: pointer;
}

.about_us_sec {
    padding-top: 3rem;
}

.dataTables_wrapper table#example1 {
    display: block;
}

.dataTables_wrapper table thead {
    white-space: nowrap;
}

ul.content_list .input-group {
    width: 100%;
}

    ul.content_list .input-group button.btn.btn-outline-secondary.dropdown-toggle {
        padding: 0.75rem 0.75rem;
    }

.lease_content ul.content_list input.form-control {
    background: #fff !important;
    padding: 0.5rem 1rem;
    border: 1px solid #ced4da;
}

.lease_content ul.content_list button.btn.btn-outline-secondary.dropdown-toggle {
    background: #fff;
}

ul.content_list .input-group select {
    font-size: 1.125rem;
}

/*==========Support Page================*/
.support_wrapper {
    background: #fff;
}

.cotact_form_wrap .info_sec {
    background-image: url(../images/get-us.png);
    background-position: top;
    padding: 1rem 2rem;
    color: #fff;
    height: 100%;
}

.cotact_form_wrap .form_sec {
    background: #F5FAFF;
    padding: 2rem;
    color: #818181;
}

.billing_main_questions {
    background: none;
    padding: 0rem 1.5rem;
    border-radius: 10px;
}

    .billing_main_questions .main_heading {
        color: #FE7241;
        border-bottom: 2px solid #FE7241;
        padding-bottom: 0.25rem;
        font-weight: 600;
        margin-bottom: 1rem;
        display: inline-block;
        letter-spacing: 1px;
    }

.billing_questions .main_heading {
    color: #FE7241;
    border-bottom: 2px solid #FE7241;
    padding-bottom: 0.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: inline-block;
    letter-spacing: 1px;
}

.support_wrapper .top_sec {
    background: #18264E;
    color: #fff;
    border-radius: 10px;
    padding: 2rem 1rem;
}

.support_input_srh input {
    max-width: 450px
}

    .support_input_srh input:focus-visible {
        outline: none;
        box-shadow: none;
        border: 1px solid
    }

.billing_questions .main_heading.dark_clr {
    color: #271d19;
}

.billing_questions {
    background: #E7ECF1;
    padding: 1rem 1.5rem;
    border-radius: 10px;
}

.contact_cards .first_cntct {
    background: #F5FAFF;
    position: relative;
    padding-top: 4rem;
    margin: auto;
    box-shadow: 2px 3px 20px 1px rgb(0 0 0 / 11%);
    margin-bottom: 5rem;
    min-height: 70%;
}

.dataTables_wrapper .dataTables_filter input:focus-within {
    outline: none;
}

.contact_cards .first_cntct h5 {
    color: #18264E;
}

.contact_cards .first_cntct .cards_cntct_icn {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .contact_cards .first_cntct .cards_cntct_icn .icn_bg {
        background: #18264e;
        display: inline-block;
        padding: 1.5rem;
        border-radius: 50%;
    }

.fa_questions .main_heading {
    color: #FE7241;
    border-bottom: 2px solid #FE7241;
    padding-bottom: 0.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: inline-block;
    letter-spacing: 1px;
}

.accordion-item {
    margin-bottom: 1.5rem;
    box-shadow: 2px 3px 20px 1px rgb(0 0 0 / 11%);
}

button.accordion-button.collapsed {
    background: #F5FAFF;
}

.accordion-button:not(.collapsed) {
    color: #000;
}

.accordion-button:focus {
    box-shadow: none;
}

.support_wrapper {
    padding-top: 3rem;
}

.card_room_prop span {
    padding: 0 0.5rem;
    border-right: 1px solid grey;
}

.datepicker_wrapper div#v-pills-tab {
    width: 40%;
}

.filters_wrap1 button {
    border: 1px solid #FE7241;
    padding: 0.5rem 1rem;
    background: #fff;
    border-radius: 6px;
}

/*============Privacy Page CSS====================*/
.privacy_wrapper {
    background: #fff;
    min-height: 85vh;
}

    .privacy_wrapper .top_sec {
        background: #18264E;
        color: #fff;
        border-radius: 10px;
        padding: 2rem 1rem;
        margin-top: 3rem;
    }

table.dataTable.no-footer {
    border-bottom: none;
}
/*============Review Booking Page CSS====================*/

.review_booking {
    position: relative;
}

    .review_booking .back_icn {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .review_booking h4 {
        border-bottom: 2px solid #18264E;
        color: #18264E;
        display: block;
        width: fit-content;
        margin: auto;
        padding-bottom: 5px;
    }

section#review_booking_sec .user_details {
    background: #fff;
    border-radius: 8px;
}

    section#review_booking_sec .user_details p {
        color: #818181;
    }

section#review_booking_sec .price_details {
    background: #fff;
}

section#review_booking_sec .user_details .date_range p {
    color: #18264E;
}

section#review_booking_sec .user_details .week_days p {
    color: #18264E;
}

section#review_booking_sec .user_details .all_aminities p {
    color: #18264E;
}

section#review_booking_sec hr:not([size]) {
    margin: 0.35rem 0 0 0;
}

.edit_dtls {
    color: #FE7241;
    text-decoration: underline;
}

    .edit_dtls a {
        color: #FE7241;
    }

.all_days_wrap button {
    background: #f56836;
    color: #fff;
    padding: 0.35rem 2rem;
    border: none;
    border-radius: 16px;
    margin-top: 1rem;
    margin-right: 1rem;
}

.price_image {
    padding: 1rem 0;
}

    .price_image img {
        width: -webkit-fill-available;
        object-fit: cover;
        border-radius: 1rem;
        height: 110px;
    }

/*.bill_details a {
    color: #000;
    text-decoration: underline;
}*/

.policies_sec {
    background: #fff;
}

.sweet-alert button.cancel {
    display: inline-block;
    color: #FE7241;
    border-color: #FE7241;
    padding: 6px 24px;
    border: 1px solid;
    background-color: #ffffff !important;
}

.sweet-alert button {
    color: #fff;
    background-color: #FE7241 !important;
    border-color: #FE7241;
    padding: 8px 24px;
}

.sweet-alert .icon.warning {
    border-color: #fe7241;
}

/*-------------Review History -----------------------*/
.dataTables_wrapper table#tblbookinglist.dataTable {
    /*box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 15%);*/
    border-radius: 10px;
}


.disabledaportion {
    pointer-events: none;
    opacity: 0.4;
}
/*-------------payment processing section-----------------------*/
.payment_prcs_sec img {
    max-width: 200px;
    width: 100%;
}

.booking_color {
    color: #18264e;
}

.payment_wrapper {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.dropdown.bootstrap-select.show-tick {
    width: 100% !important;
}

    .dropdown.bootstrap-select.show-tick button {
        display: block;
        width: 100%;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #515050;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

        .dropdown.bootstrap-select.show-tick button::after {
            margin-left: -0.745em;
        }

/*=================Sidebar*========================*/
.sidebar-toggle {
    position: fixed;
    z-index: 1;
    border: 4px solid #fff;
    outline: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 18.8em;
    margin-top: 1em;
    background-color: #253FE1;
    transform: rotate(45deg);
    cursor: pointer;
    transition: 0.5s;
}

    .sidebar-toggle.is-closed {
        transform: translateX(0.3em) rotate(0deg);
    }

    .sidebar-toggle .icon {
        font-size: 1.5rem;
        color: #fff;
    }

.sidebar {
    width: auto;
    height: 100vh;
    /*background-color: #fff;*/
    transition: 0.7s;
}

    .sidebar.is-closed {
        transform: translateX(-26em);
    }

button.btnDelete1.btnDeleteBooking, button.btnDelete1.btnDeleteBooking:focus-visible {
    color: #e91b1b;
    border: 1px solid;
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 3px 6px;
    margin: 10px 0;
}

button.btnIsPubilsh, button.btnIsPubilsh:focus-visible {
    color: #fe7241;
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 3px 6px;
    margin: 10px 0;
}

.btn-secondary:active:focus {
    box-shadow: none;
}

.green-bg-container {
    height: 100vh;
    overflow: hidden !important;
    position: sticky !important;
    top: var(--navigation-bar-offset,70px);
    z-index: 1;
    border-radius: 4px;
}

/*============property details review section===========*/
.review_wrapper {
    /* border: 1px solid #ccc; */
    border-radius: 10px;
    background: #f7f7f7;
}

.review-sxn .img_sxn img {
    height: 45px;
    width: 45px;
    border-radius: 50%
}

a.btnEditBooking {
    color: #18264e;
    border: 1px solid;
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 3px 6px;
    margin: 10px 0;
}

a.btnRefundBooking {
    color: #e91b1b;
    border: 1px solid;
    border-radius: 4px;
    font-size: 0.85rem;
    padding: 3px 6px;
    margin: 10px 0;
}

/*==========================Calender===================r*/
.calendar-container {
    height: auto;
    /* width: 400px; */
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4);
    padding: 20px 20px;
    /* border: 1px solid #fe7241; */
    background: #e7e7e7;
}

.calendar-week {
    display: flex;
    list-style: none;
    align-items: center;
    padding-inline-start: 0px;
    justify-content: space-around;
}

.calendar-week-day {
    max-width: 57.1px;
    width: 100%;
    text-align: center;
    color: #525659;
}

.calendar-days {
    margin-top: 30px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    /*gap: 20px;*/
    padding-inline-start: 0px;
}

.calendar-day {
    text-align: center;
    color: #525659;
    padding: 10px;
}

.calendar-month-arrow-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calendar-month-year-container {
    padding: 10px 10px 20px 10px;
    color: #525659;
    cursor: pointer;
}

.calendar-arrow-container {
    margin-top: -5px;
}

.calendar-left-arrow,
.calendar-right-arrow {
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #525659;
}

.calendar-today-button {
    margin-top: -10px;
    border-radius: 10px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #525659;
    padding: 5px 10px;
}

.calendar-today-button {
    margin-right: 10px;
    background-color: #fe7241;
    color: white;
}

.calendar-months,
.calendar-years {
    flex: 1;
    border-radius: 10px;
    height: 30px;
    border: none;
    cursor: pointer;
    outline: none;
    color: #525659;
    font-size: 15px;
}

.calendar-day-active {
    background-color: #fe7241;
    color: white;
    /*border-radius: 50%;*/
}

.calendar-years {
    width: 70px;
    background: #e7e7e7;
}

.calendar-months {
    width: 120px;
    background: #e7e7e7;
}

/*=========================End=Calender===================r*/
.property_sxn_vw img {
    width: 100%;
    min-height: 300px;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.fixed_price_sxn {
    box-shadow: 2px 3px 20px 1px rgb(177 172 172 / 11%);
    border-radius: 10px;
    background: #fff9f6;
}

.property_details_vw .host_details .details {
    font-size: 1rem;
}

.host_details.booking_wrpper_dates {
    padding: 1rem;
    border-radius: 10px;
    background: #f7f7f7;
}

    .host_details.booking_wrpper_dates .avancd_srch_modal.book-now-tabs .nav-link.active {
        background: transparent;
    }

.cancel_bking_btn button, .cancel_bking_btn button:hover {
    border-radius: 4px;
    font-size: 1.125rem;
    padding: 0.6rem 1rem;
    background: #e91b1b;
    color: #fff;
    width: 100%
}

/*============Review rating content proprty details=============*/

/* component */

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.75em;
    justify-content: left;
    text-align: left;
    width: 100%;
    border-radius: 0.25rem;
}

    .star-rating label {
        margin-right: 6px;
    }

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

    .star-rating :checked ~ label {
        color: #ff8800;
    }

    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: #fc0;
    }

.review_rating {
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    width: 100%;
    margin: 1rem 0;
}
/*============End Review rating content proprty details=============*/


.rating-review-item {
    display: flex;
    align-items: center;
}

    .rating-review-item .left-rating {
        flex: 1 1 20%;
        max-width: 20%;
    }

        .rating-review-item .left-rating .star-rating {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

            .rating-review-item .left-rating .star-rating h3 {
                margin: 0 12px 0 0;
                font-size: 28px;
            }

            .rating-review-item .left-rating .star-rating .fa-star {
                font-size: 20px;
                color: #28a745;
            }

        .rating-review-item .left-rating .number-rating span {
            display: block;
            margin-bottom: 2px;
            color: #474848;
            font-size: 14px;
        }

    .rating-review-item .right-rating {
        flex: 1 1 80%;
        max-width: 80%;
    }

        .rating-review-item .right-rating ul.order-list {
            margin-bottom: 0;
            padding-left: 0;
            list-style: none;
        }

            .rating-review-item .right-rating ul.order-list li {
                display: flex;
                align-items: center;
                margin-bottom: 15px;
                justify-content: flex-start;
                /* width: 100%; */
                margin-left: 5rem;
            }

                .rating-review-item .right-rating ul.order-list li:last-child {
                    margin-bottom: 0;
                }

                .rating-review-item .right-rating ul.order-list li .star-value {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 15px;
                    min-width: 25px;
                }

                    .rating-review-item .right-rating ul.order-list li .star-value h5 {
                        margin: 0 2px 0 0;
                        font-size: 16px;
                    }

                    .rating-review-item .right-rating ul.order-list li .star-value .fa-star {
                        font-size: 14px;
                    }

                .rating-review-item .right-rating ul.order-list li .progress {
                    flex: 1 1 315px;
                    max-width: 315px;
                    height: 6px;
                    margin-right: 20px;
                    margin-bottom: 0;
                    background-color: #ddd;
                }

                .rating-review-item .right-rating ul.order-list li .rating-hit {
                    color: #B2B2B2;
                    font-size: 16px;
                }

.property_details_wrapper .host_details.review_txt_wrap {
    border: none;
    padding: 0;
}

.image_gallery_wrap .main-img.review_main_img img {
    width: 100%;
    min-height: 300px;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.review_checkbox input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

a.add-review-rview {
    border: 1px solid;
    display: block;
    border-radius: 4px;
    font-size: 1.125rem;
    padding: 0.6rem 1rem;
    background: #18264e;
    color: #fff;
    width: 100%;
    text-align: center;
}

a.add-cancel_booking {
    border: 1px solid;
    display: block;
    border-radius: 4px;
    font-size: 1.125rem;
    padding: 0.6rem 1rem;
    background: #e91b1b;
    color: #fff;
    width: 100%;
    text-align: center;
}

button.btnDeleteBooking {
    border: 1px solid;
    display: block;
    border-radius: 4px;
    font-size: 1.125rem;
    padding: 0.6rem 1rem;
    background: #e91b1b;
    color: #fff;
    width: 100%;
    text-align: center;
}




.cards_wrapper {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

/*========Calender pn property details page=======*/
/*
.property_details_wrapper .selected-date a {
    background-color: red !important;
    color: white !important;
}

.ui-datepicker-header {
    background: #fe7241 !important;
    color: white !important;
}

.ui-datepicker-calendar {
    background: #ffffff;
}

.ui-datepicker-calendar .ui-state-default {
    background: #ffffff !important;
    border: 1px solid #fe7241 !important;
    color: #fe7241 !important;
    text-align: center;
    border-radius: 4px;
}


.ui-datepicker-calendar .ui-state-disabled {
    background: #f2f2f2;
    color: #c5c5c5;
}

.ui-widget-header .ui-icon {
    filter: invert(1);
    cursor: pointer;
}

.property_details_wrapper .selected-dates {
    margin-top: 10px;
    margin-bottom: 10px
}

.property_details_wrapper .selected-dates span {
    background: #ced4da;
    color: #212529;
    padding: 1px;
    margin-right: 3px;
    border-radius: 11px;
    margin-top: 3px;
    display: inline-block;
}

.property_details_wrapper .remove-date {
    cursor: pointer;
}*/


.selected-date a {
    background-color: #48cf40 !important;
    color: white !important;
}

.ui-datepicker-header {
    background: #fe7241;
    color: white;
}

.ui-datepicker-calendar {
    background: #f2f2f2;
}

    .ui-datepicker-calendar .ui-state-default {
        background: #ffffff;
        border: 1px solid #fe7241;
        color: #fe7241;
    }

    .ui-datepicker-calendar .ui-state-disabled {
        background: #f2f2f2;
        color: #c5c5c5;
    }

.selected-dates {
    margin-top: 10px;
    margin-bottom: 10px
}


    .selected-dates span {
        background: #d8dace;
        color: #212529;
        padding: 3px 6px;
        margin-right: 3px;
        border-radius: 11px;
        margin-top: 3px;
        display: inline-block;
    }

.remove-date {
    cursor: pointer;
}
/*=======End=Calender pn property details page=======*/
.alreadyBookeddate {
    margin-top: 10px;
    margin-bottom: 10px;
    color: red !important;
}


.Errselected-dates {
    margin-top: 10px;
    margin-bottom: 10px
}


    .Errselected-dates span {
        background: #ededed;
        color: #212529;
        padding: 3px 6px;
        margin-right: 3px;
        border-radius: 11px;
        margin-top: 3px;
        display: inline-block;
    }

/*=====add card modal=======*/

.add-card-modal .form-control {
    color: #b5b5b5;
    font-weight: 400;
}

.payment_card_chkbx input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

.payment_card_chkbx h6 {
    font-weight: 600;
}

.payment_card_chkbx p {
    color: #a9a9a9;
}

ul.option-list button.btnIsPubilsh {
    border: none;
    background: none;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}

.cards_sec .first_card svg, .cards_sec .second_card svg {
    cursor: pointer;
}


/*div#file__input {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 122px;
    border: 1px dashed #949494;
    border-radius: 6px;
    color: #949494;
    background: white;
    cursor: pointer;
    padding: 20px 0 0 0;
}
    div#file__input input#customFile {
        visibility: hidden;
    }


    div#file__input label.file__input--label {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        div#file__input label.file__input--label span.icon_upload {
            text-align: center;
        }
    div#file__input label.file__input--label {
        text-align: center;
    }*/

    @media(max-width:1366px) {
        .host_details {
        margin-top: 20px;
    }
}


@media(max-width:767px){

    /*14/11/2024 css start here */
    .about-space-stn .about-video-sxn {
        position: unset;
        width: 100%;
        transform: unset;
        margin-top: unset;
    }

        .about-video-sxn video {
            width: 100%;
            height: auto;
        }
    .host_details {
        margin-top: 20px;
    }
    /*14/11/2024 css start here */





    footer {
        background: #18264e;
        margin: 0;
    }
    footer .top_space {
        padding-top: 40px;
        text-align:left;
    }
    main.pb-3 {
        padding-bottom: 0 !important;
    }
    .social_media_icns.d-flex {
        justify-content: flex-start;
    }
    .main-bg .row.login_section {
        margin: 0;
    }
    section#banner_section {
        padding-top: 66px;
    }
    section#banner_section .video_wrapper .wrp_video-bx {
        height: unset;
        min-height: unset;
    }
    section#banner_section .video_tabs {
        position: static;
    }
    .logo_sliders {
        margin-top: 0;
    }
    .profile_wrapper{
        margin-bottom:20px;
    }
    .container-fluid.section_paymens {
        padding: 0;
    }
    .dataTables_wrapper .dataTable{
        min-height:50vh !important;
    }
    .privacy_wrapper{
        margin-bottom:20px;
    }
    .green-bg-container .step-wizard ul#progressbar {
        display: flex;
        gap: 40px;
    }

    .green-bg-container {
        height: fit-content;
    }
    .green-bg-container .step-wizard ul#progressbar:before {
        height: 2px;
        width: calc(100% - 50px);
        top: 20px;
    }
    .about-video-sxn {
        position: static;
        width: calc(100% - 20px);
        transform: unset;
        margin: 0 auto;
    }
    .how_works_sxn {
        margin-top: 60px;
    }
}


span.guest_favourite_txt {
    background: white;
    display: block;
    padding: 6px 9px;
    height: fit-content;
    border-radius: 44px;
    box-shadow: 0px 0px 10px #0000001a;
    font-weight: 600;
    text-shadow: none;
    font-size: 14px;
}


#sig-canvas {
    border: 2px dotted #CCCCCC;
    border-radius: 15px;
    cursor: crosshair;
    background:white;
}
.w-fit-content {
    flex-direction:column;
    width: fit-content;
}
button#sig-clearBtn {
    position: absolute;
    top: -26px;
    right: 6px;
    background: #fe7241;
    color: white;
    border: 0;
    border-radius: 4px;
    padding: 2px 8px;
}

label.term_condition_label {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
    padding: 0px 0px 0px 10px;
}

label.term_condition_label input {
    width: 20px;
    height: 20px;
    margin-right:10px;
    max-width:20px;
}
label.term_condition_label a.term_conditions {
    display: inline-block;
    padding-left: 5px;
}
.term_condition_txt h2 {
    font-size: 20px;
    font-weight: 600;
}
.term_condition_txt p {
    font-size: 16px;
}
.term_condition_txt section{
    padding-bottom:20px;
}


table#tblPropertylist tbody tr td {
    vertical-align: text-bottom;
}



/*06 Nov 2024*/
label[for="upload_cstm-file"] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 122px;
    border: 1px dashed #949494;
    border-radius: 6px;
    color: #949494;
    background: white;
    cursor: pointer;
}
label[for="upload_cstm-file"] span.icon_upload svg {
    width: 24px;
    height: 24px;
    margin-bottom: 20px;
    color: #949494;
}
label[for="upload_cstm-file"] span.text_upload {
    color: #949494;
}



.uploaded_file_view {
    display: flex;
    justify-content: space-between;
    color: #747d84;
    border: 1px solid #ced4da;
    padding: 8px 20px;
    align-items: center;
    border-radius: 6px;
    background: white;
    min-height:48px;
}

.uploaded_file_view button.remove_file_btn {
    background: #18264e;
    border: 0;
    color: white;
    border-radius: 6px;
    padding: 5px 8px;
}
label[for="upload_cstm-file"].hide {
    display: none;
}
button.remove_file_btn svg {
    width: 18px;
    height: 18px;
}
.document_uploaded_successfully {
    background: white;
    border: 1px solid #ced4da;
    color: #4ca269;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 7px 14px;
    border-radius: 6px;
    min-height: 48px;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    display: flex;
}
.document_uploaded_successfully a{
    font-weight:500;
}
label[for="upload_cstm-file"].drag-over {
    background: #dee7ff;
}
.upload_docusign_wrp {
    display: none;
    gap: 10px;
    justify-content: space-between;
}
.upload_docusign_wrp button.upload_to_docusign {
    background: #fe7241;
    border: 0;
    color: white;
    border-radius: 6px;
    padding: 5px 18px;
}
.upload_docusign_wrp.view{
    display:flex;
}
.upload_docusign_wrp.view .uploaded_file_view {
    flex: 1;
}



/*===========15 - Nov - 2024 ===============*/
#files-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top:10px;
}
#files-list .file-item {
    display: flex;
    justify-content: space-between;
    color: #747d84;
    border: 1px solid #ced4da;
    padding: 8px 20px;
    align-items: center;
    border-radius: 6px;
    background: white;
    min-height: 48px;
}
#files-list .file-item button.delete-btn {
    background: #18264e;
    border: 0;
    color: white;
    border-radius: 6px;
    padding: 5px 8px;
}
#files-list .file-item button.delete-btn svg {
    width: 18px;
    height: 18px;
}
#files-list .file-item a {
    color: #18264e;
  /*  pointer-events: none;*/
}
li.nav-item.dropdown.btn_search button.btn.btn-sbmt {
    min-width: 180px;
}



@media(max-width:1199px) and (min-width:767px) {
    section#banner_section .video_wrapper .wrp_video-bx {
        height: 410px;
    }
    section#banner_section .video_tabs {
        margin: 0px auto;
        left: 0;
        right: 0;
        max-width: 440px;
    }
}



/*27 Jan 2025*/
.checkbox_price_per_hour {
    display: flex;
    align-items: center;
}
.checkbox_price_per_hour label {
    display: flex;
    align-items: center;
    padding-right: 30px;
    gap: 4px;
}
.checkbox_price_per_hour span.per_hour_text {
    display: inline-block;
    margin-left: auto;
    padding-right: 6px;
}

.checkbox_price_per_hour label span {
    font-weight: 400;
    font-size: 14px;
}

.checkbox_price_per_hour label input[type="checkbox"] {
    margin: 0;
}
input.price_input_bx {
    display: inline-block;
    padding: 4px 11px;
    border: 1px solid #0000002b;
    border-radius: 0 4px 4px 0;
    border-left: 0;
    min-height: 36px;
}

input.price_input_bx[disabled] {
    background: #e4e4e4;
    color: #333;
}
.flex_amout_box {
    display: flex;
    align-items: center;
}
.flex_amout_box span.input_bx_dollar {
    display: flex;
    padding: 5px 7px;
    background: #f4f4f4;
    border: 1px solid #0000002b;
    border-radius: 4px 0 0 4px;
    height: 36px;
    align-items: center;
}
button.add_staff_modal_btn {
    background: #fe7241;
    border: 2px solid white;
    padding: 8px 10px;
    border-radius: 8px;
    color: white;
    margin-bottom: 2px;
}

button.add_staff_modal_btn svg {
    width: 16px;
    height: 16px;
}
div#add_staff_modal button.btn.btn-primary,
div#add_staff_modal button.btn.btn-primary:focus{
    background: #fe7241;
    color: white;
    border-color: #fe7241;
}


.staff_box_listing label {
    display: flex;
    position: relative;
    align-items: center;
    gap: 4px;
}
.staff_box_listing {
    gap: 20px;
}
.staff_box_listing label:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px;
    height: 20px;
    background: #333;
}

.staff_box_listing label:last-child:after {
    display: none;
}


/*03 Mar 2025*/
#landing_page {
    background: white;  
    padding-top: 70px;
}
section#banner_section .video_tabs {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
}


/*15 Apr*/
.country_with_input {
    display: flex;
    width: 84% !important;
}
.country_with_input input#PhoneNumber {
    width: 100% !important;
    border-right: 0 !important;
    border-radius: 0;
}
.input-group:has(.country_with_input) span.input-group-text {
    border-left: 0;
}
select.country_code_dropdown {
    height: 62px;
    background-color: #e8f0fe;
    border: none;
    font-size: 1rem;
    color: #18264E;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.375rem 1.5rem 0.375rem 0.7rem;
    box-shadow: none;
    border-radius: 4px 0 0 4px;
    min-width: 83px;
    width: 100%;
}
.otp_input_box {
    display: flex;
    width: fit-content;
    gap: 4px;
}
.otp_input_box input.otp {
    outline:none;
    flex: 1;
    max-width: 72px;
    text-align:center;
    width: fit-content;
    height: 56px;
    border-radius: 4px;
    border: 0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.fav-property-admin img.card-img-top {
    height: 350px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}
p.review-position-text {
    position: absolute;
    right: 20px;
    top: 0;
    margin: 0;
}
.fav-property-admin .card-body a h5.card-title {
    padding-right: 100px;
    color: #fe7241;
}
.font-12px{
    font-size:12px;
}