.flat-section.flat-service-v3 .row .box.col-md-6.col-lg-3 {
    width: 33% !important;

}

.flat-section.flat-service-v3 .row {
    justify-content: center !important
}

.header-lower .inner-container {
    justify-content: space-between !important;
}


.header-lower .nav-outer {
    flex: 1;
    display: flex;
    justify-content: center;
}


.header-right .header-social .box-icon {
    color: #000000 !important;
}

.header-right .dropdown .dropdown-toggle {
    color: #000000 !important;
}

body#page-home .box-service.style-2 {
    border: 1px solid #836c4d;
    border-radius: none;
}

.luxury-hero-logo img {
    max-width: 300px !important
}

.flat-testimonial-v2::before {
    background-color: #1b1b1b !important
}

.flat-testimonial-v2 .box-tes-item.style-1 {
    background-color: #232122;
}

.nav-tab-recommended .nav-link-item {
    background-color: #232122
}


.flat-slider-contact .overlay {
    background: #020202;

}

.box-contact-v2 {
    background-color: #1B1B1B
}

input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea,
select,
.form-control,
.form-select,
.input,
.search-field {
    background-color: #1B1B1B
}

.header-property-detail {
    background-color: #1B1B1B;
}

.info-box {
    background: #1B1B1B;
}

.bg-white,
.bg-light,
.bg-surface {
    background-color: #1B1B1B !important;
}

.payment-plan-tab {
    color: white;
    font-weight: 600;
}

.payment-count {
    color: black
}

.single-detail.company_developer_description p {
    color: black !important
}

.main-header {
    height: unset !important;
    padding-bottom: unset !important;
}

.luxury-hero-writing-text {
    font-size: 42px;
}

.main-header .main-menu .navigation>li>a {
    font-size: 12px;
    text-transform: capitalize;
}

.main-header .header-lower .nav-outer {
    top: UNSET !important;
}

@media(max-width: 767px) {
    .luxury-hero-writing-text {
        font-size: 20px;
    }

    .luxury-hero-writing-text {
        display: inline-block;
        white-space: normal !important;
        animation: unset !important;
    }
}

.header-right.d-none.d-lg-flex.align-items-center {
    gap: 26px !important
}

.flat-testimonial-v2 .box-tes-item .list-star li {
    color: #a17a27 !important;
}

#page-10 .wrap-benefit-v2 .box-navigation {
    display: none !important;
}

section.flat-section-v5.flat-recommended.flat-recommended-v2 .position-relative .row {
    margin-bottom: unset !important;
}

body .text-variant-2,
body .subscribe-form .icon-left,
body .subscribe-form button .icon,
body .footer-cl-4 .subscribe-form input::placeholder {
    color: #a17a27 !important;
}

input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,
textarea::placeholder,
select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
.input::placeholder,
.search-field::placeholder {
    color: #a17a27 !important;
}

.header-right .dropdown .dropdown-menu {
    background: #232122;
}

.header-right .dropdown .dropdown-menu li a:not(.active) {
    color: #a17a27;
}

#page-19 section.flat-section.flat-service-v3 .icon-box img {
    width: 100%;
    height: 100%;
}

#page-19 section.flat-section.flat-service-v3 .box-service.style-2 {
    padding: 0;
    border-radius: 10px !important;
    overflow: hidden;
}

#page-19 section.flat-section.flat-service-v3 .content {
    padding: 0 10px;
}

#page-home .welcome-about-content .welcome-about-body .welcome-about-text {
    text-align: justify !important;
}

@media screen and (min-width: 992px) {
    #page-home .luxury-newly-launched .newly-meta-grid {
        padding-bottom: 40px !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    #page-home .luxury-newly-launched .newly-slider-nav {
        top: 29% !important;
    }
}

@media screen and (max-width: 768px) {
    #page-home .luxury-newly-launched .newly-slider-nav {
        top: 48% !important;
    }

    #page-home .luxury-newly-launched .newly-meta-grid {
        padding-bottom: 63px !important;
    }
}

#page-home section.luxury-contact-inline button.iti__selected-country {
    padding-bottom: 8px !important;
}

#page-home .luxury-contact-inline .luxury-contact-form-wrapper {
    align-items: start !important;
}

#page-home .luxury-market-number {
    font-family: sans-serif;
}

.flat-property-detail button.iti__selected-country {
    padding-bottom: 8px !important;
}

#page-home .welcome-about-body p.text-variant-1 {
    text-align: start;
}

.typical-unit-card .card-header .typical-units-image {
    min-height: 360px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .single-property-element.single-property-feature {
    display: none;
} */

.flat-agents .row-cols-md-4>.box {
    width: 33%;
}

@media screen and (max-width: 768px) {
    .flat-agents .row-cols-md-4>.box {
        width: 33%;
    }
}

@media screen and (max-width: 576px) {
    .flat-agents .row-cols-md-4>.box {
        width: 100%;
    }
}

#page-6 section.other-pages-section {
    padding-top: 0px !important;
}

#page-7 section.other-pages-section {
    padding-top: 0 !important;
}

footer.footer {
    padding-top: 0 !important;
}

.footer .bottom-footer .footer-social-icons {
    gap: 12px;
}

@media screen and (max-width: 576px) {
    body #header .header-lower .inner-container.d-flex.justify-content-start.align-items-center .mobile-nav-toggler.mobile-button {
        margin-left: auto;
    }

    #page-home section.flat-section.flat-service-v3 {
        padding-top: 20px !important;
    }

    body .box-title-listing {
        justify-content: center;
    }

    body .other-pages-section section.flat-section.flat-agents {
        padding-top: 0 !important;
    }

    header#header {
        padding-bottom: 20px !important;
    }

    #page-19 section.other-pages-section {
        padding-top: 0 !important;
    }

    #page-10 section.luxury-about-us-section {
        padding-bottom: 0 !important;
    }

    #page-10 section.flat-benefit-v2 {
        padding-top: 0 !important;
    }

    body .flat-section-v3,
    .flat-benefit-v2 {
        padding: 40px 0 !important;
    }

}

