:root {
    --black-000000: #000;
    --black-161616: #161616;
    --white-ffffff: #fff;
    --primary-F6B034: #F6B034;
    --primary-DD8D00: #DD8D00;
    --primary-light-FFE6B9: #FFE6B9;
    --primary-ultra-light-FAF6EE: #FAF6EE;
    --secondary-24344D: #24344D;
    --grey-4B4A4A: #4B4A4A;
    --grey-light-F2F2F2: #F2F2F2;
    --grey-ECECEC: #ECECEC;
}

html,
body {
    height: 100%;
    padding: 0 !important;
    word-wrap: break-word;
    text-transform: capitalize;
}

.page-wrap {
    min-height: 100%;
    margin-bottom: 0px;
    /* padding-top: 80px; */
}

.page-wrap:after {
    content: "";
    display: block;
}

/*--------------General CSS---------*/
.featured-banner {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--primary-F6B034);
    color: #000;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

body {
    margin: 0;
    padding: 0;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    color: #474747;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    /*background: url(../images-nct/landing-bg.jpg) left top repeat-y; background-size: 100%;*/
    background-color: #ffffff;
}

img {
    border: 0 none;
    max-width: 100%;
    /* width: 100%; */
    vertical-align: top;
    outline: none;
}
figure{
    margin-bottom: 0;
}

a {
    outline: none;
    cursor: pointer;
    -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    color: var(--primary-DD8D00);
    text-decoration: none;
}

a:hover,
a:focus {
    color: #DD8D00;
    text-decoration: none;
}

button,
input[type="submit"] {
    -ms-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    cursor: pointer;
}

p {
    color: #31312c;
    line-height: 24px;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

label {
    font-size: 15px;
    color: var(--secondary-24344D);
    font-weight: 400;
    margin-bottom: 10px;
    min-height: 22px;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
}
label:empty{
    min-height: 16px;
}
label.form-check-label{
    margin-bottom: 0;    
}
label b{
    font-weight: 500;
}

.form-group {
    margin-bottom: 20px;
}

.form-group .info{    
    font-size: 15px;
    color: #A0A0A0;
    margin-top: 5px;
    display: inline-block;
} 

.form-control {
    border: 1px solid var(--grey-ECECEC);    
    font-size: 16px;
    /* font-weight: 500; */
    color: #A0A0A0;
    padding: 11px 16px;
    border-radius: 5px;
    width: 100%;
}

.form-control::placeholder {
    font-weight: normal;
    color: #A0A0A0;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("..//images/Down-arrow.svg");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: 20px;
    padding-right: 40px;
    color: #A0A0A0;
}
.form-control[type="date"]{
    color: #A0A0A0; 
}
input[type="date" i] {

}

.form-control:focus {
    border-color: #181515;
    box-shadow: none;
    outline: none;
}

.ai-textarea{
    position: relative;   
}
.ai-textarea span{
    color: var(--secondary-24344D);
    background: var(--primary-ultra-light-FAF6EE);
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}


.form-check-input:checked {
    background-color: var(--primary-DD8D00);
    border-color: var(--primary-DD8D00);
}

.form-check-input:focus {
    border-color: var(--primary-DD8D00);
    box-shadow: 0 0 0 .25rem rgba(255, 191, 138, 0.25);
}



/* bootstrap */
.container {
    width: 100%;
    max-width: 1260px;
}

.container-xl {
    max-width: 1366px;
}

.dropdown-menu {
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px #0000001F;
}

.dropdown-menu .dropdown-item {
    padding: 10px;
    border-radius: 8px;
}

.dropdown-menu .dropdown-item:hover {
    background: var(--primary-light-FFE6B9);
    color: var(--black-161616);
}

.modal-content {
    position: relative;
}

.modal-body {
    padding: 30px;
}

.modal-content .btn-close {
    top: 5px;
    right: 5px;
    background: #FFE6B9;
    border-radius: 5px;
    opacity: 1;
    z-index: 9;
}

.modal-dialog .modal-content {
    border-radius: 8px;
    border: none;
}

/* Commen Butons */

.comman-btn-1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--black-161616);
    background: var(--white-ffffff);
    color: var(--black-161616);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-1:hover {
    background: var(--primary-F6B034);
    border-color: var(--primary-F6B034);
    color: var(--black-000000);
}
.comman-btn-1 b{
    font-weight: 500;
}

.comman-btn-2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--primary-F6B034);
    background: var(--primary-F6B034);
    color: var(--black-161616);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-2:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}
.comman-btn-2 b{
    font-weight: 500;
}

.comman-btn-2 img {
    transition: 0.5s;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.comman-btn-2:hover img {
    filter: brightness(100);
}

.comman-btn-2-danger {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid red;
    background: red;
    color: var(--white-ffffff);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-2-danger:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}

.comman-btn-3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--black-000000);
    background: var(--black-000000);
    color: var(--white-ffffff);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-3:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}
.comman-btn-3 b{
    font-weight: 500;
}

.comman-btn-4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--grey-ECECEC);
    background: var(--grey-ECECEC);
    color: var(--black-000000);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-4:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}
.comman-btn-4 b{
    font-weight: 500;
}

.comman-btn-4 img {
    transition: 0.5s;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.comman-btn-4:hover img {
    filter: brightness(100);
}

.comman-btn-5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--grey-ECECEC);
    background: var(--white-ffffff);
    color: var(--black-000000);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-5:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}
.comman-btn-5 b{
    font-weight: 500;
}

.comman-btn-5 img {
    transition: 0.5s;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.comman-btn-5:hover img {
    filter: brightness(100);
}

.comman-btn-6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--primary-DD8D00);
    background: var(--primary-ultra-light-FAF6EE);
    color: var(--black-161616);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

.comman-btn-6:hover {
    background: var(--black-161616);
    border-color: var(--black-161616);
    color: var(--white-ffffff);
}
.comman-btn-6 b{
    font-weight: 500;
}

.comman-btn-6 img {
    transition: 0.5s;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.comman-btn-6:hover img {
    filter: brightness(100);
}

.hybrid-listing-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #4c6278;
    background: #4c6278;
    color: var(--primary-light-FFE6B9);
    padding: 16px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}

/* comman title */
.comman-title {
    margin-bottom: 15px;
}

.comman-title h2 {
    font-size: 48px;
    font-weight: 600;
    color: var(--secondary-24344D);
    margin: 0;
}

.comman-title h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--secondary-24344D);
    margin: 0;
    text-transform: capitalize;
}
.comman-title h3 span{
    font-size: 24px;
    font-weight: 500;
    color: var(--secondary-24344D);
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
}
.comman-title h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--secondary-24344D);
    margin: 0;
}

.comman-title span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--grey-4B4A4A);
    margin-bottom: 10px;
    display: inline-block;
}

/* owl comman */
.owl-carousel .owl-item img{
    width: 100%;
}
.explore-owl.owl-carousel img{
    height: 480px;
    object-fit: cover;
    object-position: center;
}
.agent-owl.owl-carousel .owl-item img{
    height: 250px;
    object-fit: cover;
    object-position: center;
}
.owl-theme .owl-dots .owl-dot span {
    margin: 5px 4px;
    background-color: var(--primary-light-FFE6B9);
    width: 7px;
    height: 7px;
    transition: 0.5s;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 15px;
    background-color: var(--primary-F6B034);
}
.owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    margin-top: 0;
    width: 100%;
}

.owl-theme .owl-nav [class*=owl-] {
    background-color: #f2f2f2;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: var(--black-000000);
    font-size: 23px;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
}
.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 10px;
}

/* Header */
.main-header .navbar-brand img {
    padding: 0;
    max-width: 200px;
}

.main-header {
    /* position: fixed;
  top: 0; */
    width: 100%;
    z-index: 100;
    background-color: var(--white-ffffff);
    padding: 20px 0;
    border-bottom: 1px solid #DADADA;
}

.main-header .container-fluid {
    padding: 0 20px;
}

.main-header .navbar {
    padding: 0;
}

.main-header .navbar-light .nav-item .nav-link {
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 400;
    color: var(--black-000000);
    padding: 0 10px;
    border-right: 1px solid #D8D8D8;
}

.main-header .navbar-light .nav-item:last-child .nav-link {
    border-right: 0;
}

.main-header .list-property-btn {
    display: flex;
    align-items: center;
}

.main-header .list-property-btn > a {
    /* margin-left: 15px; */
    text-transform: capitalize;
}
.main-header .list-property-btn a.comman-btn-1 img{
    width: 15px;
    height: 16px;
    object-fit: cover;
    border-radius: 4px;
}
.main-header .list-property-btn a.comman-btn-1, .main-header .list-property-btn a.comman-btn-2{
    padding: 11px 18px;
}

.main-header .fav-header-ico {
    background-color: #FAF6EE;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    width: 40px;
    height: 40px;
    padding: 11px 0;
    margin-left: 0;
}

.main-header .fav-header-ico:hover {
    background: var(--primary-F6B034);
}


/* Footer */

.footer-sec .footer-menu-outer {
    background-image: url(../images/footer-bg.png);
    padding: 50px 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}
.footer-sec .footer-privacy-logo img{
    margin-bottom: 20px;
}
.footer-sec .footer-privacy-logo p {
    font-size: 16px;
    color: var(--grey-4B4A4A);
    margin-bottom: 0;
    text-transform: capitalize;
}

.footer-sec .footer-menu ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-161616);
    margin-bottom: 10px;
}

.footer-sec .footer-menu ul li a {
    color: var(--black-161616);
    text-transform: capitalize;
}

.footer-sec .news-quick .form-control {
    padding: 7px 10px;
}

.footer-sec .news-quick p {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-161616);
    margin-top: 15px;
    margin-bottom: 0px;
    line-height: normal;
    display: flex;
    word-break: break-all;
}
.footer-sec .news-quick p i {
    margin-right: 10px;
    width: 15px;
    min-width: 15px;
}

.footer-sec .footer-menu-outer h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--secondary-24344D);
    margin: 0 0 10px 0;
    text-transform: capitalize;
}