ul.flat-pagination {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 20px;
}

#page-home .luxury-search-form button.luxury-search-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px !important;
    background: #fff !important;
    color: #000 !important;
}

#page-home .luxury-search-form button.luxury-search-button:hover {
    background: #000 !important;
    color: #fff !important;
}

#page-6 .other-pages-section .flat-section .col-lg-4 {
    display: none;
}

#page-7 .contact-content button.tf-btn.primary.size-1 {
    margin-top: 12px !important;
}

.serovia-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* Mobile: 1 column */
    gap: 20px;
    width: 100%;
    max-width: 1290px;
    /* Requested width */
    margin: 0 auto;
    /* Centers the container on the page */
    font-family: inherit;
    background: #ffffff;
    padding: 20px;
}

/* Responsive Breakpoint for Tablets/Desktops */
@media (min-width: 768px) {
    .serovia-grid {
        grid-template-columns: repeat(3, 1fr);
        /* Desktop: 3 columns */
    }
}

/* Individual Card Styling */
.grid-item {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    /* Forces a perfect square shape */
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}

/* Background Image */
.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* White Overlay (for dark text readability) */
.grid-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Light white tint */
    transition: background 0.3s ease;
}

/* Centered Text */
.grid-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: #ffffff;
    text-transform: capitalize;

    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
    z-index: 2;
    letter-spacing: 0.5px;
}

/* Hover Effects */
.grid-item:hover img {
    transform: scale(1.05);
}

.raw-html-embed {
    background-color: #ffffff !important;
}






.luxury-search-container .nice-select .option,
.luxury-currency-option {
    color: #000000 !important;
}


#page-home .luxury-search-container .nice-select::after,
.nice-select:after {
    border-bottom: 1.7px solid #000000;
    border-right: 1.7px solid #000000;
}

#page-home .luxury-search-container .nice-select,
#page-home .luxury-search-container .nice-select .list {
    background-color: #ffffff !important;
}

.luxury-search-container {
    background-color: #f2f2f2 !important;
}

.luxury-search-tab,
#page-home .luxury-search-container .nice-select .current {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper .luxury-search-container {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
}

#page-home .homepage-sections-wrapper .luxury-search-container .luxury-search-tab.active {
    color: #000000 !important;
    border-bottom-color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper .luxury-search-container .luxury-filter-label {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper .luxury-search-container .luxury-currency-header .luxury-currency-label {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper .luxury-search-container .luxury-currency-header .luxury-currency-options .luxury-currency-option.active {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper .luxury-search-container #luxury-max-price::placeholder {
    color: #000000 !important;
}


#page-home .homepage-sections-wrapper section.luxury-search-section {
    background: #ffffff !important;
}

#page-home .homepage-sections-wrapper section.luxury-newly-launched {
    display: none !important;
}

#page-home .homepage-sections-wrapper section.luxury-newly-launched .newly-header p.newly-subtitle {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper section.luxury-newly-launched .meta-caption {
    color: #ffffff !important;
}

#page-home .homepage-sections-wrapper section.luxury-newly-launched .newly-footer p {
    color: #ffffff !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(3) {
    background: #ffffff !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(3) .welcome-about-wrapper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(3) .welcome-about-wrapper .welcome-about-stats>div>div {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) .offplan-body .offplan-title {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) .offplan-body .offplan-title a {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) {
    background: #ffffff !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) .nav-tab-item a.nav-link-item.active {
    background-color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) .buy-sell-rent-wrapper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(5) {
    background: #ffffff !important;
    display: none;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(5) .buy-sell-rent-wrapper .bsr-tab.active span {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(5) .buy-sell-rent-wrapper .bsr-tab.active span.tab-underline {
    background-color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(5) .box-service.style-2:hover h6.title {
    color: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(5) .box-service.style-2:hover p.description {
    color: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(6) {
    background: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(6) .welcome-about-wrapper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(7) {
    background: white !important;
    display: none;
}

#botble-contact-forms-fronts-contact-form .contact-form-group .tf-btn.primary.size-1 {
    background-color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(7) .luxury-contact-box {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(7) .luxury-contact-box h2 {
    color: white !important;
    display: none;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(7) .luxury-contact-box p {
    color: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(8) {
    background: white !important;
    display: none;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(8) .mortgage-assistance-box {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(8) .mortgage-assistance-box .mortgage-step-number {
    color: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(9) {
    background: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(9) #wrapper-faq p.faq-body {
    color: #000000 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(10) {
    background: white !important;
    display: none;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(10) .buy-sell-rent-wrapper .bsr-tab.active span {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(10) .buy-sell-rent-wrapper .bsr-tab.active span.tab-underline {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(10) .buy-sell-rent-wrapper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(11) {
    background: white !important;
    display: none;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(11) .luxury-market-description {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(12) {
    background: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(12) .luxury-team-role {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(12) .box-title.wow.fadeIn.style-1.animated.animated span.text {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section-v4 {
    border-top: 1px solid #00000040 !important;
    border-bottom: 1px solid #00000040 !important;
}

#page-home .homepage-sections-wrapper section.flat-section-v2:before {
    background: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section-v2 .flat-testimonial-v2 .box-tes-item .list-star li.icon.icon-star {
    color: #a17a27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section-v2 .box-tes-item.style-1 p {
    color: white !important;
}

#page-home .homepage-sections-wrapper section.flat-section-v2 .box-avt .info .h7.fw-7 {
    color: white !important;
}

.flat-blog-item .date-post {
    color: #a17a27 !important;
}

.post-author span:not(:first-child) a {
    color: #a17a27 !important;
}

.search-box-offcanvas-content .wrap-filter-search .flat-tab.flat-tab-form .form-sl .wd-find-select.style-2.shadow-st {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

.wrap-filter-search .flat-tab .wd-find-select.style-2.shadow-st .tf-btn.primary.submit-filter {
    background: #000 !important;
    color: #fff !important;
}

section.flat-section-v5 .offplan-card .offplan-body .offplan-title {
    color: #a17a27 !important;
}

section.flat-section-v5 .offplan-card .offplan-body .offplan-title a {
    color: #a17a27 !important;
}

#page-home .tf-btn.primary {
    background: #a17a27 !important;
}

.welcome-about-stats {
    display: none !important;
}

section.flat-section-v5.flat-recommended.flat-recommended-v2 {
    background: white !important;
}

.flat-pagination .page-numbers {
    color: #a17a27 !important;
    border: 1px solid !important;
}

section.other-pages-section {
    background: white !important;
}

.box.col.mb-4 .box-agent .content .list-info li a {
    color: black !important;
}

section.flat-title-page .container h2.text-center {
    color: white !important;
}


.text-truncate {
    color: #000000 !important
}

.link:hover {
    color: #000000 !important;
}

.swiper-slide {
    height: auto !important;
    display: flex;
}


.box-tes-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.box-tes-item .box-avt {
    margin-top: auto;
}



.luxury-faq-section .box-faq .faq-header {
    color: #A17A27 !important;
    background: #ffffff !important;
}

.luxury-faq-section .box-faq .faq-item {
    background: #ffffff !important;
    border: 1px solid #A17A27 !important;
}

.box-icon.social .icon {
    color: #000000 !important;
}

.main-header .main-menu .navigation>li>a::before {
    background: #000000 !important;
}




.tf-btn.primary {
    background-color: #A17A27 !important;
    color: #fff !important;
    border-color: rgb(0 0 0) !important;
}



.flat-gallery-single {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px;
    gap: 15px;
    width: 100%;
}

.flat-gallery-single .box-img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.flat-gallery-single .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.flat-gallery-single .item1 {
    grid-column: span 2;
    grid-row: span 2;
}

.flat-gallery-single .item-2,
.flat-gallery-single .item-3,
.flat-gallery-single .item-4,
.flat-gallery-single .item-5 {
    grid-column: span 1;
    grid-row: span 1;
}

.flat-gallery-single:has(> :nth-child(1):last-child) {
    grid-template-columns: 1fr;
}

.flat-gallery-single:has(> :nth-child(1):last-child) .item1 {
    grid-column: 1 / -1;
    grid-row: span 2;
}

.flat-gallery-single:has(> :nth-child(2):last-child) {
    grid-template-columns: 1fr 1fr;
}

.flat-gallery-single:has(> :nth-child(2):last-child) .item1,
.flat-gallery-single:has(> :nth-child(2):last-child) .item-2 {
    grid-column: span 1;
    grid-row: span 2;
}

.flat-gallery-single:has(> :nth-child(3):last-child) .item-2,
.flat-gallery-single:has(> :nth-child(3):last-child) .item-3 {
    grid-column: span 2;
}

.flat-gallery-single:has(> :nth-child(4):last-child) .item-4 {
    grid-column: span 2;
}

@media (max-width: 768px) {
    .flat-gallery-single {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .flat-gallery-single .box-img {
        height: 250px;
        width: 100%;
    }
}


#wrapper {
    background: #ffffff !important;
}


section.flat-categories-single.bg-white.fixed-cate-single {
    background: #ffffff !important;

}





a.cate-single-item {
    color: #000 !important;
}



.header-property-detail,
.widget-box-single {
    background: #ffffff !important;
    /* border: 1px solid #A17A27 !important; */
}

.widget-box-header-single,
.info-box {
    background: #ffffff !important;
}

.property-detail,
.header-property-detail .content-bottom .info-box .meta-item {
    color: #000000 !important;
}


.widget-box.single-property-contact.bg-white {
    background: #fff !important;
    border: 1px solid #A17A27;
}


.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group textarea {

    background: #fff;
    border: 1px solid #A17A27;
}

.avatar img {
    display: none;
}

.property-show-more-btn {
    color: #A17A27 !important;
}


.wrapper-onepage,
.widget-box-header-single .header-property-detail {
    background: #ffffff !important;
}

.single-property-overview .info-box,
.content-bottom .info-box {
    background: #ffffff !important;
}

.flag-tag.primary {
    border: 1px solid #A17A27;
}

.flag-tag {
    color: #000000 !important;
}

.widget-box.single-property-contact.bg-surface {
    background: #ffffff !important;
    border: 1px solid #A17A27;
}




.footer {
    background: #ffffff !important;
    border: 1px solid #000000;
}

.footer-cl-1 ul.mt-12 li.mt-12 p.text-white {
    color: black !important;
}

.col-lg-4.col-md-6 .footer-cl-4 .fw-7.text-white {
    color: black !important;
}

.footer .bottom-footer .box-icon.social {
    background: #CCCCCC !important;
}

.footer .bottom-footer .box-icon.social svg.icon {
    color: #000000 !important
}


.footer .inner-footer {
    padding-top: 0 !important;
}

/* .footer .inner-footer .container .row .col-lg-2.col-md-4.col-6{
    padding-top: 60px !important;
}
.footer .inner-footer .container .row .col-lg-4.col-md-6{
    padding-top: 60px !important;
} */
.footer-logo-wrapper {
    margin-bottom: 0 !important;
}


input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea,
select,
.form-control,
.form-select,
.input,
.search-field {
    background: #ffffff !important;
}


.contact-info {
    background: #ffffff !important;
    border: 1px solid #A17A27
}

.iti .iti__selected-dial-code {
    color: #000000 !important;
}

#page-home input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea,
select,
.form-control,
.form-select,
.input,
.search-field {
    background: #fff !important;
}

#page-home .luxury-price-input-wrapper {
    background: #fff !important;
}

.luxury-price-label {
    color: #000000 !important;
}

.subscribe-form {
    display: none;
}


.position-relative .property-keyword-wrapper .wd-find-select.style-2 .inner-group .form-style .form-control {
    background: #fff !important;
}

.wd-search-form {
    background: #1B1B1B !important;
}

.caption-price span {
    color: #000 !important;
}



.homeya-box .images-group .top {
    display: none;
}

.wd-search-form .box-title-price .title-price,
.wd-search-form .group-select .title-select,
.wd-find-select.style-2 .inner-group .form-style label,
.wd-find-select .inner-group .box-filter .icon,
.text-1,
.text-variant-1 {
    color: #000000 !important;
}


textarea.form-control {
    background: #ffffff !important;
}

.line-clamp-1 {
    color: #000000 !important;
}


.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group textarea {
    background: #ffffff !important;
}

.header-right .dropdown .dropdown-menu {
    background: #ffffff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #1b1b1b !important;
}


.main-header,
.main-header .main-menu {
    background: #ffffff !important;
}

@media (min-width: 992px) {
    .footer-cl-1 {
        margin-top: -50px;
    }
}


.nav-tab-recommended .nav-link-item.active,
.nav-tab-recommended .nav-link-item {
    background: #A17A27 !important;
}


.flat-testimonial-v2 .box-tes-item .p.note.body-1 span {
    color: #FFFFFF !important;
}

.flat-testimonial-v2 .box-tes-item.style-1 span {
    color: #FFFFFF !important;
}


.main-header .main-menu .navigation>li>a {
    font-size: 15px !important;
}

.progress-wrap::after {
    color: #A17A27 !important;
}

#page-home .homepage-sections-wrapper section.flat-section:nth-of-type(4) .nav-tab-item a.nav-link-item.active {
    display: none !important;
}


.flat-benefit-v2 {
    margin-top: -50px !important;
}

section.flat-section.flat-agents .box-agent.hover-img.wow.fadeIn.animated .box-img.img-style.mb-2 img {
    min-height: 540px !important;
}

.whatsapp-icon-holder {
    position: fixed;
    bottom: 30px;
    right: auto;
    left: 50px;
    z-index: 1000;
}


.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group textarea,
input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea,
select,
.form-control,
.form-select,
.input,
.search-field {
    color: #A17A27 !important;
}

.single-property-desc .title {
    margin-top: 20px !important;
}

#page-home .sw-pagination .swiper-pagination-bullet-active {
    background-color: #A17A27 !important;
}


#page-7 .contact-content button.tf-btn.primary.size-1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.single-property-overview .info-box .item:hover .box-icon {
    background: #ffffff00 !important;
}

.wd-navigation {
    margin-bottom: -50px;
    margin-top: 20px;
}

.project-style2-show-more-btn {
    color: #a17a27 !important;
}


.footer .bottom-footer .box-icon.social svg.icon:hover {
    color: #a17a27 !important;
}

svg.icon:hover,
svg.icon {
    color: #a17a27 !important
}

.contact-info .box .box-social .item:hover {
    background: #000000 !important;
}


.mobile-button::before,
.mobile-button::after,
.mobile-button svg {
    color: #000 !important
}

.mobile-menu,
.mobile-menu .menu-box,
.mobile-menu .nav-logo,
.mobile-menu .bottom-canvas {
    background: #ffffff !important;

}

.mobile-menu .navigation li>a {
    color: #000000 !important;
}


.company_developer_description_show_more_btn {
    color: #a17a27 !important
}

.dropdown-toggle {
    color: #000000 !important;
}

.flag-tag.style-2 {
    background-color: #000000;
    color: #ffffff !important;
}

.wd-find-select .inner-group .form-style {
    border-inline-end: none !important;
}

.wrap-filter-search .wd-find-select .inner-group .form-group-2.form-style .position-relative .group-ip .icon.svg-icon-ti-ti-current-location {
    color: white !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background: #000 !important;
    color: #ffffff !important;
}

.luxury-search-container .nice-select .option.focus,
.luxury-search-container .nice-select .option.selected.focus {
    color: #ffffff !important;
}

.luxury-search-container .nice-select .option:hover {
    color: #000 !important;
}

.nice-select .option:hover,
.nice-select .option.selected {
    color: #000 !important;
}



.serovia-container {
    font-family: 'Outfit', sans-serif;
    color: #1a1a1a;
    background-color: #f6f6f6;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
    padding: 0;
}

.serovia-container * {
    box-sizing: border-box;
}

.serovia-image-col {
    flex: 1;
    min-width: 300px;
    position: relative;
    background-color: #000;
}

.serovia-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 500px;
}

.serovia-content-col {
    flex: 1;
    min-width: 300px;
    padding: 80px 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f6f6f6;
}

.serovia-eyebrow {
    display: flex;
    align-items: center;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 20px;
    color: #1a1a1a;
}

.serovia-eyebrow::before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #4a5c40;
    margin-right: 20px;
}

.serovia-title {
    font-size: 64px;
    font-weight: 700;
    line-height: 0.9;
    margin: 0 0 15px 0;
    letter-spacing: -2px;
    color: #000;
    text-transform: capitalize;
}

.serovia-subtitle {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #1a1a1a;
    text-transform: capitalize;
}

.serovia-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 25px;
    max-width: 650px;
    font-weight: 300;
}

.serovia-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding: 14px 35px;
    border: 1px solid #1a1a1a;
    border-radius: 8px;
    background: transparent;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}

.serovia-btn:hover {
    background-color: #1a1a1a;
    color: #fff;
}

.serovia-btn svg {
    margin-left: 12px;
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
}

.serovia-btn:hover svg {
    transform: translateX(5px);
}

@media (max-width: 960px) {
    .serovia-container {
        flex-direction: column;
    }

    .serovia-image-col {
        min-height: 300px;
        max-height: 400px;
    }

    .serovia-content-col {
        padding: 50px 30px;
    }

    .serovia-title {
        font-size: 48px;
    }
}

/* Background Image for Benefit Section */
.flat-benefit-v2 {
    background-image: url('https://seroviaproperties.itempire.info/storage/bg-3.jpg') !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
}



.flat-benefit-v2 {
    margin-top: 20px !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0.438), rgba(0, 0, 0, 0.438)), url('https://seroviaproperties.itempire.info/storage/bg-3.jpg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
}


.box-benefit.style-1 .content .description,
.box-benefit.style-1 .content .link {
    color: #fff !important;
}


#page-home h2.section-title.text-white {
    color: #fff !important;
}

#page-home p.p-16.body-2.text-white.mt-3 {
    color: #000 !important;
}


#page-home .text-subtitle.text-primary {
    color: #fff !important;
}


.search-box-offcanvas.container {
    margin-top: 100px !important;
}

.search-box-offcanvas-content .wrap-filter-search .flat-tab.flat-tab-form .form-sl .wd-find-select.style-2.shadow-st {
    background-color: #f2f2f2 !important;
}


.wd-find-select,
.wd-find-select .inner-group,
.flat-tab-form,
.flat-tab-form .inner-group,
.flat-tab-form .form-sl,
.wrap-filter-search,
.search-box-offcanvas-content,
.wd-find-select,
.wd-find-select .inner-group,
.flat-tab-form,
.flat-tab-form .wd-find-select,
.flat-tab-form .inner-group,
.wd-find-select,
.wd-find-select .inner-group,
.flat-tab-form,
.flat-tab-form .wd-find-select,
.flat-tab-form .inner-group {
    background-color: #f2f2f2 !important;
}



.wd-find-select.style-2 .inner-group {
    background-color: #f2f2f2 !important;
}

.wd-find-select .inner-group .form-style .nice-select {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

span.current {
    color: #000 !important;
}

.nice-select .option {
    background-color: #fff !important;
    color: #000 !important;
}

.wd-search-form.show {
    background-color: #f2f2f2 !important;
}


.wd-find-select .nice-select,
.flat-tab-form .nice-select,
.wd-find-select .form-control,
.wd-find-select input[type="text"],
.wd-find-select .nice-select,
.flat-tab-form .form-control,
.flat-tab-form input[type="text"],
.flat-tab-form .nice-select {
    background-color: #fff !important;
}


.box-title-listing .box-filter-tab .nice-select {
    background-color: #fff;
}




.property-item {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
}

.property-item .content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.property-item .note {

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    min-height: 4.5em;
    margin-bottom: 15px;
}

.property-item .meta-list {
    margin-top: auto;
}


.whatsapp-icon-holder {
    right: 20px;
    left: unset;
    bottom: 75px;
}


.list-social {
    display: none !important;
}



#page-home .flat-testimonial-v2 h2.section-title.text-white {
    color: #000 !important;
}


.wrap-benefit-v2 .box-navigation {
    display: none !important;
}


.search-box-offcanvas-content .wrap-filter-search .flat-tab.flat-tab-form .form-sl .wd-find-select.style-2.shadow-st {
    border: 1px solid #000000 !important;
}

.luxury-hero-title {
    flex-direction: column;
}

.serovia-container .serovia-content-col h1.serovia-title {
    font-family: "Poppins", sans-serif;
}

.serovia-container .serovia-content-col .serovia-subtitle {
    font-family: "Poppins", sans-serif;
}

.serovia-container .serovia-content-col p.serovia-text {
    font-family: "Poppins", sans-serif;
}

#page-home .homepage-sections-wrapper section.luxury-search-section {
    display: none !important;
}

#page-home section.flat-section.flat-recommended {
    display: none !important;
}

#page-home section.flat-section.luxury-faq-section {
    display: none !important;
}

#page-home section.flat-section-v4.flat-partner {
    display: none !important;
}

#page-home section.flat-section-v2.flat-testimonial-v2.wow.fadeInUpSmall.animated.animated {
    display: none !important;
}

#page-home section.flat-section.luxury-contact-inline {
    display: none !important;
}

#page-home section.flat-section-v3.flat-slider-contact {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media screen and (min-width:1024px){
#page-home section.flat-section-v3.flat-slider-contact .container .row.content-wrap .col-lg-7 {
    width: 49% !important;

}