.copyright-outer {
    padding: 15px 0;
    width: 100%;
}

.copyright-outer p {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-161616);
    margin-bottom: 0;
}

.copyright-outer p strong {
    font-weight: 600;
}

.copyright-outer .social {
    text-align: right;
    width: 100%;
    justify-content: right;
}
.social{
    display: flex;
    gap: 10px;
}
.social a {
    /* margin-left: 10px; */
    display: inline-block;
    background: var(--grey-ECECEC);
    color: var(--black-161616);
    border-radius:10px;
}
.social a:hover{
    background: var(--black-000000);
    color: var(--white-ffffff);
}
.social a:hover img{
    filter: brightness(100);
}


/* Home */

.hero-banner-sec {
    width: calc(100vw - 40px);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 12px auto;
    border-radius: 20px;
    min-height: 680px;
}

.hero-banner-sec .container {
    position: relative;
}

.hero-banner-sec picture {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}

.hero-banner-sec picture:before {
    background: rgb(77, 88, 104);
    background: linear-gradient(90deg, rgba(77, 88, 104, 0.8) 0%, rgba(84, 121, 179, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 20px;
}

.hero-banner-sec picture img {
    width: 100%;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    min-height: 680px;
    object-fit: cover;
}

.hero-banner-sec .caption-heading h1 {
    color: var(--white-ffffff);
    font-size: 48px;
    font-weight: 500;
    text-shadow: 0px 4px 4px #00000040;

}

.hero-banner-sec .caption-heading h1 span {
    font-size: 32px;
    font-weight: 500;
}

.hero-banner-sec .nav-tabs {
    border: none;
    position: relative;
}

.hero-banner-sec .nav-tabs .nav-link {
    color: var(--white-ffffff);
    font-weight: 500;
    font-size: 16px;
    border: none;
    border-radius: 10px 10px 0px 0px;
}

.hero-banner-sec .nav-tabs .nav-item.show .nav-link,
.hero-banner-sec .nav-tabs .nav-link.active {
    color: var(--black-161616);
}

.hero-banner-sec .tab-content {
    background: var(--white-ffffff);
    padding: 16px;
    border-radius: 0px 16px 16px 16px;
}

.hero-banner-sec .tab-content .dropdown-menu {
    max-height: 150px;
    width: 100%;
}

.hero-banner-sec .caption-heading p {
    color: var(--black-161616);
    margin-bottom: 0px;
    font-weight: 500;
}

.hero-banner-sec .search-form .form-control {
    background-color: var(--grey-ECECEC);
}
.hero-banner-sec .search-form .comman-btn-2 {
    padding: 16px;
}




.browse-property-sec {
    padding: 50px 0;
    width: 100%;
}

.browse-property-sec .pro-type-carousel {
    margin-top: 42px;
}

.browse-property-sec .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: -90px;
    margin-top: 0;
    width: auto;
    transform: inherit;
}

.browse-property-sec .owl-theme .owl-nav [class*=owl-] {
    background-color: #f2f2f2;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--black-000000);
    font-size: 30px !important;
    line-height: normal;
    position: relative;
    left: inherit;
    padding: 5px 7px;
    margin: 0;
}

.browse-property-sec .owl-theme .owl-nav .owl-next {
    margin-left: 20px !important;    
}

.browse-property-sec .bpt-box, .share-property-sec .bpt-box {
    width: 100%;
    padding: 24px 14px;
    text-align: center;
    border-radius: 24px;
    background-color: var(--grey-light-F2F2F2);
}

.browse-property-sec .bpt-box {
    height: 280px;
}

.share-property-sec .bpt-box {
    height: 170px;
}

.browse-property-sec .bpt-box .card-footer, .share-property-sec .bpt-box .card-footer {
    background-color: var(--grey-light-F2F2F2);
}

.browse-property-sec .bpt-box picture, .share-property-sec .bpt-box picture {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin: 10px auto;
}

.browse-property-sec .bpt-box h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 16px;
}

.share-property-sec .bpt-box span {
    font-size: 17px;
}

.browse-property-sec .bpt-box small, .share-property-sec .bpt-box small {
    font-size: 16px;
    font-weight: 500;
    color: var(--grey-4B4A4A);
}

.browse-property-sec .own-property-bx {
    text-align: center;
    padding: 20px;
    background-color: #FFE6B9;
    border-radius: 24px;
    margin-top: 70px;
    height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.browse-property-sec .own-property-bx h3 {
    font-weight: 500;
    margin-bottom: 25px;
}

.desc-info-box {
    border-radius: 10px;
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    width: 100%;
    padding: 30px;
    margin-top: 34px;
    text-transform: capitalize;
}

.desc-info-box p {
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary-24344D);
    line-height: 30px;
    margin-bottom: 0;
}

.desc-info-box small{
    font-size: 15px;
    /* font-weight: 700; */
    color: var(--secondary-24344D);
}

.desc-info-box p strong {
    font-weight: 700;
}

.h-it-work-sec {
    padding: 50px 0px;
}

.h-it-work-box {
    border: 1px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    border-radius: 8px;
    margin-top: 30px;
}

.h-it-work-box .h-it-work-box-title {
    background: var(--primary-F6B034);
    padding: 20px 10px;
    border-radius: 8px 8px 0px 0px;
}

.h-it-work-box .h-it-work-box-title span {
    font-size: 13px;
    font-weight: 400;
    color: var(--black-161616);
    margin-bottom: 5px;
    display: inline-block;
}

.h-it-work-box .h-it-work-box-title h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--black-161616);
}

.h-it-work-box .h-it-work-box-content {
    padding: 15px;
}

.h-it-work-box .h-it-work-box-content img {
    margin: 0 auto;
    width: 80%;
    height: 300px;
    object-fit: contain;
}



.property-features-sec {
    padding: 50px 0;
}

.property-features-sec .w-100-lg {
    width: 100%;
}

.property-features-sec .nav-tabs {
    display: flex;
    gap: 15px;
    border: none;
    margin-bottom: 30px;
}

.property-features-sec .nav-tabs .nav-item {
    min-width: calc(33.33% - 10px);
    max-width: 100%;
}

.property-features-sec .nav-tabs .nav-link {
    background-color: #FAF6EE;
    border: 1px solid var(--primary-F6B034);
    border-radius: 5px;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center;
}

.property-features-sec .nav-tabs .nav-link.active {
    background: var(--primary-F6B034);
}

.property-features-sec .nav-tabs .nav-link small {
    font-size: 13px;
    font-weight: 400;
    color: var(--black-161616);
    display: block;
}
.property-features-sec .nav-tabs .bonus-feature-tab .nav-link small{
    font-size: 16px;
    font-weight: 700; 
    color: var(--primary-F6B034);
}
.property-features-sec .nav-tabs .bonus-feature-tab .nav-link.active small{
    color: var(--white-ffffff);
}

.property-features-sec .nav-tabs .nav-link span {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-161616);
}

.property-features-sec .fea-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.property-features-sec .feature-list-bx ol {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}

.property-features-sec .feature-list-bx ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--grey-4B4A4A);
    margin-bottom: 10px;
}
.property-features-sec .fea-pic{
    position: relative;
}
.property-features-sec .fea-pic figure{
    width: 100%;
}
.property-features-sec .fea-pic figure img {
    border-radius: 25px;
    width: 100%;
}
.property-features-sec .fea-pic .mark-logo, .property-comparison-card-img .mark-logo {
    width: 130px;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);      
}

.property-features-sec .bonus-feature-box{
    background-color: #FAF6EE;
    border: 1px solid var(--primary-F6B034);
    border-radius: 5px;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center;
    color: var(--black-161616);
    font-weight: 700;
    margin-bottom: 15px;
}
.property-features-sec .bonus-feature-box span{
    font-size: 16px;
    font-weight: 700; 
    color: var(--primary-F6B034);
}

.readmore a {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-DD8D00);
    text-transform: uppercase;
}

.readmore a i {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}


.offer-pro-sec {
    width: 100%;
    padding: 70px 0;
    background-color: var(--primary-ultra-light-FAF6EE);
}

.property-yellow-bg {
    width: 100%;
    background-color: var(--primary-ultra-light-FAF6EE);
}
 

.project-bx {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    position: relative;
    width: 100%;
    background-color: var(--white-ffffff);
    margin-top: 30px;
    overflow: hidden;
}

.project-bx picture {
    width: 100%;
    display: block;
    position: relative;
}

.project-bx picture:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    height: 75px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f4f4f+0,000000+100&0+0,0.6+100 */
    background: linear-gradient(to bottom, rgba(79, 79, 79, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.project-bx picture img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.project-bx .heart-pro {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 5;
}

.project-bx .property-rating{
    display: flex;
    gap: 2px;
    align-items: center;
    font-size: 12px;
    color: var(--primary-F6B034);
    margin-bottom: 10px;
}
.project-bx .property-rating span{
    color: var(--grey-4B4A4A);
    margin-left: 10px;
}

.project-bx .owl-dots{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin:  auto;
}


.project-bx .heart-pro a , .project-bx .edit-pro a{
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background-color: var(--white-ffffff);
    color: var(--black-161616);
    text-align: center;
    display: block;
    font-size: 20px;
    line-height: normal;
    padding: 5px 0;
}

.project-bx .heart-pro a:hover{
    background: var(--primary-DD8D00);
    color: var(--white-ffffff);
}
.project-bx .heart-pro a.active{
    background: var(--primary-DD8D00);
    color: var(--white-ffffff);
}
.project-bx .edit-pro {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 5;
}

.project-bx .del-pro {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 5;
}

.project-bx .project-info {
    padding: 10px;
    width: 100%;
}

.project-bx .project-info h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.project-bx .project-info h3 a{
    color: var(--black-000000);
    font-size: 16px;
    font-weight: 600;
}

.project-bx .project-info .price-pro span, .property-comparison .price-pro span {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-F6B034);
}

.project-bx .project-info .price-pro span small, .property-comparison .price-pro span small {
    font-size: 14px;
    font-weight: 500;
}

.project-bx .project-info .loct-info {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: var(--black-161616);
    line-height: normal;
}

.project-bx .loct-info i {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.project-bx .pro-specify, .property-comparison .pro-specify {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.project-bx .pro-specify span, .property-comparison .pro-specify span {
    font-size: 10px;
    font-weight: 600;
    margin-right: 15px;
    color: var(--black-161616);
}

.project-bx .pro-specify span i, .property-comparison .pro-specify span i {
    margin-right: 7px;
    vertical-align: middle;
    display: inline-block;
}

.project-bx .pro-tag, .property-comparison .pro-tag {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.project-bx .pro-tag a, .property-comparison .pro-tag a {
    border-radius: 3px;
    border: 1px solid var(--primary-F6B034);
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 400;
    /* min-width: 85px; */
    color: var(--black-000000);
    margin-right: 10px;
}

.project-bx .project-info ul, .property-comparison ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
}

.project-bx .project-info ul li, .property-comparison ul li, .project-info ul li {
    text-align: center;
    max-width: 50px;
    line-height: 10px;
}

.project-bx .project-info ul li figure, .property-comparison ul li figure, .project-info ul li figure {
    border-radius: 6px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E8E8E8;
    padding: 10px 0;
    margin: 0 auto;
    margin-bottom: 5px;
}

.project-bx .project-info ul li small, .property-comparison ul li small, .project-info ul li small {
    font-size: 9px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--black-000000);
}


.explore-loc-sec {
    width: 100%;
    padding: 50px 0;
}

.explore-loc-sec .location-exp-bx {
    width: 100%;
    border-radius: 20px;
    position: relative;
    margin-top: 30px;
}

.explore-loc-sec .location-exp-bx picture {
    width: 100%;
    display: flex;
    position: relative;
    border-radius: 20px;
    height: 300px;
}

.explore-loc-sec .location-exp-bx picture:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    top: 0;
    content: '';
    background: linear-gradient(to bottom, rgba(79, 79, 79, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.explore-loc-sec .location-exp-bx picture img {
    border-radius: 20px;
    width: 100%;
}

.explore-loc-sec .location-exp-bx .mark-logo {
    width: 130px;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);      
}

.explore-loc-sec .location-exp-bx h5 {
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    color: var(--white-ffffff);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 1;
    margin: 0;
}

.why-sec {
    width: 100%;
    padding: 70px 0;
    background-color: #FAF6EE;
}

.why-ser-bx ul li {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.why-ser-bx ul li figure {
    min-width: 70px;
    margin-bottom: 0;
}

.why-ser-bx ul li p {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-4B4A4A);
    text-transform: capitalize;
}

.why-ser-bx ul li p b {
    font-weight: 700;
    color: var(--black-161616);
}

.why-pic {
    border-radius: 30px;
    width: 100%;
    position: relative;
}

.why-pic figure {
    border-radius: 30px;
    margin-bottom: 0;
}

.why-pic .mark-logo {
    width: 130px;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);      
}

.why-pic figure img {
    border-radius: 30px;
    width: 100%;
}

.home-counter-sec {
    width: 100%;
    text-align: center;
    padding: 100px 0;
    background-color: var(--secondary-24344D);
}

.home-counter-sec ul {
    display: flex;
    align-items: center;
    width: 100%;
}

.home-counter-sec ul li {
    width: 20%;
    padding: 10px;
}

.home-counter-sec h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--white-ffffff);
    margin-top: 0;
    margin-bottom: 15px;
}

.home-counter-sec span {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-ffffff);
}

.meet-agent-sec {
    width: 100%;
    padding: 70px 0;
}
 
.meet-agent-bx {
    border-radius: 15px;
    border: 1px solid #E0E0E0;
    margin-top: 30px;
}

.meet-agent-bx .meet-pic {
    border-radius: 15px;
    position: relative;
    width: 100%;
}

.meet-agent-bx .meet-pic picture {
    border-radius: 15px;
    display: block;
}

.meet-agent-bx .meet-pic picture img {
    border-radius: 15px;
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.meet-agent-bx .meet-pic .mark-logo {
    width: 130px;
    position: absolute;
    bottom: 10px;
    right: 10px;    
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);      
}

.meet-agent-bx .agent-info {
    padding: 15px;
    width: 100%;
}

.meet-agent-bx .agent-info h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--black-161616);
    margin: 0 0 5px 0;
}

.meet-agent-bx .agent-info span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-161616);
    text-transform: capitalize;
}

.meet-agent-bx .agent-info p {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-4B4A4A);
    margin: 0;
    text-transform: capitalize;
}

.meet-agent-bx .agent-profile {
    padding: 15px;
    border-top: 1px solid #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.meet-agent-bx .agent-profile .comman-btn-2{
    padding: 11px 18px;
}

.meet-agent-bx .profile-call {
    display: flex;
}

.meet-agent-bx .profile-call a {
    width: 38px;
    padding: 5px 0;
    height: 38px;
    border-radius: 8px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-ECECEC);
}

.meet-agent-bx .profile-call a:hover {
    background-color: var(--black-161616);
}
.meet-agent-bx .profile-call a:hover img{
    filter: brightness(100);
}

.meet-agent-bx .profile-call a img {
    width: 25px;
}

.testimonial-sec {
    width: 100%;
    padding: 50px 0;
}


.testimoanil-bx {
    background-color: #FAF6EE;
    padding: 20px;
    border-radius: 16px;
    position: relative;
    margin-top: 30px;
}

.testimoanil-bx .client-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.testimoanil-bx .client-header figure {
    width: 60px;
    margin: 0;
}

.testimoanil-bx .client-header figure img {
    border-radius: 100px;
    height: 60px;
    width: 60px;
    object-fit: cover;
    object-position: top;
}

.testimoanil-bx .client-nm {
    width: calc(100% - 60px);
    padding-left: 15px;
}

.testimoanil-bx .client-nm h4 {
    font-size: 19px;
    font-weight: 500;
    color: var(--black-161616);
    margin: 0 0 5px 0;
}

.testimoanil-bx .client-nm .rating-show {
    font-size: 20px;
    color: var(--primary-F6B034);
    margin-bottom: 0;
}

.testimoanil-bx .testimoanil-content p {
    font-size: 16px;
    color: var(--black-161616);
    text-transform: capitalize;
}

.testimoanil-bx .testimoanil-content p:last-child {
    margin-bottom: 0;
}

.recnet-list-sec {
    width: 100%;
    padding: 70px 0;
}


/* Login */
.signin-sec {
    width: 100%;
    padding: 50px 0;
}

.signin-sec .signin-bx {
    background-color: #F0EFE9;
    border-radius: 10px;
    padding: 30px;
    width: 100%;
    max-width: 500px;
}

.signin-sec .signin-bx h1 {
    font-size: 24px;
    font-weight: 600;
    color: var(--secondary-24344D);
    text-align: center;
    margin-top: 0;
}

.signin-sec .signin-bx .form-control {
    border: 1px solid #D8D8D8;    
}

.signin-sec .signin-bx .comman-btn-2 {
    padding: 15px 18px;
}

.signin-sec .forgot-link a {
    color: var(--primary-F6B034);
    font-size: 14px;
}

.signin-sec .or-text {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.signin-sec .or-text:before {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    content: '';
}

.signin-sec .or-text span {
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary-24344D);
    padding: 10px 15px;
    position: relative;
    z-index: 2;
    background-color: #F0EFE9;
}

.signin-sec .login-link a {
    border-radius: 8px;
    background-color: var(--white-ffffff);
    padding: 12px;
    text-align: center;
    border: 1px solid #D8D8D8;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-161616);
    display: inline-block;
    width: 100%;
}
 
.signin-sec .login-link i {
    margin-right: 10px;
}

.signin-sec .login-link i img {
    vertical-align: middle;
}

.signin-sec .no-login {
    text-align: center;
    font-size: 13px;
    display: block;
    font-weight: 400;
    color: var(--grey-4B4A4A);
    margin-bottom: 15px;
}

.signin-sec .no-login a {
    /* text-decoration: underline; */
    color: #DD8D00;
}

/* Signup Private */

.step-process-outer {
    padding: 100px 0 50px 0;
    width: 100%;
    text-align: center;
}

.step-process-outer ol {
    list-style: none;
    counter-reset: item;
    display: flex;
    column-gap: 30px;
    margin: 0;
    padding: 0;
}

.step-process-outer ol li {
    position: relative;
    width: 25%;
    padding: 40px 20px;
    counter-increment: item;
    border-radius: 10px;
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
}

.step-process-outer ol li:before {
    content: counter(item);
    background: var(--primary-F6B034);
    border-radius: 100%;
    color: white;
    /* width: 1.2em; */
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: var(--secondary-24344D);
    font-weight: 500;
    line-height: normal;
    padding: 10px 0;
    position: absolute;
    top: -100px;
    margin: 0px auto;
    left: 0;
    right: 0;
    z-index: 1;
}

.step-process-outer p {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-000000);
    text-transform: capitalize;
    margin-top: 20px;
}

.step-process-outer ol li:after {
    position: absolute;
    content: '';
    height: 2px;
    background-image: linear-gradient(90deg, #000, #000 75%, transparent 75%, transparent 100%);
    background-size: 20px 1px;
    top: -78px;
    left: 50%;
    width: 100%;
    z-index: 0;
}

.step-process-outer ol li:last-child:after {
    display: none;
}

.private-why-outr {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.03);
}

.private-why-outr .comman-title p {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-000000);
    margin-top: 20px;
}


.private-why-outr ol {
    list-style: none;
    counter-reset: item;
    padding: 0;
    margin: 20px 0;
}

.private-why-outr ol li {
    position: relative;
    padding: 15px 0;
    counter-increment: item;
    margin-bottom: 30px;
    display: flex;
    gap: 15px;
}

.private-why-outr ol li:before {
    content: counter(item);
    background: #FAF6EE;
    border-radius: 100%;
    /* width: 1.2em; */
    text-align: center;
    display: inline-block;
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--secondary-24344D);
    font-weight: 500;
    line-height: normal;
    padding: 7px 0;
    margin-top: -10px;

}