#page-home section.flat-section-v3.flat-slider-contact .container .row.content-wrap .col-lg-5 {
    width: 50% !important;
}
}



#page-home section.flat-section-v3.flat-slider-contact .container .row.content-wrap .col-lg-5 .box-contact-v2 {
    background: #f2f2f2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.homepage-sections-wrapper>section>.container {
    max-width: 1500px !important;
}



#page-home .luxury-hero-writing-text {
    animation: none !important;
    color: #ffffff !important;
    text-transform: lowercase;
    font-style: italic !important;
}


.property-item .note {
    display: none !important;
}

/* 1. SEARCH BUTTON: Pill Shape, Bottom Aligned, Black */
.wd-find-select .tf-btn.submit-filter {
    /* Dimensions & Shape */
    height: 48px !important;
    line-height: 48px !important;
    border-radius: 50px !important;
    background-color: #151515 !important;
    color: #ffffff !important;
    border: none !important;
    max-width: 125px !important;

    /* Text Style */
    text-transform: lowercase !important;
    font-size: 16px !important;
    padding: 0 35px !important;

    /* Alignment: Push to bottom, clear margins */
    align-self: flex-end !important;
    margin-bottom: 0 !important;
    margin-left: 15px !important;
    display: inline-block !important;
}

/* 2. ADVANCED FILTER: Bottom Aligned + Vertical Correction */
.wd-find-select .form-group-4 {
    align-self: flex-end !important;
    /* Pushes it to the bottom */
    margin-bottom: 14px !important;
    /* Lifts it up slightly to center it with the button */
    padding-bottom: 0 !important;
    line-height: 1 !important;
    /* Ensures text height doesn't throw off alignment */
}