.private-why-outr ol li h4 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
}

.private-why-outr ol li p {
    font-size: 13px;
    color: var(--grey-4B4A4A);
    font-weight: 400;
    margin-bottom: 0;
}

.signin-bx .signup-othr a {
    font-size: 13px;
    color: #DD8D00;
    font-weight: 500;
}



/*  */
.profile-se {
    padding: 70px 0px;
}
.top-tabs-design{
    display: flex;
    margin-bottom: 50px;    
}
.top-tabs-design ul{
    display: flex;
    align-items: center;
    gap: 5px;
    background: #F4F4F4;
    padding: 5px;
    border-radius: 8px;
    width: auto;
}
.top-tabs-design ul li a{
    display: inline-block;
    border-radius: 8px;
    padding: 8px 16px;
    border: none;
    color: var(--black-161616);
    font-size: 16px;
    font-weight: 500;
}
.top-tabs-design ul li a:hover, .top-tabs-design ul li a.active {
    color: var(--primary-DD8D00);
    background: var(--white-ffffff);
}

.comman-tab-se .nav-tabs {
    background: #F4F4F4;
    padding: 5px;
    border-radius: 8px;
    border: none;
}

.comman-tab-se .nav-tabs .nav-link {
    border-radius: 8px !important;
    border: none;
    color: var(--black-161616);
    font-size: 16px;
    font-weight: 500;
}

.comman-tab-se .nav-tabs .nav-link.active {
    color: var(--primary-DD8D00);
}

.comman-tab-se .tab-content {
    padding: 40px 0px;
}

.profile-card {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 0.4px solid #00000033;
}

.profile-card figure {
    border: 3px solid #FFE6B9;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    min-width: 200px;
}

.profile-card figure img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-card .profile-user-content h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-161616);
}

.profile-card .profile-user-content span {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-000000);
    display: block;
    margin-bottom: 10px;
}

.profile-card .profile-user-content p {
    font-size: 14px;
    font-weight: 400;
    color: var(--grey-4B4A4A);
}

.profile-package-card {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 0.4px solid #00000033;
    margin-bottom: 30px;
}

.profile-package-card h3 {
    font-size: 18px;
    font-weight: 600;
}

.profile-package-card h4 {
    font-size: 16px;
    font-weight: 500;
}

.profile-package-card p {
    font-size: 14px;
    color: var(--secondary-24344D);
}

.profile-package-card .comman-btn-2 {
    margin-bottom: 30px;
}



/* pricing */

.pricing-se {
    padding: 70px 0px;
}

.pricing-se .pricing-box {
    padding: 50px 25px 80px 25px;
    position: relative;
    background: var(--primary-ultra-light-FAF6EE);
    border-radius: 20px;
    min-height: 830px;
    margin-top: 80px;
}
.pricing-se .pricing-box .badge-po-re{
    background: var(--primary-F6B034);
    padding: 8px 15px;
    border-radius: 5px;
    position: absolute;
    top: -20px;
    right: 20px;
    /* left: 50%;
    transform: translateX(-50%); */
    font-weight: 500;
}

.pricing-se .pricing-box h3 {
    font-size: 36px;
    font-weight: 500;
    color: var(--secondary-24344D);
}

.pricing-se .pricing-box p {
    font-size: 15px;
}

.pricing-se .pricing-box .price {
    font-size: 64px;
    color: var(--grey-4B4A4A);
}

.pricing-se .pricing-box ul li {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    /* padding-left: 30px; */
    /* display: flex; */
    /* gap: 5px; */
    /* align-items: center; */
    margin-top: 10px;
    font-size: 15px;
}

.pricing-se .pricing-box ul li:before {
    content: url(../images/plan-chack.svg);
    margin-right: 5px;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle;
}

.pricing-se .pricing-box ul li ul {
    padding-left: 40px;
    list-style-type: circle;
}

.pricing-se .pricing-box ul li ul li {
    list-style-type: circle;
}

.pricing-se .pricing-box ul li ul li::before {
    display: none;
}

.pricing-se .pricing-box .comman-btn-2 {
    position: absolute;
    bottom: 25px;
    left: 30px;
}

.pricing-table-box {
    margin-top: 50px;
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 1px solid var(--secondary-24344D);
    border-radius: 10px;
    padding-top: 30px;
}

.pricing-table-box table {
    margin-bottom: 0;
}

.pricing-table-box table tr th {
    font-size: 20px;
    font-weight: 500;
}

.pricing-table-box table tr td {
    padding: 15px;
    font-size: 15px;
    color: var(--secondary-24344D);
}

.pricing-table-box table tr td:first-child {
    padding-left: 30px;
}

.pricing-table-box table tr td.bg-light {
    background: var(--grey-ECECEC) !important;
}

.pricing-table-box table tr td h3 {
    margin: 0;
    font-size: 32px;
    font-weight: 500;
}


/* payment */

.payment-se {
    padding: 50px 0px;
}

.payment-se .container {
    max-width: 670px;
}

.payment-se .payment-box {
    padding: 30px;
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    border-radius: 10px;
    margin-bottom: 30px;
}

.payment-se .payment-box .payment-price {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-DD8D00);
}
.payment-se .payment-box p{
    color: #A0A0A0;    
    font-size: 15px;
}

.payment-se .protect-payment p{
    color: #A0A0A0;    
    font-size: 15px;
}


.payment-box .btn-group-a {
    display: flex;
    gap: 15px;
    margin-top: 50px;
}

.payment-box .btn-group-a a {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 20px;
    font-size: 14px;
    background: var(--white-ffffff);
    color: var(--black-161616);
    border: 1px solid var(--primary-DD8D00);
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

.payment-box .btn-group-a a.active {
    background: var(--primary-DD8D00);
}



.paid-modal-contain h3 {
    color: #161616;
    font-size: 24px;
    font-weight: 500;
}

.paid-modal-contain p {
    color: #161616;
    font-size: 16px;
    font-weight: 500;
}

.paid-modal-contain a {
    color: var(--primary-DD8D00);
    font-size: 12px;
}

/* profilt edit */
.profile-card-edit {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 0.4px solid #00000033;
    margin-bottom: 30px;
}

.profile-card-edit-box {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}
.profile-card-edit-box img {
    border: 3px solid #FFE6B9;
    border-radius: 50%;
    height: auto;
    width: 100%;
    max-width: 200px;
    min-width: 100px;
    object-fit: cover;
}
/* .profile-card-edit-box figure{
    border: 3px solid #FFE6B9;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    min-width: 200px;
} */


.profile-card-edit select.form-control {
    font-weight: normal;
}

/* about  */
.about-banner-se {
    margin: 20px;
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.about-banner-se figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.about-banner-se figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #263E6370;
}

.about-banner-se figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about-banner-se .container {
    max-width: 775px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 734px;
}

.about-banner-se h1 {
    font-size: 62px;
    color: var(--white-ffffff);
    font-weight: 500;
    margin-bottom: 30px;
}

.about-banner-se p {
    color: var(--grey-ECECEC);
    font-size: 20px;
    margin-bottom: 30px;
}


.lr-content-se {
    padding: 50px 0px;
}

.lr-content-se .about-img {
    border-radius: 20px;
    overflow: hidden;
}
.lr-content-se .about-img figure {margin: 0;}

.lr-content-se .about-img img {
    width: 100%;
}

.lr-content-se .about-content p {
    color: var(--grey-4B4A4A);
    font-size: 16px;
    margin-bottom: 24px;
}

.lr-content-se .about-content p:last-child {
    margin-bottom: 0;
}


.icon-box-se {
    padding: 80px 0px;
}

.icon-box-se .icon-box-gray {
    background: #F4F4F4;
    border-radius: 24px;
    padding: 20px;
}

.icon-box-se .icon-box-gray .icon-box-icon {
    background: var(--white-ffffff);
    padding: 20px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 25px;
}

.icon-box-se .icon-box-gray h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--black-161616);
}

.icon-box-se .icon-box-gray p {
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--grey-4B4A4A);
}




/* agent pages */

.agent-pages-se {
    padding: 70px 0px;
}

.agent-pages-se .agent-search-box {
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 0.4px solid #00000033;
    max-width: 1000px;
    border-radius: 10px;
    margin: 50px auto;    
    padding: 30px;
}
.agent-pages-se .agent-search-box .form-control{
    background-color: var(--white-ffffff);
}
.agent-pages-se .agent-search-box .input-group{
    gap: 20px;
}
.agent-pages-se .agent-search-box .input-group .form-control, .agent-pages-se .agent-search-box .input-group .comman-btn-2{
    border-radius: 10px !important;
}

.filter-bar-se{
    display: flex;
    gap: 15px;
    margin-bottom: 35px;
}
.filter-bar-se .filter-right-bar{
    margin-left: auto;
    display: flex;
    gap: 15px;
}
.filter-bar-se .filter-right-bar a {
    color: var(--black-161616);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}
.filter-bar-se .filter-right-bar a img{
    width: 20px;
}

.agent-bx{
    border: 1px solid #E2E2E2;  
    border-radius: 10px;
    margin: 15px 0;
    background: var(--white-ffffff);
}
.agent-bx .agent-pic{
    position: relative;
}
.agent-bx .agent-pic .heart-pro{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background-color: var(--white-ffffff);
    text-align: center;
    display: block;
    font-size: 20px;
    line-height: normal;
    padding: 5px 0;    
}
.agent-bx .agent-pic .heart-pro a {
    color: var(--black-161616);
}
.agent-bx .agent-pic .heart-pro:hover{
    background: var(--primary-DD8D00);
}
.agent-bx .agent-pic .heart-pro:hover i{
    color: var(--white-ffffff);
}
.agent-bx .agent-pic .mark-logo{
    width: 130px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 120px;
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);      
}
.agent-bx .agent-pic picture img{
    width: 100%;
    height: 250px;
    border-radius: 10px 10px 0px 0px;
    object-fit: cover;
    object-position: top;
}
.agent-bx .agent-info{
    padding: 18px;
}
.agent-bx .agent-info h4{
    color: var(--black-000000);
    font-size: 18px;
    font-weight: 600;    
    margin-bottom: 8px;
} 
.agent-bx .agent-info p{
    font-size: 12px;
    color: var(--secondary-24344D);
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 100% ;
}
.agent-bx .agent-info p span{
    color: var(--grey-4B4A4A);
}
.agent-bx .agent-info .comman-btn-2{
    padding: 15px;
}
.pagination-se .pagination .page-item .page-link{
    border: 1px solid #F1F1F1;
    background: var(--grey-ECECEC);
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 5px;
    border-radius: 5px;
    color: var(--black-161616);
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-se .pagination .page-item .page-link img{
    width: 20px;
}
.pagination-se .pagination .page-item.active .page-link{
    background: var(--primary-light-FFE6B9);
    color: var(--black-000000);
    border-color: var(--primary-F6B034);
}
.pagination-se .pagination .page-item:first-child .page-link, .pagination-se .pagination .page-item:last-child .page-link, .pagination-se .pagination .page-item.disabled .page-link{
    /* border-color: transparent; */
    /* padding-left:0 ; */
    /* padding-right:0 ; */
}

/* agent details */

.agent-details-se{
    padding: 70px 0px;
}
.agent-details-box{
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    /* align-items: center; */
    gap: 30px;
    margin-bottom: 30px;
}
.agent-details-box .agent-photo-box{
    position: relative;
    width: 200px;
    height: 200px;
}
.agent-details-box .agent-photo-box .agent-photo{
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius:50%;
}
.agent-details-box .agent-photo-box img{
    border-radius:50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.agent-details-box .agent-photo-box .logo{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 0;
    width: 100px;
}
.agent-details-box .agent-photo-box .logo img{
    border-radius: 0;
}
.agent-details-box .online-status{
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;
}
.agent-details-box .online-status .badge{
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid var(--white-ffffff);
}
.agent-details-box .online-status .badge.bg-success{
    background: #26EC15 !important;
}
.agent-details-box .online-status .badge.bg-danger{
    background: #ff0000 !important;
}

.agent-details-box .agent-details h4{
    font-size: 18px;
    font-weight: 600;
    color: var(--black-161616);
}
.agent-details-box .agent-details p{
    font-size: 14px;
    font-weight: 500;
    color: var(--grey-4B4A4A);    
}
.agent-details-box .agent-details ul.icon-list{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.agent-details-box .agent-details ul.icon-list li{
    color: var(--black-000000);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.agent-details-box .agent-details ul.text-list{
    display: flex;
    gap: 10px;
    flex-wrap: wrap; 
}
.agent-details-box .agent-details ul.text-list li{
    color: var(--grey-4B4A4A);
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 40%;
    font-size: 14px;
}
.agent-details-box .agent-details ul.text-list li b{
    color: var(--black-000000);
}

.agent-btn-box{
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.agent-info-box{
    border: 0.4px solid #00000033;
    box-shadow: 0px 4px 35px 0px #00000008;
    padding: 20px;
    border-radius: 10px;   
    margin-bottom: 30px;
}
.agent-info-box p{
    font-size: 15px;
    color: var(--secondary-24344D);    
}
.custom-listing{
    padding-bottom:50px ;
} 


/* Create property listings */

.property-se{
    padding: 70px 0px;
}
.property-se .property-title-bar{
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
}
.property-se .property-title-bar .comman-title h3 a{
    background: var(--grey-ECECEC);
    padding: 5px 12px;
    border-radius: 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    color: var(--black-000000);
}
.property-se .property-title-bar .comman-title h3 a:hover{
    background: var(--primary-DD8D00);
    color: var(--white-ffffff);
}
.property-se .property-title-bar .progress-bar-box{
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 10px;
}
.property-se .property-title-bar .progress-bar-box .progress{
    width: 280px;
    border-radius: 10px;
}
.property-se .property-title-bar .progress-bar-box .progress .progress-bar{
    background: var(--primary-DD8D00);
}
.property-se .property-sidebar ul li a{
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 0px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1px;
    color: var(--grey-4B4A4A);
}
.property-se .property-sidebar ul li a:hover, .property-se .property-sidebar ul li a.active{
    color: var(--black-000000);
    background: var(--primary-light-FFE6B9);
    height: 100%;
}
.property-se .property-box{
    border: 1px solid var(--grey-ECECEC);
    box-shadow: 0px 4px 35px 0px #00000008;
    padding: 20px;
    border-radius: 10px;
}
.property-se .property-box .property-inner-box{
    margin-bottom: 50px;
}
.property-se .property-box .property-inner-box:last-child{
    /* margin-bottom: 0; */
}

.property-se .property-box .notify-box{
    background: var(--primary-ultra-light-FAF6EE);
    padding: 10px 20px;
    border-radius: 10px;
    width: auto;
    display: flex;
    gap: 20px;
    margin: 5px 0;
    font-size: 14px;
    color: #1A2258;
}
.property-se .property-box .notify-box .yes{
    color: #98DB7C;
    font-size: 15px;
    font-weight: 500;
}
.property-se .property-box .notify-box .no{
    color: #FF646F;
    font-size: 15px;
    font-weight: 500;
}

.property-se .property-box .property-inner-box .card{
    box-shadow: 0px 4px 30px 0px #00000008;
    border: 0.4px solid #00000033;
    margin-top: 30px;
    border-radius: 5px;
}
.property-se .property-box .property-inner-box .card:last-child{
    margin-bottom: 0;
}
.property-se .property-box .property-inner-box .card .card-header{
    background: transparent;
    padding: 15px;
}
.property-se .property-box .property-inner-box .card .card-body{
    padding: 15px;    
}

.property-inner-box .btn-custom{
    font-size: 12px;
    font-weight: 400;    
    display: inline-block;    
    vertical-align: middle;
    border: 1px solid var(--primary-F6B034);
    background: var(--primary-F6B034);
    color: var(--black-161616);
    padding: 8px 10px;
    border-radius: 8px;
    transition: 0.5s;
    text-align: center;
}
.property-inner-box .btn-custom:hover{
    background: var(--black-000000);
    color: var(--white-ffffff);
    border-color: var(--black-000000);
}
.property-inner-box .btn-custom img{
    width: 15px;
    margin-left: 5px;
}
.property-inner-box .btn-custom:hover img{
    filter: brightness(100);
}


.custom-check-btn{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.custom-check-btn .btn{
    border: 0.4px solid #000000;
    color: var(--black-161616);
    width: auto;
    margin: 0;
}

.custom-check-btn input:checked + .btn{
    background: var(--primary-F6B034);
    border-color: var(--primary-F6B034);
}



/* Custom upload  */
.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
  }
  .uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    background: #fff;
    border-radius: 7px;
    border: 2.5px dotted #000000;
    transition: all 0.2s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .uploader label:hover {
    border-color: #454cad;
  }
  .uploader label.hover {
    border: 3px solid #454cad;
    box-shadow: inset 0 0 0 6px #eee;
  }
  .uploader label.hover #start i.fa {
    transform: scale(0.8);
    /* opacity: 0.3; */
  }
  .uploader #start {
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #start img{
    width: 50px;
    margin-bottom: 10px;
  }
  .uploader #start h5{    
      font-size: 24px;
      line-height: 28.44px;
      color: var(--black-000000);
    }
    .uploader #start p{        
        font-size: 14px;
        color: var(--black-000000);
    }
  .uploader #start.hidden {
    display: none;
  }
  .uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
  }
  .uploader #response {
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #response.hidden {
    display: none;
  }
  .uploader #response #messages {
    margin-bottom: 0.5rem;
  }
  .uploader #file-image {
    display: inline;
    margin: 0 auto 0.5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
  }
  .uploader #file-image.hidden {
    display: none;
  }
  .uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  .uploader #notimage.hidden {
    display: none;
  }
  .uploader progress,
  .uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
  }
  .uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
  }
  .uploader .progress[value]::-webkit-progress-value {
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
  }
  .uploader .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
  }
  .uploader input[type=file] {
    display: none;
  }
  .uploader div {
    margin: 0 0 0.5rem 0;
    color: #5f6982;
  }
  .uploader .btn {
    display: inline-block;
    margin: 0.5rem 0.5rem 1rem 0.5rem;
    clear: both;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: 0.2rem;
    outline: none;
    padding: 0 1rem;
    height: 36px;
    line-height: 36px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: #454cad;
    border-color: #454cad;
    cursor: pointer;
  }

  #credit-top-up-modal h4{
    color: var(--primary-DD8D00);    
    font-size: 24px;
    font-weight: 500;
  }
  #credit-top-up-modal h5{
      color: var(--secondary-24344D);    
      font-size: 16px;
      font-weight: 500;
}
#credit-top-up-modal p{
    color: var(--black-161616);
    font-size: 14px;
}

#otr-calculate-modal .nav-pills{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}
#otr-calculate-modal .nav-pills .nav-item .nav-link{
    color: var(--black-161616);
    font-size: 15px;
    font-weight: 500;
}
#otr-calculate-modal .nav-pills .nav-item .nav-link.active{
    background: var(--primary-F6B034);
}

#otr-calculate-modal .otr-calculate-title h2{    
    font-size: 24px;
    color: var(--primary-F6B034);
    font-weight: 500;
}
#otr-calculate-modal .otr-calculate-title p{    
    color: var(--grey-4B4A4A);
    font-size: 15px;
    font-weight: 500;
}

.otp-calculate-title h2{    
    font-size: 24px;
    color: var(--primary-F6B034);
    font-weight: 500;
}
.otp-calculate-title p{    
    color: var(--grey-4B4A4A);
    font-size: 15px;
    font-weight: 500;
}