/* 3. PLACEHOLDER TEXT: Force Black (All Browsers) */
.wd-find-select input::-webkit-input-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.wd-find-select input::-moz-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.wd-find-select input:-ms-input-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.wd-find-select input:-moz-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.wd-find-select input::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

/* =========================================
   AL GHAF 2 PROPERTY DETAIL STYLES
   ========================================= */

/* 1. LAYOUT: Force 2-Column Split (Main Content | Sidebar) */
/* Flex container to enable side-by-side layout */
.flat-property-detail-v2>.container>.row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* @media (min-width: 992px) { */

    /* Main Content Column (Left) */
    /* .flat-property-detail-v2>.container>.row>.col-lg-12:first-child {
        width: 66.666% !important;
        flex: 0 0 66.666% !important;
        max-width: 66.666% !important;
        padding-right: 30px !important;
    } */

    /* Sidebar Column (Right) */
    /* .flat-property-detail-v2>.container>.row>.col-lg-12:last-child {
        width: 33.333% !important;
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        margin-top: 0 !important;
    } */
/* } */

/* Mobile Layout */
/* @media (max-width: 991px) {
    .flat-property-detail-v2>.container>.row>.col-lg-12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
} */

/* 2. HEADER & TITLE */
.header-property-detail {
    background-color: transparent !important;
    padding: 0 0 20px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin-bottom: 30px !important;
}

.box-name .title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-transform: capitalize !important;
    margin-top: 10px !important;
    font-family: 'Outfit', sans-serif !important;
}

.box-name .flag-tag {
    background: #e8f5e9 !important;
    color: #2F4930 !important;
    border: 1px solid #2F4930 !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.box-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}

.box-price h4 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #2F4930 !important;
    margin: 0 !important;
}

.box-price span {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 5px !important;
}

/* 3. OVERVIEW GRID (Icons) */
.single-property-overview .info-box {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
}

.single-property-overview .item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: background 0.3s ease !important;
}

.single-property-overview .item:hover {
    transform: translateY(-5px) !important;
}

.single-property-overview .box-icon {
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    color: #000 !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
}

.single-property-overview .box-icon svg {
    width: 32px !important;
    height: 32px !important;
    stroke: #2F4930 !important;
}

.single-property-overview .content .label {
    display: block !important;
    font-size: 13px !important;
    color: #888 !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}


.single-property-overview .box-icon svg, .single-property-overview .box-icon i{
    stroke: #000 !important;
}

.single-property-overview .content span:not(.label) {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

/* 4. AMENITIES GRID */
#amentities .box-feature .row {
    margin: 0 -10px !important;
}

#amentities .box-feature .col-lg-4 {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    padding: 10px !important;
}

@media (max-width: 768px) {
    #amentities .box-feature .col-lg-4 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.card {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    height: 100% !important;
    transition: all 0.3s ease !important;
}

.card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.amenity-image {
    height: 180px !important;
    overflow: hidden !important;
}

.amenity-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.card:hover .amenity-image img {
    transform: scale(1.1) !important;
}

.amenity-card-body {
    padding: 15px !important;
    text-align: center !important;
    background: #fff !important;
}

.amenity-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2F4930 !important;
    text-transform: capitalize !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.amenity-description {
    font-size: 12px !important;
    color: #999 !important;
    margin: 0 !important;
}

/* 5. TYPICAL UNITS */
.typical-unit-card .card-header .typical-units-image {
    min-height: 250px !important;
    background: #f9f9f9 !important;
}

.typical-unit-card .card-body {
    padding: 20px !important;
    text-align: center !important;
}

.typical-unit-beds {
    display: inline-block !important;
    background: #2F4930 !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
}

.typical-unit-price h6 {
    color: #1a1a1a !important;
}

/* 6. PAYMENT PLAN TIMELINE */
.payment-plans-section {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    margin-top: 30px !important;
}

.timeline-wrapper {
    margin: 40px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    position: relative !important;
}

.timeline-line {
    position: absolute !important;
    top: 15px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: #e0e0e0 !important;
    z-index: 0 !important;
}

.timeline-step {
    position: relative !important;
    z-index: 1 !important;
    text-align: center !important;
    background: transparent !important;
    width: 33.333% !important;
}

.timeline-step .dot {
    width: 32px !important;
    height: 32px !important;
    background: #2F4930 !important;
    border: 4px solid #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 1px #2F4930 !important;
    margin: 0 auto 10px !important;
}

.timeline-step .label .percent {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2F4930 !important;
}

.timeline-step .label .text {
    font-size: 14px !important;
    color: #666 !important;
}

.payment-stage {
    background: #f9f9f9 !important;
    border: 1px solid #eee !important;
    border-left: 4px solid #2F4930 !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    border-radius: 4px !important;
}

/* 7. SIDEBAR & CONTACT FORM */
.widget-sidebar.fixed-sidebar-2 {
    position: sticky !important;
    top: 140px !important;
    background: #fff !important;
    padding: 25px !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    z-index: 100 !important;
}

.iti input {
    padding-left: 55px !important;
}

.single-property-contact .title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.contact-form .form-control {
    height: 48px !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    padding: 0 15px !important;
    color: #1a1a1a !important;
}

.contact-form .form-control:focus {
    border-color: #2F4930 !important;
    background: #fff !important;
}

.tf-btn.primary {
    width: 100% !important;
    height: 50px !important;
    background-color: #2F4930 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    margin-top: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.tf-btn.primary:hover {
    background-color: #1e3020 !important;
    color: #fff !important;
}

/* 8. ATTACHMENTS */
.attachment-file {
    display: flex !important;
    align-items: center !important;
    padding: 15px !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

.attachment-file:hover {
    border-color: #2F4930 !important;
    background: #f9fdf9 !important;
}

.attachment-file img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px !important;
    object-fit: contain !important;
}

.attachment-file span {
    font-weight: 500 !important;
    color: #1a1a1a !important;
}

.attachment-file i.icon-download {
    margin-left: auto !important;
    color: #2F4930 !important;
}