.custom-table-design table{
    width: 100%;
}
.custom-table-design table .bg-light{
    background: transparent;
}
.custom-table-design th, .custom-table-design td{
    padding: 10px !important;
}
.custom-table-design table .bg-light th{
    background: var(--grey-ECECEC);
}
.custom-table-design table .bg-light th:first-child{
    border-radius: 10px 0 0 10px;
}
.custom-table-design table .bg-light th:last-child{
    border-radius: 0px 10px 10px 0px;
}

.otp table{
    width: 100%;
    margin-bottom: 20px;
}
.otp th, .otp td{
    padding: 10px 0;
    font-size: 13px;
    color: var(--secondary-24344D);
    font-weight: 500;
}
.otp .gray-box{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 15px;
    background: var(--grey-ECECEC);
    border-radius: 10px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 15px;
    color: var(--secondary-24344D);
}


/* contact  */
.contacus-page{
    padding: 70px 0px;
}
.contacus-page .container{
    max-width: 930px;
}
.contacus-page .contact-box{
    background: #F0EFE9;
    padding: 40px;
    border-radius: 20px;
}
.contacus-page .social a{
    background: var(--white-ffffff);
}
.contacus-page .social a:hover{
    background: var(--black-161616);
}

.contacus-page .left-border-box{
    position: relative;    
}
.contacus-page .left-border-box:before{
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 1px;
    height: 100%;
    display: inline-block;
    background: #D8D8D8;
}

/* property listing most serch */
.listing-se{
    padding: 70px 0px;
}


/* Most Recent posting */
.mrp-search-box-se{
    padding: 70px 0px;
}
.mrp-search-box-se .nav-tabs{
    border: none;
    width: fit-content;
    display: flex;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.mrp-search-box-se .nav-tabs .nav-item{
    padding: 0;
    display: inline-block;
    margin: 0;
}
.mrp-search-box-se .nav-tabs .nav-item .nav-link{
    border: none;
    margin: 0;    
    font-size: 16px;
    font-weight: 500;
    color: var(--black-161616);
    border-radius: 0;
}
.mrp-search-box-se .nav-tabs .nav-item .nav-link.active{
    background: #FFE6B9;
}
.mrp-search-box-se .search-form .form-group{
    margin-bottom: 10px;
}
.mrp-search-box-se .search-form .form-control, .mrp-search-box-se .dropdown .form-control {
    font-weight: 500;
    background-color: var(--grey-ECECEC) !important;
    color: var(--black-161616) !important;
}
.mrp-search-box-se .search-form .comman-btn-5{
    background: var(--primary-ultra-light-FAF6EE);
    border: none;
}


.property-listing, .wishlist-agent {
    padding-bottom: 70px;
}
.property-listing .property-listing-box{
    margin-top: 30px;
    border: 1px solid #E2E2E2;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
.property-listing .property-listing-box .property-listing-img{
    min-width: 500px;
    max-width: 500px;
    position: relative;
}
.property-listing .property-listing-box .property-listing-img > img{
    width: 100%;
    height: 370px;
    object-fit: cover;
}
.property-listing .property-listing-box .property-listing-img .mark-logo {
    width: 130px;
    position: absolute;
    bottom: 30px;
    right: 10px;
    z-index: 10; /* ensure it's above the image */
    pointer-events: none; /* prevent mouse interaction if needed */
    -webkit-filter: drop-shadow(0px 4px 4px #00000040);
    filter: drop-shadow(0px 4px 4px #00000040);
}

.property-listing .property-listing-box .property-listing-contant{
    width: 100%;
    padding: 15px 30px;
}

.property-listing .property-listing-box .project-info h3 {
    margin-bottom: 20px;
}
.property-listing .property-listing-box .project-info h3 a{
    color: var(--black-161616);
    font-size: 24px;
    font-weight: 500;
}

.property-listing .property-listing-box .loct-info {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--black-161616);
    line-height: normal;
    display: flex;
    gap: 10px;
    align-items: center;
}

.property-listing .property-listing-box .loct-info img, .property-comparison .loct-info img {
    width: 20px;
}
.property-listing .property-listing-box .price-pro{
    margin-bottom: 15px;
}
.property-listing .property-listing-box .price-pro span {    
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-F6B034);
}

.property-listing .property-listing-box .price-pro span small {
    font-size: 12px;
    font-weight: 400;
    color: var(--grey-4B4A4A);
    margin-left: 30px;
}

.property-listing .property-listing-box .pro-specify {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.property-listing .property-listing-box .pro-specify span {
    font-size: 15px;
    font-weight: 600;
    margin-right: 15px;
    color: var(--black-161616);
}

.property-listing .property-listing-box .pro-specify span i {
    margin-right: 7px;
    vertical-align: middle;
    display: inline-block;
}

.property-listing .property-listing-box .pro-tag {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.property-listing .property-listing-box .pro-tag a {
    border-radius: 3px;
    border: 1px solid var(--primary-F6B034);
    padding: 2px 7px;
    font-size: 14px;
    font-weight: 400;
    /* min-width: 85px; */
    color: var(--black-000000);
    margin-right: 10px;
}

.property-listing .property-listing-box .project-info ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
}

.property-listing .property-listing-box .project-info ul li {
    text-align: center;
    /* max-width: 60px; */
    line-height: 10px;
}

.property-listing .property-listing-box .project-info ul li figure {
    border-radius: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E8E8E8;
    padding: 10px 0;
    margin: 0 auto;
    margin-bottom: 5px;
}

.property-listing .property-listing-box .project-info ul li small {
    font-size: 10px;
    text-transform: capitalize;
    color: var(--black-000000);
}

.property-listing .property-listing-box .property-listing-profile{
    border-left: 1px solid  #E2E2E2;
    padding: 15px;
    min-width: 365px;
}
.property-listing .property-listing-box .property-listing-profile .property-l-profile-box{
    box-shadow: 0px 5.78px 28.92px 0px #0000000D;
    border: 1px solid #E2E2E2;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.property-listing .property-listing-box .property-listing-profile .property-l-profile-box:last-child{
    margin-bottom: 0;
}

.property-listing .property-listing-box .property-listing-profile .property-l-profile-box .comman-btn-2{
    font-size: 14px;
}
.property-listing .property-listing-box .property-listing-profile .property-l-profile-box .comman-btn-2 b{
    font-size: 18px;   
    display: inline-block;
    margin-bottom: 7px;
}

.property-listing .property-listing-box .property-listing-profile .agency-reg-no{
    margin-top: 10px;    
    font-size: 18px;
    font-weight: 500;
    color: var(--grey-4B4A4A);
}
.property-listing .property-listing-box .property-listing-profile .agency-reg-no span{
    color: var(--black-161616);
}
.property-listing .property-listing-box .property-listing-profile .property-l-profile-btn{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.property-listing .property-listing-box .property-listing-profile .property-l-profile-btn .whatsapp-btn{
    background: #00E676;
    border-color: #00E676;
}

.profile-box{
    display: flex;
    align-items: center;
    gap: 15px;
}
.profile-box > img{
    min-width: 55px;
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 5px;
}
.profile-box span{
    color: var(--grey-4B4A4A);
    font-size: 16px;
    font-weight: 500;
}
.profile-box h5{
    color: var(--black-161616);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.profile-box h5 img{
    width: 20px;
}
.profile-box .review{
    margin-top: 5px;
    display: flex;
    gap: 5px;
    margin-bottom: 0;
}

.property-listing .pagination-se, .saved-agent .pagination-se {
    margin-top: 30px;
}


/* property details page */

.property-slider-se{
    padding: 70px 0px;
}



.property-slider{
    display: flex;
    gap: 20px;
}
.property-slider .property-slider-left{
    width: calc(100% - 320px);
} 
.property-slider .property-slider-left .property-slider-images img{
    width: 100%;
    height: 410px;
    border-radius: 10px;
    object-fit: cover;
}
.property-slider .property-slider-left .owl-nav .owl-prev,
.property-slider .property-slider-left .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background: transparent;
    font-size: 38px;
}
.property-slider .property-slider-left .owl-nav .owl-prev{
    left: 10px;
}
.property-slider .property-slider-left .owl-nav .owl-next{
    right: 10px;
}
.property-slider .property-slider-right{
    min-width: 300px;
}
.property-slider .property-slider-right .property-slider-thumb{
    position: relative;
    height: 195px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.property-slider .property-slider-right .property-slider-thumb img{
    width: 100%;   
    height: 100%;
    object-fit: cover;
}
.property-slider .property-slider-right .property-slider-thumb .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000B2;
    color: var(--white-ffffff);    
    font-size: 20px;
    font-weight: 400;
}


.property-details-se{
    padding: 50px 0;
}
.property-details-se .property-title-se{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.property-details-se .property-title-se h3{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 26px;
    font-weight: 600;
    color: var(--black-000000);
}
.property-details-se .property-title-se h3 img{
    width: 20px;
}
.property-details-se .property-title-se .property-price{
    color: var(--primary-DD8D00);
    font-size: 24px;
    font-weight: 500;
}
.property-details-se .property-meta-se{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 30px;
}
.property-details-se .property-meta-se ul{
    margin: 0;
    display: flex;
    gap: 10px;
}
.property-details-se .property-meta-se ul li{
    display: flex;
    align-items: center;
    gap: 10px;    
    font-size: 14px;
    color: var(--black-161616);
}

.property-details-se .property-meta-se ul li i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15px;
    width: 15px;
    color: var(--primary-F6B034);
}

.property-details-se .property-meta-se ul li b{
    font-weight: 600;    
}
.property-details-se .property-meta-se ul li .btn{
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #E8E8E8;
}

.property-details-se .property-details-btn-se{
    display: flex;
    margin-bottom: 50px;
}
.property-details-se .property-details-btn-se ul{
    border: 1px solid #ECECEC;
    display: flex;
    border-radius: 10px;
    height: 100%;
}
.property-details-se .property-details-btn-se a{
    padding: 10px 20px;
    display: inline-block;
    color: var(--grey-4B4A4A);
    font-size: 16px;
    font-weight: 600;
}
.property-details-se .property-details-btn-se a.active{
    background: var(--primary-light-FFE6B9);
    color: var(--black-000000);
}


.property-details-se .custom-accordion .accordion-item, .agent-details-se .custom-accordion .accordion-item {
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
}

.property-details-se .custom-accordion .accordion-item .accordion-button, .agent-details-se .custom-accordion .accordion-item .accordion-button {
    background: transparent;
    border-radius: 10px;
    border: none;
    box-shadow: none;    
    font-size: 24px;
    font-weight: 500;
    color: var(--black-000000);
}
.property-details-se .custom-accordion .accordion-body, .agent-details-se .custom-accordion .accordion-body{
    padding-top: 0;
}

.property-details-se .custom-accordion .accordion-button:not(.collapsed)::after,
.agent-details-se .custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
}

.light-info-box{
    padding: 10px;
    border-radius: 10px;
    background: var(--primary-ultra-light-FAF6EE);
    margin: 10px 0;
    min-height: 70px;
}
.light-info-box span{
    color: var(--black-161616);
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}
.light-info-box h5{
    color: var(--black-161616);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.light-info-box h5 small{
    font-size: 10px;
    color: var(--black-161616);
    font-weight: normal;
    margin-left: 10px;
}
.light-info-box h5 img{
    margin-bottom: 0;
}
.light-info-box img{
    margin-bottom: 10px;
}
.property-details-se .custom-accordion-2 .accordion-item{
    border-left: 0;
    border-right: 0;
    border-radius: 0px;
    border-bottom: 0;
    margin: 0;
}
.property-details-se .custom-accordion-2 .accordion-item .accordion-button{
    background: transparent;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    color: var(--black-000000);
}
.property-details-se .custom-accordion-2 .accordion-item .accordion-body{
    padding: 0px 0px 10px 0px;
}

.key-features-green-check{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.key-features-green-check li{
    display: flex;
    gap: 10px;
    min-width: 32%;
}
.user-review-box {
    /* padding-top: 15px; */
}
.user-review-box p{
    margin-top: 10px;
    color: var(--grey-4B4A4A);
    font-size: 14px;
}

.review-form-box{
    background: #F0F0F0;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}


.review-form-box .rating {
    display: flex;    
    flex-direction: row-reverse;
    justify-content: start;    
    gap: 15px;
}

.review-form-box .rating>input {
    display: none
}

.review-form-box .rating>label {
    position: relative;    
    font-size: 20px;    
    color: #FFD600;
    cursor: pointer;
    width: auto;
}

.review-form-box .rating>label::before {
    content: "\f005";
    position: absolute;
    font: normal normal normal 14px / 1 FontAwesome;
    top: 5px;
    left: 0px;
    right: 0;
    font-size: 20px;
    opacity: 0;
}

.review-form-box .rating>label:hover:before,
.review-form-box .rating>label:hover~label:before {
    opacity: 1 !important
}

.review-form-box .rating>input:checked~label:before {
    opacity: 1
}

.review-form-box .rating:hover>input:checked~label:before {
    opacity: 0.4
}
.map-se{
    margin-bottom: 30px;
}
.map-se iframe{
    border-radius: 10px;
    /* overflow: hidden; */
}


.transaction-history-table table{
    width: 100%;    
    border-color: #E5E5E5;
}
.transaction-history-table table th{
    background: #FAF6EE;
}
.transaction-history-table table th, .transaction-history-table table td{
    padding: 10px;
    border-color: #E5E5E5;
}


.property-siderbar-boxs{
    padding: 20px;
    border-radius: 10px;
    background: #F0EFE9;
    margin-bottom: 20px;
}

.property-siderbar-boxs .profile-box span{
    font-size: 15px;
    font-weight: 400;
}

.property-siderbar-boxs .comman-title h3{
    color: var(--black-000000);    
}

.property-siderbar-boxs .form-control{
    border: 1px solid #D8D8D8;
}

.list-box ul{
    margin: 0;
}
.list-box ul li{
    margin-top: 15px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    color: var(--grey-4B4A4A);
    font-size: 15px;    
}   
.list-box ul li b{
    font-weight: 600;
    color: var(--black-161616);
} 

.list-box table{
    width: 100%;
    font-size: 15px;
}
.list-box table td{
    padding: 15px 0px 0px 0px;
}
.list-box table th b{
    font-weight: 600;
    color: var(--black-000000);
}
.list-box table td b{
    font-weight: 600;
    color: var(--black-161616);
}

.property-siderbar-2-btn{
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
.property-siderbar-2-btn .comman-btn-2{
    padding-left:10px;
    padding-right:10px;
}

.calculator-mortgage .form-group{
    display: flex;
    align-items: center;
}
.calculator-mortgage .form-group label{
    margin: 0;
    min-width: 70px;
}

.calculator-mortgage .form-control{
    width: 80px;
}

.calculator-mortgage .input-group-text {
    padding: 11px 10px;
}


.range-item {
    position: relative;
    min-width: 170px;
  }
  .range-item:not(:last-child) {
    margin-bottom: 14px;
  }
  .range-item .range-input {
    margin-top: 4px;
    margin-left: 8px;
  }
  .range-item .range-input input {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  .range-item ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;    
    /* margin: 0 -5px; */
  }
  .range-item ul .list-inline-item:not(:last-child) {
    margin-right: 0;
  }
  .range-item ul .list-inline-item span {
    position: relative;
    /* min-width: 30px; */
    text-align: center;
    display: block;
    font-size: 10px;
    padding-top: 10px;    
    word-break: break-word;
    color: var(--secondary-24344D);
    font-weight: 600;
  }
  .range-item .range-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: calc(100% - 11px);
    background-color: #ddd;
    z-index: 0;
    border-radius: 50px;
    overflow: hidden;
  }
  .range-item
    .range-input.disable-range
    + ul
    .list-inline-item.active
    span::before {
    background-color: #777777;
  }
  .range-item .range-input .dot-line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 11px);
    left: 0;
    z-index: 1;
  }
  .range-item .range-input .active-dot {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    cursor: pointer;
    background-color:#F6B034 ;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px 0px #00000026;
    z-index: 11;
    left: 0%;
    border-radius: 50%;
  }
  .range-item .range-input .range-line .active-line {
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #F6B034;
    transition: all 0.1s ease;
  }
  .range-item ul .list-inline-item span::before {
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #696969;
  }
  .range-item ul .list-inline-item span::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 10px;
    border-radius: 0%;
    background-color: #24344D;
  }
  .range-item ul .list-inline-item.active span::before {
    background-color: white;
  }
  .range-item .range-input input:disabled ~ .dot-line .active-dot {
    background-color: #d9d9d9;
    border: 4px solid #b1b1b1;
  }
  input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -8px; /* Centers thumb on the track */
    background-color: #0000;
    height: 15px;
    width: 15px;
    border: 4px solid #0000;
    z-index: 11;
    box-shadow: none;
  }
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -8px; /* Centers thumb on the track */
    background-color: #0000;
    height: 24px;
    width: 24px;
    border: 4px solid #0000;
    box-shadow: none;
    z-index: 11;
  }
  
  input[type="range"]::-webkit-slider-runnable-track {
    background-color: #f0f0f000;
  }
  input[type="range"]::-moz-range-progress {
    background-color: #f0f0f000;
  }
  input[type="range"]::-ms-track {
    background-color: #f0f0f000;
  }
  input[type="range"]::-moz-range-track {
    background-color: #f0f0f000;
  }
  /* IE*/
  input[type="range"]::-ms-fill-lower {
    background-color: #f0f0f000;
  }
  input[type="range"]::-ms-fill-upper {
    background-color: #f0f0f000;
  }
  input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: none !important;
    background-color: #f0f0f000;
  }
  
  input[type="range"]:focus::-moz-range-thumb {
    box-shadow: none !important;
    background-color: #f0f0f000;
  }
  
  input[type="range"]:focus::-ms-thumb {
    background-color: #f0f0f000;
    box-shadow: none !important;
  }
  input[type="range"]:disabled::-webkit-slider-thumb {
    background-color: #0000;
    border: 4px solid #0000;
  }
  input[type="range"]:disabled::-moz-range-thumb {
    background-color: #0000;
    border: 4px solid #0000;
  }
  