/* 9. GENERAL RESETS & UTILS */
.single-property-desc .body-2 {
    font-size: 16px !important;
    color: #555 !important;
    line-height: 1.8 !important;
}

.single-property-desc p {
    margin-bottom: 20px !important;
}

.h7.title {
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    color: #1a1a1a !important;
    padding-bottom: 5px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    display: inline-block !important;
}

.wrapper-onepage {
    margin-bottom: 20px !important;
    background: #fff !important;
    padding: 0 !important;
}

.content-bottom .icon-box {
    display: none !important;
    /* Hide extra icons in header if any */
}

/* Developer Info Card */
.company-card {
    background: #fff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    border: 1px solid #eee !important;
    margin-top: 30px !important;
}

.company-header .logo img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    border: 1px solid #eee !important;
    border-radius: 50% !important;
    padding: 5px !important;
}

/* FINAL REFINEMENTS - ROUND 5 (TOTAL BLACK THEME) */

/* Global selector to kill any remaining green */
[style*="color: #2F4930"],
[style*="color:#2F4930"],
.text-primary {
    color: #000 !important;
}

/* Remove Gold Border and use cleaner borders */
.widget-box.single-property-contact.bg-surface,
.widget-box.single-property-contact.bg-white,
.widget-sidebar.fixed-sidebar-2,
.single-property-contact .contact-form .ip-group .form-control,
.single-property-contact .contact-form .ip-group textarea {
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Fix Overview Section: TOTAL BLACK BG, Wider boxes */
.single-property-overview .info-box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}



.single-property-overview .item:hover {
    transform: translateY(-3px) !important;
}

.single-property-overview .box-icon {
    margin-right: 20px !important;
    margin-bottom: 0 !important;
    /* color: #fff !important; */
    /* WHITE ICONS */
}

.single-property-overview .box-icon svg,
.single-property-overview .box-icon i {
    width: 28px !important;
    height: 28px !important;
    stroke: #000 !important;
}

.single-property-overview .content {
    display: flex !important;
    flex-direction: column !important;
}

.single-property-overview .content .label {
    font-size: 11px !important;
    color: #000 !important;
    /* Light gray label */
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

.single-property-overview .content span:not(.label) {
    font-size: 15px !important;
    font-weight: 700 !important;
    /* color: #fff !important; */
    /* WHITE TEXT */
    line-height: 1.2 !important;
    display: block !important;
}

/* 
   FIX FOR PHONE INPUT OVERLAP 
   Extreme Specificity to force padding.
*/
body .iti input#get_phone,
body input#get_phone.form-control.iti__tel-input {
    padding-left: 115px !important;
    text-indent: 0 !important;
}

.iti__flag-container {
    z-index: 10 !important;
}

.iti {
    width: 100% !important;
}

/* Apply Black Theme to ALL other accented elements */
.box-name .flag-tag {
    color: #000 !important;
    border: 1.5px solid #000 !important;
}

.box-price h4,
.box-price span,
.typical-unit-beds,
.timeline-step .dot,
.timeline-step .label .percent,
.payment-stage,
.tf-btn.primary,
.attachment-file i.icon-download,
.single-property-overview .box-icon svg {
    color: #000 !important;
}

.tf-btn.primary,
.typical-unit-beds,
.timeline-step .dot,
.payment-stage {
    background-color: #000 !important;
    color: #fff !important;
}

.box-price h4,
.timeline-step .label .percent,
.attachment-file i.icon-download,
.single-property-overview .box-icon svg {
    background-color: transparent !important;
}

.tf-btn.primary:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.payment-stage {
    border-left: 5px solid #000 !important;
}

/* Layout Spacing */
.wrapper-onepage {
    margin-bottom: 15px !important;
}

.h7.title {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #000 !important;
    border-bottom: 3px solid #000 !important;
    padding-bottom: 5px !important;
}







/* Scoped Styles for Reel Section */

.reel-section {
    font-family: 'Arial', sans-serif;
    /* Fallback font */
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 50px;
}

.reel-section * {
    box-sizing: border-box;
}

/* Header Styles */
.reel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 10px;
}

.reel-logo {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.logo-strada {
    font-size: 6rem;
    font-weight: bold;
    color: #000;
    letter-spacing: -2px;
}

.logo-studios {
    font-size: 1.5rem;
    color: #000;
    /* Pinkish color from image */
    font-family: 'Brush Script MT', cursive;
    /* Script font for 'studios' */
    align-self: flex-end;
    margin-top: -10px;
    transform: rotate(-5deg);
}

.reel-subscribe-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
}

.reel-subscribe-btn:hover {
    background: #f0f0f0;
}



/* Grid Styles */
.reel-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.reel-item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    /* Video thumbnail ratio */
    overflow: hidden;
    cursor: pointer;
}

.reel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.reel-item:hover img {
    transform: scale(1.05);
}

/* Play Button Overlay */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 40px;
    background-color: rgba(255, 0, 0, 0.9);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s;
}

.reel-item:hover .play-button {
    background-color: #ff0000;
    transform: translate(-50%, -50%) scale(1.1);
}