.property-siderbar-boxs .card{
    border-radius: 10px;
    border-color: #D8D8D8;    
}
.property-siderbar-boxs .card-header{
    border-color: #D8D8D8;
    padding: 10px;
    background: #fff;
    border-radius: 10px 10px 0 0 ;
}
.property-siderbar-boxs .card-header h5{
    color: var(--black-161616);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}
.property-siderbar-boxs .card-body .chart-box{
    text-align: center;
}
.property-siderbar-boxs .card-body .chart-box span{    
    font-size: 10px;
    color: var(--grey-4B4A4A);
    display: inline-block;
    vertical-align: middle;
}
.property-siderbar-boxs .card-body .chart-box span img{
    display: inline-block;
    vertical-align: middle;
}
.property-siderbar-boxs .card-body .chart-box p{    
    font-size: 12px;
    font-weight: 500;
    color: var(--secondary-24344D);
}
.property-siderbar-boxs .card-body .chart-box .circal-chart{
    width: 120px;
    height: 120px;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    justify-content: center;
}
.property-siderbar-boxs .card-body .chart-box .circal-chart img{
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.property-siderbar-boxs .card-body .chart-box .circal-chart p{
    margin-bottom: 0;
}

.property-siderbar-boxs .calendar header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--black-161616);
    font-size: 16px;
    font-weight: 500;
}
.property-siderbar-boxs .calendar header pre{
    font-size: 30px;
    cursor: pointer;
    margin-bottom: 0;
}

.property-siderbar-boxs .days,
.property-siderbar-boxs .week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: auto;
  padding: 0;
  justify-content: space-between;
}

.property-siderbar-boxs .week div,
.property-siderbar-boxs .days div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  max-width: 40px;
  border-radius: 100%;
}