.play-triangle {
    width: 0;
    height: 0;
    border-left: 14px solid white;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-left: 4px;
    /* Optical adjustment */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .reel-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .reel-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Refined Property Overview (Show only Type & Price) --- */
.single-property-overview .row.info-box .col.item:nth-child(2),
.single-property-overview .row.info-box .col.item:nth-child(3),
.single-property-overview .row.info-box .col.item:nth-child(4) {
    display: none !important;
}

/* --- Refined Features Icons (Injecting SVGs via CSS) --- */
.content-bottom .icon-bed,
.content-bottom .icon-bathtub,
.content-bottom .icon-ruler {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
}

/* Bedroom Icon */
/* .content-bottom .icon-bed {
    -webkit-mask-image: url('data:image/svg+xml;utf8,');
    mask-image: url('data:image/svg+xml;utf8,');
} */

/* Bathroom Icon */
/* .content-bottom .icon-bathtub {
    -webkit-mask-image: url('data:image/svg+xml;utf8,');
    mask-image: url('data:image/svg+xml;utf8,');
} */

/* Ruler/Square Icon */
/* .content-bottom .icon-ruler {
    -webkit-mask-image: url('data:image/svg+xml;utf8,');
    mask-image: url('data:image/svg+xml;utf8,');
} */


.wd-find-select.style-2 .inner-group .form-style .nice-select,
.wd-find-select.style-2 .inner-group .form-style .form-control {
    border-radius: 100px;
}

@media screen and (min-width:1024px) {
    .wd-find-select .inner-group .form-style label{
        margin-left: 20px;
    }
}


textarea.form-control {
    min-height: calc(6.5em + .75rem + calc(var(--bs-border-width) * 2)) !important;
}


.wd-find-select.style-2 .inner-group .form-style .form-control::placeholder {
  color: #000 !important;
  opacity: 1;
}

.wd-find-select.style-2 .inner-group .form-style .form-control::-moz-placeholder {
  color: #000 !important;
  opacity: 1;
}

.wd-find-select.style-2 .inner-group .form-style .form-control:-ms-input-placeholder {
  color: #000 !important;
}

.wd-find-select.style-2 .inner-group .form-style .form-control::-ms-input-placeholder {
  color: #000 !important;
}


.flat-map .wrap-filter-search{
    margin-top: -9rem !important;
}

.wd-find-select, .wd-find-select .inner-group, .flat-tab-form, .flat-tab-form .inner-group, .flat-tab-form .form-sl, .wrap-filter-search, .search-box-offcanvas-content{
    border-radius: 20px !important;
}


.homeya-box .images-group:after{
    background: transparent !important;
}

.homeya-box .images-style img{
    height: 350px !important;
}

.property-item{
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / 39%), 0 5px 10px -5px rgb(0 0 0 / 39%);
}

.search-suggestion{
    background: #fff !important;
}

.search-suggestion-item-keyword:hover{
    color: #000 !important;
}

.modal .modal-dialog .modal-content{
    background: #fff !important;
}









/* --- 1. Fix the Overlap in Mobile Field --- */
/* This pushes the text "Mobile" to the right so it doesn't sit on the +971 flag */
.iti__tel-input {
    padding-left: 95px !important; 
}

/* --- 2. Force Black Text & Placeholders (Aggressive) --- */
/* We use the ID #file-attachment-form-submit to overrule your theme's styles */
#file-attachment-form-submit input,
#file-attachment-form-submit textarea,
#file-attachment-form-submit .form-control,
#file-attachment-form-submit .modal-text {
    color: #000000 !important; 
}

/* Force Placeholders to be Black */
#file-attachment-form-submit input::placeholder,
#file-attachment-form-submit textarea::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

/* --- 3. Fix "Autofill" turning text Gold/Yellow --- */
/* Browsers often override colors when they autofill. This forces it back to black. */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000000 !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevents yellow background */
}

/* --- 4. Submit Button Black --- */
#file-attachment-submit {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* Fix Phone Number & Placeholder Overlap */
/* We target the ID directly to override any global padding rules */
#get_phone_attach {
    padding-left: 100px !important; /* Pushes text/placeholder to the right */
}

/* .header-property-detail .content-bottom .info-box .meta-item{
    margin-left:-25px !important;
} */

.homeya-box{
    border: 1px solid #aaa !important;
}


.homeya-box .content{
    border-bottom: none !important;
}

.show-admin-bar .fixed-cate-single{
    top: 140px !important;
}

.nearby_locations .icon{
    color: #000 !important;
}




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

    .serovia-container{
       margin-top: 50px !important;
    }

    .serovia-content-col {
        padding-top: 120px !important;
    }

    .reel-header{
        flex-direction: column !important;
    }

     .reel-subscribe-btn {
    /* --- New Properties for Left Alignment --- */
    width: fit-content;       /* Stops it from stretching full width */
    align-self: flex-start;   /* Overrides parent centering (if parent is flex) */
    margin-right: auto;       /* Pushes button to the left (if parent is flex column) */
    }

    .search-box-offcanvas .search-box-offcanvas-content .search-box-offcanvas-header {
       
        background-color: #fff !important;
       
    }


    .tf-btn.primary, .typical-unit-beds, .timeline-step .dot, .payment-stage {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 12px !important;
    padding: 3px;
    text-transform: lowercase !important;
    margin-top: -1px !important;
}

.box-title-listing .box-filter-tab .list-sort{
    width: 70% !important;
}

   
}

   
@media (min-width: 1024px) {
  /* Targets the button specifically by its data attribute */
  button[data-bb-toggle="toggle-filter-offcanvas"] {
    display: none;
  }
}



/* custom client code */
.header-property-detail .content-bottom {
  padding-bottom: 0 !important;
}
#description .widget-box-header-single .header-property-detail .content-top,
.header-property-detail,
.widget-box-header-single .single-property-desc{
    padding-left: 0 !important;
    margin-left: 0px !important;
    padding-right: 0 !important;
    /* margin-right: 30px !important; */
}
@media screen and (max-width: 1300px) {
  #description .widget-box-header-single .header-property-detail .content-top,
.header-property-detail,
.widget-box-header-single .single-property-desc{
    padding-left: 30px !important;
}
}
.header-property-detail .box-name p.meta-item {
    margin-bottom: 8px;
}
.widget-box-single.single-property-attachments {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
a.attachment_file_download > span.attachment-file:hover {
    background-color: #b19232 !important;
}
a.attachment_file_download > span.attachment-file:hover > span,
a.attachment_file_download > span.attachment-file:hover > i{
    color: white !important;
}
body .widget-box-header-single .single-property-overview,
body .header-property-detail .content-bottom,
body .single-property-video.widget-box-single,
body .single-property-feature.widget-box-single  {
    padding-left: 0 !important;
    padding-right: 0 !important;
}