.property-siderbar-boxs .direction-bad-date {
    color: red !important;
}
.property-siderbar-boxs .zodiac-bad-date {
    border: 1px solid red !important;
}
.property-siderbar-boxs .good-date {
    background: linear-gradient(to right bottom, #4c6278 50%, #a69887 50%);
    color:white; 
}
.property-siderbar-boxs .renovate-good-date, .renovate-legend {
    background: #4c6278;
    color:white; 
}
.property-siderbar-boxs .movein-good-date, .movein-legend {
    background: #a69887;
    color:white; 
}
.property-siderbar-boxs .selected-date {
    background: var(--white-ffffff);   
}
.property-siderbar-boxs .days .current-date {
    background:var(--primary-F6B034);
}

.property-siderbar-boxs .week div {
  opacity: 0.5;
}

.property-siderbar-boxs .current-date {
  background-color: var(--accent);
  color: var(--white);
}

.property-siderbar-boxs .display-selected {
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
}

.lrm-czh-se > div{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    justify-content: end;
    color: var(--black-161616);
    font-size: 14px;
}
.lrm-czh-se .comman-btn-2, .lrm-czh-se .comman-btn-3{
    padding: 10px 20px;
    font-size: 14px;
}
.lrm-czh-se select.form-control{
    padding: 7px 30px 7px 10px;
    font-size: 14px;
    background-position-x: calc(100% - 10px);
    background-position-y: 14px;
}

/* Property details feng shui */

.feng-shui-se .comman-title h3{
    color: var(--black-161616);
}	
.feng-shui-se .feng-shui-tags ul {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.feng-shui-se .feng-shui-tags ul li a {
    display: inline-block;
    padding: 10px 20px;
    color: var(--grey-4B4A4A);
    background: var(--white-ffffff);
    border: 1px solid var(--primary-F6B034);
    border-radius: 10px;
}

.property-feng-shui-box{
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
}
.property-feng-shui-box .property-feng-shui-box-header{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}
.property-feng-shui-box .property-feng-shui-box-body{
    padding-top: 20px;
}   

.property-feng-shui-box .info-table{
    margin-bottom: 15px;
}
.property-feng-shui-box .info-table td{
    font-size: 12px;
    color: var(--grey-4B4A4A);
    padding: 5px 15px;
}
.property-feng-shui-box .info-table td b{
    font-weight: 600;
    color: var(--black-161616);
}
.property-feng-shui-box .info-table .highlighter{
    position: relative;
}
.property-feng-shui-box .info-table .highlighter td{        
    z-index: -2;
    background: var(--primary-light-FFE6B9);
}
.property-feng-shui-box .info-table .highlighter td:first-child{
    border-radius: 10px 0px 0px 10px;
}
.property-feng-shui-box .info-table .highlighter td:last-child{
    border-radius: 0px 10px 10px 0px;
}


.property-feng-shui-blur-box{
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.property-feng-shui-blur-box td{
    padding: 15px 0;
}
.property-feng-shui-blur-box .blur-box{
    position: absolute;
    top: 60px;
    height: calc(100% - 60px);
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;    
    backdrop-filter: blur(5px);
}


/* Widget 1 */
.create-property-listing-page{
    padding: 50px 0px;
    height: 100vh;
    display: flex;
    align-items: center;
}
.create-property-listing-page .container{
    max-width: 400px;
}
.create-property-listing-page .comman-title h2{    
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--secondary-24344D);
}
.create-property-listing-page .comman-title p{       
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-24344D);
}


/* Widget 2 3 4 */
.w-2-property-lsi{
    padding: 30px 0px;
}
.w-2-property-lsi .container{
    max-width: 400px;
}
.w-2-property-lsi .progress{
    height: 16px;
    margin: auto;
    border-radius: 5px;
    margin-bottom: -2px;
    width: 90%;
}
.w-2-property-lsi .step-container {
    position: relative;
    text-align: center;
    transform: translateY(-43%);
  }
  .w-2-property-lsi .progress-bar {
    background-color: var(--primary-F6B034);
  }
  
  .w-2-property-lsi .step-circle{    
    font-size: 12px;
    font-weight: 500;
    color: var(--grey-4B4A4A);
  }
  .w-2-property-lsi .step-circle span{
    width: 24px;
    height: 24px;
    margin: auto;
    border-radius: 50%;
    background-color: var(--primary-F6B034);
    border: 1px solid #24344D;
    line-height: 30px;    
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    cursor: pointer; /* Added cursor pointer */
  }
  
  .w-2-property-lsi .step-line {
    position: absolute;
    top: 16px;
    left: 50px;
    width: calc(100% - 100px);
    height: 2px;
    background-color: var(--primary-F6B034);
    z-index: -1;
  }
  
  .w-2-property-lsi #multi-step-form{
    overflow-x: hidden;
  }


.w-2-property-lsi .comman-title p{
    color: var(--secondary-24344D);    
    font-size: 13px;    
    margin-bottom: 5px;
}
.w-2-property-lsi .comman-title a{    
    font-size: 10px;
}

.w-2-property-lsi .drop-zone-box {
    padding: 10px;
    box-shadow: 0px 4px 35px 0px #00000008;
    border: 0.4px solid #00000033;
    border-radius: 5px;
    margin-bottom: 10px;
}
.w-2-property-lsi .drop-zone {
    padding: 15px;
    border: 1px dashed var(--black-000000);
    max-width: 100%;
    height: 100px;    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    color: var(--black-000000);
    border-radius: 10px;
  }
  
  .w-2-property-lsi .drop-zone--over {
    border-style: solid;
  }
  
  .w-2-property-lsi .drop-zone__input {
    display: none;
  }
  
  .w-2-property-lsi .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
  }
  
  .w-2-property-lsi .drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
  }
  
/* Widget  5 6 7 */
.signup-login-se.signin-sec .signin-bx{
    background: transparent;
    padding: 0;
    max-width: 400px;
}
.signup-login-se.signin-sec .or-text span{
    background: #fff;
}
.signup-login-se.signin-sec label.form-check-label{
    font-size: 13px;
}

.filterSearchIcon {
    color: var(--primary-F6B034);
}

/*wishlist*/
.wishlist-page {
    padding: 70px 0px;
}
.wishlist-icon-in-pic {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
}
.wishlist-icon-in-pic img {
    width: 30px !important;
    height: 30px !important;
    background-color: white;
    border-radius: 4px !important;
    padding: 5px;
}

/*requested service*/
.requested-service-page {
    padding: 70px 0px;
}

.property-data-analytic-se {
    padding: 70px 0px;
}

.verify-service-detail-page {
    padding: 70px 0px;
}

/*User Request Service*/
.user-request-page {
    padding: 70px 0px;
}

#Tab button{
    font-family: "Rubik", sans-serif;
    color: var(--black-161616);
    font-size: 16px;
    font-weight: 500;
}

#Tab button:hover{
    color: var(--primary-DD8D00);
    background: var(--white-ffffff);
}

#property-gua .property-slider{
    display: flex;
    gap: 20px;
}
#property-gua .property-slider .property-slider-left{
    width: calc((100% - 320px) * 0.8);
} 
#property-gua .property-slider .property-slider-left .property-slider-images img{
    width: 100%;
    height: 340px;
    border-radius: 10px;
    object-fit: cover;
}
#property-gua .property-slider .property-slider-left .owl-nav .owl-prev,
#property-gua .property-slider .property-slider-left .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background: transparent;
    font-size: 38px;
}
#property-gua .property-slider .property-slider-left .owl-nav .owl-prev{
    left: 10px;
}
#property-gua .property-slider .property-slider-left .owl-nav .owl-next{
    right: 10px;
}

/*property gua*/
.property-gua-data-table b {
    font-weight: 600;
    font-size: 15px;
    color: var(--black-161616);
}
.property-gua-data-table td span {
    font-size: 15px;
    color: var(--grey-4B4A4A);
}

.icon-button {
    color: var(--secondary-24344D);
    background: none;
    border: none;
}

/* Hide the dropdown icon on the select */
#personal_service_type_id {
    -webkit-appearance: none; 
    -moz-appearance: none;   
    appearance: none;       
    background-image: none;   
}

.reward-points .bpt-box {
    padding: 10px 20px;
    color: var(--grey-4B4A4A);
    background: var(--white-ffffff);
    border: 1px solid var(--primary-F6B034);
    border-radius: 10px;
}

.reward-points .circle {
    width: 200px;
    height: 200px;
    padding: 10px 20px;
    color: var(--grey-4B4A4A);
    background: var(--primary-F6B034);
    border: 1px solid var(--primary-F6B034);
    border-radius: 50%;
}

/*chat messages css*/
.vac-message-wrapper .vac-message-box {
    display: flex;
    flex: 0 0 50%;
    line-height: 1.4;
}

.vac-message-wrapper .vac-offset-current {
    margin-left: 50%;
    justify-content: flex-end;
}

.vac-message-wrapper .vac-message-current {
    background-color: var(--chat-message-bg-color-me) !important;
}

.vac-message-wrapper .vac-message-container {
    position: relative;
    padding: 2px 10px;
    align-items: end;
    min-width: 100px;
    box-sizing: content-box;
}

.vac-message-wrapper .vac-text-timestamp {
    font-size: 10px;
    color: var(--chat-message-color-timestamp);
    text-align: right;
}

.vac-message-wrapper .vac-message-card {
    background-color: var(--chat-message-bg-color);
    color: var(--chat-message-color);
    border-radius: 8px;
    font-size: 14px;
    padding: 6px 9px 3px;
    white-space: pre-line;
    max-width: 100%;
    -webkit-transition-property: box-shadow, opacity;
    transition-property: box-shadow, opacity;
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow;
    box-shadow: 0 1px 1px -1px #0000001a, 0 1px 1px -1px #0000001c, 0 1px 2px -1px #0000001c;
}

.vac-message-wrapper .vac-avatar {
    height: 28px;
    width: 28px;
    min-height: 28px;
    min-width: 28px;
    margin: 0 0 2px;
    align-self: flex-end;
}

.vac-card-window * {
    font-family: inherit;
}

.vac-avatar {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ddd;
    height: 42px;
    width: 42px;
    min-height: 42px;
    min-width: 42px;
    margin-right: 15px;
    border-radius: 50%;
}