.flat-slider.home-1.hero-banner-redesign {
    min-height: 537px !important;

}
@media (max-width: 767px) {
    .flat-slider.home-1.hero-banner-redesign {
        min-height: 420px!important;
    }
}


.box-service.style-4 .icon-box {
  
    background-color: rgb(11 17 23);
   
}



.shortcode-lazy-loading-loaded {
    padding: 51px 0px 51px;
    background-color: #0f1822;
}


.sidebar-blog .recent .recent-post-item .content .title {
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    color: var(--on-surface-color, #161e2d);
}

.sidebar-blog .recent .recent-post-item .content .title {
     font-family: var(--heading-font);
    font-weight: var(--heading-font-weight, 600);
    text-rendering: optimizeLegibility;
    color: var(--on-surface-color, #161e2d);
}





/* ================================
   BLOG CARDS - DESKTOP
   ================================ */
@media (min-width: 992px) {

    /* Blog heading/title size */
    .flat-blog-item .post-title,
    .flat-blog-item h3,
    .flat-blog-item h4 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    /* Make every blog card same height */
    .flat-blog-list .flat-blog-item {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* Content inside card */
    .flat-blog-item .content,
    .flat-blog-item .post-content {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
    }

    /* Read More stays at bottom */
    .flat-blog-item .read-more,
    .flat-blog-item a.read-more,
    .flat-blog-item .tf-btn {
        margin-top: auto !important;
    }
}

/* =========================================================
   BLOG LIST — 2 COLUMNS ON DESKTOP
   ========================================================= */
@media (min-width: 992px) {

    html body .flat-blog-list {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    html body .flat-blog-list > .flat-blog-item,
    html body .flat-blog-list > div {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important;
    }

}

.agent-detail-section .agent-header {
    position: relative;
    border: 1px solid var(--auth-border-color, #202426) !important;
    border-radius: 12px !important;
   
    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    overflow: hidden;
}




/* Estateory - Message textarea alignment */
.single-property-contact .contact-form textarea[name="content"] {
    padding: 14px 16px 14px 48px !important;
    background-position: 14px 16px !important;
    background-repeat: no-repeat !important;
}

body{
background-color:#0b1117 !important}


.auth-card-custom {
    position: relative;
    border: 1px solid var(--auth-border-color, #202426) !important;
    border-radius: 12px !important;
   
    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    overflow: hidden;
}

.auth-card-custom:hover {
    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.38),
        0 4px 12px rgba(0, 0, 0, 0.18);
      background-color: var(--surface-color, #14161a) !important;
    transform: translateY(-2px);
}





.flat-contact .contact-content {
    position: relative;
    padding: 30px;
    background-color: #0d161b;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
      background-color: var(--surface-color, #14161a) !important;
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.28),
      
        0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    overflow: hidden;
}

.flat-contact .contact-content:hover {
    box-shadow: 
        0 14px 35px rgba(0, 0, 0, 0.38),
        0 4px 12px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
}



.contact-info {
    position: relative;
    border-radius: 12px !important;
    background-color: var(--surface-color, #14161a) !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    overflow: hidden;
}

.contact-info:hover {
    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.38),
        0 4px 12px rgba(0, 0, 0, 0.18);
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    .search-box-offcanvas .search-box-offcanvas-content .widget-sidebar {
        padding:0px !important;
    }
}


.box-title-listing .box-filter-tab .list-sort {
    width: 132px;
}

.box-title-listing .box-filter-tab .list-page {
    width: 46px;
}

.row > * {
    padding-left: 15px;
    padding-right: 15px;
}

/* Fix Sort Dropdown - Full text visibility on desktop */
@media only screen and (min-width: 768px) {
    .box-title-listing .box-filter-tab .list-sort + .nice-select {
        width: 200px !important;
        min-width: 200px !important;
    }
    .box-title-listing .box-filter-tab .list-sort + .nice-select .current {
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: unset !important;
        max-width: 155px !important;
        display: block !important;
    }
    .box-title-listing .box-filter-tab .list-sort + .nice-select .list {
        min-width: 210px !important;
        width: auto !important;
    }
    .box-title-listing .box-filter-tab .list-sort + .nice-select .option {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}




/* Sleek Filter Loading Overlay with Theme Primary Color Spinner */
[data-bb-toggle="data-listing"] {
    position: relative !important;
    min-height: 250px !important;
}

.loading-spinner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px !important;
    background: rgba(14, 18, 26, 0.75) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
}

.loading-spinner::after {
    content: "" !important;
    width: 50px !important;
    height: 50px !important;
    border: 4px solid rgba(255, 255, 255, 0.12) !important;
    border-top: 4px solid var(--primary-color, #c89a4b) !important;
    border-right: 4px solid var(--primary-color, #c89a4b) !important;
    border-radius: 50% !important;
    animation: filterSpinnerRotate 0.75s linear infinite !important;
    box-shadow: 0 0 15px rgba(200, 154, 75, 0.3) !important;
}

@keyframes filterSpinnerRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}







.btn-primary {
    
    color: #0b1117 !important;
   
}





@media (max-width: 767px) {
    .property-item.homeya-box .archive-bottom .h6 {
        font-size: 20px !important;
     
    }
}


.homeya-box .images-group .box-icon {
    background-color: rgb(12 21 29);
   
}


.property-item.homeya-box .archive-bottom .h6 {
        font-size: 20px !important; font-weight:bold;
    }
@media (max-width: 767px) {
    .homeya-categories {
      
        background: #252d34!important;
    }
}




.box-service.style-2 {
    align-items: center;
    padding: 5px 30px;
    border-radius: 16px;
}



@media (max-width: 767px) {
    .flat-blog-item .img-style img {
        height: 102px !important;
        width: 170px !important;
        object-fit: cover;
    }
}

.flat-section-v3 {
    padding: 35px 19px;
}


.flat-section {
    padding: 51px 0px 60px !important;
}
.mb-4 {
    margin-bottom: -0.5rem !important;
}



@media only screen and (max-width: 991px) {
    .flat-section {
        padding: 26px 0px 26px;
    }
}


.flat-contact .contact-content {
    padding: 30px;
    background-color: #0d161b;
}

@media only screen and (max-width: 991px) {
    .flat-contact .contact-content {
        margin-bottom: 30px;
    }
}





.flat-section {
    padding: 51px 0px 51px;
}
.mb-4 {
    margin-bottom: -0.5rem !important;
}



@media only screen and (max-width: 991px) {
    .flat-section {
        padding: 26px 0px 26px;
    }
}


.flat-contact .contact-content {
    padding: 30px;
    background-color: #0d161b;
}

@media only screen and (max-width: 991px) {
    .flat-contact .contact-content {
        margin-bottom: 30px;
    }
}






/* =========================================================
   MOBILE BLOG LIST - HIDE DESCRIPTION & ALIGN READ MORE
   ========================================================= */
@media (max-width: 767px) {
    

    /* 2. Equal Height Cards & Read More Buttons Bottom Alignment */
    html body .flat-blog-list .flat-blog-item,
    html body .flat-blog-item,
    .flat-blog-list .flat-blog-item,
    .flat-blog-item {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    html body .flat-blog-item .content-box,
    .flat-blog-item .content-box {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
    }

    html body .flat-blog-item .content-box .btn-read-more,
    .flat-blog-item .content-box .btn-read-more {
        margin-top: auto !important; /* Button ko bottom par push karta hai */
        align-self: flex-start !important;
    }
}






/* =========================================================
   SUBSCRIBE BUTTON HOVER JUMP FIX & BLACK ICON COLOR
   ========================================================= */

/* 1. Prevent Button from moving down on hover */
html body .subscribe-form button[type="submit"],
.subscribe-form button[type="submit"],
.footer .subscribe-form button[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

html body .subscribe-form button[type="submit"]:hover,
.subscribe-form button[type="submit"]:hover,
.footer .subscribe-form button[type="submit"]:hover {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* 2. Change Paper Plane Send Icon Color to Solid Black */
.subscribe-form button .icon,
.subscribe-form button i,
.subscribe-form button svg,
.subscribe-form button .icon-send,
.subscribe-form button[type="submit"] .icon,
.subscribe-form button[type="submit"] i,
.subscribe-form button[type="submit"] svg,
.subscribe-form button[type="submit"]:hover .icon,
.subscribe-form button[type="submit"]:hover i,
.subscribe-form button[type="submit"]:hover svg {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
    opacity: 1 !important;
}









@media (max-width: 767px) {
    .site-notice .site-notice__actions button {
    
        font-size: 9px !important;

  }}


@media (max-width: 767px) {
    .flat-blog-item .content-box .btn-read-more {
        font-size: 9px !important;
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}
/* NEWSLETTER HINT TEXT PADDING FIX */
html body #newsletter-popup input[type="email"],
html body #newsletter-popup .form-control,
html body .subscribe-form input[type="email"],
html body .subscribe-form input {
    padding-left: 48px !important;
    padding-inline-start: 48px !important;
}




/* =========================================================
   BOOST FONT SIZES ON MOBILE FOR SINGLE BLOG POST PAGE
   ========================================================= */
@media (max-width: 767px) {
    /* Main Content Paragraphs (Readable 16px) */
    html body .flat-blog-detail p,
    html body .post-content p,
    html body .blog-detail p,
    html body article p,
    html body .post-description p,
    .flat-blog-detail p,
    .post-content p,
    .blog-detail p,
    article p,
    .post-description p {
        font-size: 14px !important;
        
    }

  




}




/* =========================================================
   HEADER & HEADER COMPONENTS SHARP CORNERS (0px)
   ========================================================= */
html body #header,
html body .main-header,
html body .header-lower,
html body .header-upper,
html body .header-fixed,
html body .header-fixed.is-fixed,
html body .header-style-1,
html body .header-style-2,
html body .header-style-3,
html body .top-header,
html body .header-account,
html body .header-contact-btn,
html body .header-inner,
html body .header-wrap,
html body .navigation,
html body .main-menu,
html body .nav-outer,
#header,
.main-header,
.header-lower,
.header-upper,
.header-fixed,
.header-fixed.is-fixed,
.header-style-1,
.header-style-2,
.header-style-3,
.top-header,
.header-account,
.header-contact-btn,
.header-inner,
.header-wrap,
.navigation,
.main-menu,
.nav-outer {
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}








.tf-btn.primary, .tf-btn, .btn, button:not(.btn-close):not(.box-icon):not(.slick-arrow):not(.navbar-toggler):not(.owl-prev):not(.owl-next):not(.ae-anno-announcement__arrow), input[type="submit"] {
   
   background-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
    color: #ffffff !important;
    border: 1.5px solid var(--button-background-color, var(--primary-color, #c89a4b)) !important;
    box-shadow: 0 4px 18px rgba(200, 154, 75, 0.25) !important;
  border-radius: 4px !important;
    
   
  
  
}


/* =========================================================
   REMOVE EMAIL ICONS FROM NEWSLETTER SUBSCRIBE FORM
   ========================================================= */
html body .subscribe-form .icon-left,
html body .subscribe-form .icon-mail,
html body .subscribe-form span.icon-left,
html body .subscribe-form .icon-left::before,
html body .subscribe-form .icon-left::after,
.subscribe-form .icon-left,
.subscribe-form .icon-mail,
.subscribe-form span.icon-left,
.subscribe-form .icon-left::before,
.subscribe-form .icon-left::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

html body .subscribe-form input,
html body .footer-cl-4 .subscribe-form input,
.subscribe-form input,
.footer-cl-4 .subscribe-form input {
    padding-left: 16px !important;
    padding-inline-start: 16px !important;
}


/* =========================================================
   CATEGORY BADGE VISIBILITY FIX FOR ALL PROPERTY CARDS
   ========================================================= */
html body .property-item .images-group .bottom,
.property-item .images-group .bottom {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
}

html body .property-item .images-group .bottom .flag-tag.style-2,
html body .property-item .images-group .bottom .flag-tag,
html body .flag-tag.style-2,
.property-item .images-group .bottom .flag-tag.style-2,
.property-item .images-group .bottom .flag-tag,
.flag-tag.style-2 {
    display: inline-block !important;
    background-color: #121212 !important;
    background: #121212 !important;
    color: #ffffff !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-radius: 0px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
}



/* =========================================================
   FIX SEARCH BOX BUTTON DISPLACEMENT ON HOVER
   ========================================================= */
html body .widget-search .search-box,
html body .search-box,
.widget-search .search-box,
.search-box {
    position: relative !important;
}

html body .widget-search .search-box .right-icon,
html body .widget-search .search-box button,
html body .search-box .right-icon,
html body .search-box button[type="submit"],
.widget-search .search-box .right-icon,
.widget-search .search-box button,
.search-box .right-icon,
.search-box button[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

html body .widget-search .search-box .right-icon:hover,
html body .widget-search .search-box button:hover,
html body .search-box .right-icon:hover,
html body .search-box button[type="submit"]:hover,
.widget-search .search-box .right-icon:hover,
.widget-search .search-box button:hover,
.search-box .right-icon:hover,
.search-box button[type="submit"]:hover {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}


.single-property-overview .title {
    margin-bottom: 46px;
}

.info-box {
    
    padding: 5px;
}
html body .btn-read-more,
.btn-read-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 4px 18px rgba(200, 154, 75, 0.25) !important;
    border-radius: 4px !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    padding: 10px 22px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

html body .btn-read-more::after,
.btn-read-more::after {
    content: "\2192" !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
    color: inherit !important;
}

html body .btn-read-more:hover,
.btn-read-more:hover {
    background-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
    color: #ffffff !important;
    border-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
    box-shadow: 0 6px 22px rgba(200, 154, 75, 0.45) !important;
    transform: translateY(-2px) !important;
}

html body .btn-read-more:hover::after,
.btn-read-more:hover::after {
    transform: translateX(5px) !important;
}



.noUi-horizontal .noUi-handle {


background-color: var(--input-background-color, #1a1a1a) !important;

}

/* 1. Remove Outer Section Dark Background */
.flat-benefit-v2 {
    background: transparent !important; /* Ya var(--white-color) / #ffffff */
    padding: 60px 0 !important;
}

/* 2. Remove Inner Card Box Background & Shadows */
.flat-benefit-v2 .box-benefit,
.wrap-benefit-v2 .box-benefit {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Hide Golden L-shaped Corner Brackets (If needed) */
.flat-benefit-v2 .box-benefit::before,
.flat-benefit-v2 .box-benefit::after {
    display: none !important;
}




.tf-btn.primary, .tf-btn.solid, .hero-btn-gold, .btn-primary, .subscribe-form button[type="submit"], form.contact-form button[type="submit"], .flat-account .tf-btn {
    
    border-radius: 4px !important;
   
}


/* 1. Base Button Typography & Radius */
.tf-btn,
.hero-btn-action,
.btn-primary,
button[type="submit"],
.form-style button[type="submit"],
.widget-filter-search button[type="submit"],
.search-box-offcanvas button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
padding: 14px 28px !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
text-decoration: none !important;
border-radius: 4px !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
cursor: pointer !important;
box-sizing: border-box !important;
}

/* 2. Solid Gold Buttons (CONTACT US, VIEW ALL PROPERTIES) */
.tf-btn.primary,
.tf-btn.solid,
.hero-btn-gold,
.btn-primary,
.subscribe-form button[type="submit"],
form.contact-form button[type="submit"],
.flat-account .tf-btn {
background-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
color: #ffffff !important;
border: 1.5px solid var(--button-background-color, var(--primary-color, #c89a4b)) !important;
box-shadow: 0 4px 18px rgba(200, 154, 75, 0.25) !important;
}

.tf-btn.primary:hover,
.tf-btn.solid:hover,
.hero-btn-gold:hover,
.btn-primary:hover,
.subscribe-form button[type="submit"]:hover,
form.contact-form button[type="submit"]:hover,
.flat-account .tf-btn:hover {
background-color: var(--button-hover-background-color, var(--hover-color, #b38538)) !important;
border-color: var(--button-hover-background-color, var(--hover-color, #b38538)) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 22px rgba(200, 154, 75, 0.45) !important;
}

/* 3. Sleek Outline Gold Buttons (FIND PROPERTIES in Sidebar/Offcanvas) */
.widget-filter-search button[type="submit"],
.search-box-offcanvas button[type="submit"],
.form-search-box-offcanvas-button,
.tf-btn.style-border,
.hero-btn-trans,
.btn-outline-primary {
background-color: transparent !important;
color: var(--primary-color, #c89a4b) !important;
border: 1.5px solid var(--primary-color, #c89a4b) !important;
box-shadow: none !important;
}

.widget-filter-search button[type="submit"]:hover,
.search-box-offcanvas button[type="submit"]:hover,
.form-search-box-offcanvas-button:hover,
.tf-btn.style-border:hover,
.hero-btn-trans:hover,
.btn-outline-primary:hover {
background-color: var(--primary-color, #c89a4b) !important;
color: #ffffff !important;
border-color: var(--primary-color, #c89a4b) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 22px rgba(200, 154, 75, 0.4) !important;
}


/* Filter Sidebar Widget Primary Accents */
.widget-filter-search .widget-title,
.widget-filter-search .title-box,
.search-box-offcanvas .title-box,
.search-box-offcanvas .title {
border-left: 3px solid var(--primary-color, #c89a4b) !important;
padding-left: 10px !important;
}

.form-search-location .icon-target,
.form-search-location .icon-mapPin,
.widget-filter-search .icon-target,
.widget-filter-search .icon-mapPin,
.search-box-offcanvas .icon-target,
.search-box-offcanvas .icon-mapPin,
.form-style .icon-mapPin,
.form-style .icon-target {
color: var(--primary-color, #c89a4b) !important;
}


.widget-filter-search .nice-select::after,
.widget-filter-search .multi-select-arrow,
.search-box-offcanvas .nice-select::after,
.search-box-offcanvas .multi-select-arrow,
.wd-search-form .nice-select::after,
.wd-search-form .multi-select-arrow {
border-bottom: 2px solid var(--primary-color, #c89a4b) !important;
border-right: 2px solid var(--primary-color, #c89a4b) !important;
}

[data-bb-toggle="range-from-value"],
[data-bb-toggle="range-to-value"],
#slider-range-value01,
#slider-range-value02,
#slider-flat-value01,
#slider-flat-value02,
.caption-price .fw-7,
.caption-single-square .fw-7 {
color: var(--primary-color, #c89a4b) !important;
}
.noUi-connect {
background: var(--primary-color, #c89a4b) !important;
}

.noUi-target {
background: rgba(255, 255, 255, 0.1) !important;
border: none !important;
height: 6px !important;
}

.noUi-handle {
background: var(--primary-color, #c89a4b) !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 10px rgba(200, 154, 75, 0.5) !important;
border-radius: 50% !important;
width: 18px !important;
height: 18px !important;
top: -6px !important;
cursor: pointer !important;
}

.btn-show-advanced,
.btn-hide-advanced,
.btn-show-advanced-mb,
.btn-show-advanced i,
.btn-hide-advanced i,
.btn-show-advanced-mb i {
color: var(--primary-color, #c89a4b) !important;
font-weight: 600 !important;
}


/* Property Card & Listing Icons (Bed, Bathtub, Ruler, Map Location Pin) using Primary Color */
.homeya-box .content .desc i,
.homeya-box .content .meta-list i,
.homeya-box .meta-list li i,
.property-item .content .desc i,
.property-item .content .meta-list i,
.property-item .meta-list li i,
.homeya-box .icon-bed,
.homeya-box .icon-bathtub,
.homeya-box .icon-ruler,
.homeya-box .icon-mapPin,
.property-item .icon-bed,
.property-item .icon-bathtub,
.property-item .icon-ruler,
.property-item .icon-mapPin,
.meta-list .icon,
.desc .icon-mapPin,
i.icon-bed,
i.icon-bathtub,
i.icon-ruler,
i.icon-mapPin,
i.icon-bed-line,
i.icon-bathtub-line,
i.icon-ruler-line {
color: var(--primary-color, #c89a4b) !important;
}


/* Multi-Select & Nice-Select Dropdown Popup Dynamic Theme Colors */
.nice-select .list,
.multi-select-dropdown .multi-select-options {
background-color: var(--input-background-color, var(--surface-color, #161e2d)) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.15)) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
border-radius: 8px !important;
}

/* Scrollbar Styling */
.nice-select .list::-webkit-scrollbar-track,
.nice-select .list::-webkit-scrollbar,
.multi-select-dropdown .multi-select-options::-webkit-scrollbar-track,
.multi-select-dropdown .multi-select-options::-webkit-scrollbar {
background-color: var(--input-background-color, var(--surface-color, #161e2d)) !important;
}

.nice-select .list::-webkit-scrollbar-thumb,
.multi-select-dropdown .multi-select-options::-webkit-scrollbar-thumb {
background-color: var(--outline-color, rgba(255, 255, 255, 0.2)) !important;
border-radius: 4px !important;
}

/* Dropdown Option Items Text */
.nice-select .option,
.multi-select-dropdown .multi-select-option,
.multi-select-dropdown .multi-select-option span {
color: var(--input-text-color, #ffffff) !important;
transition: all 0.2s ease !important;
}

/* Option Item Hover State */
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus,
.multi-select-dropdown .multi-select-option:hover,
.multi-select-dropdown .multi-select-option:hover span {
background-color: rgba(255, 255, 255, 0.08) !important;
color: var(--primary-color, #c89a4b) !important;
}

/* Checkbox Accent Color */
.multi-select-dropdown .multi-select-option input[type="checkbox"] {
accent-color: var(--primary-color, #c89a4b) !important;
}


.widget-filter-search button[type="submit"], .widget-filter-search .tf-btn, .widget-filter-search .tf-btn.primary {

margin-bottom: 24px;

}

/* ==========================================================================
NEWSLETTER POPUP - ADMIN PANEL DYNAMIC COLOR INTEGRATION
========================================================================== */

/* 1. Modal Background & Outer Box Border */
.newsletter-popup .modal-content,
.newsletter-popup .newsletter-popup-content {
background-color: var(--surface-color, #111111) !important;
border-radius: 16px !important;
overflow: hidden !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.1)) !important;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
}

/* 2. "WEEKLY UPDATES" Subtitle (Admin Panel Primary Color) */
.newsletter-popup .modal-subtitle {
color: var(--primary-color, #c89a4b) !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 8px !important;
}

/* 3. Main Title ("Let's join our newsletter!") */
.newsletter-popup .modal-title {
color: var(--on-surface-heading-color, #ffffff) !important;
font-size: 28px !important;
font-weight: 700 !important;
}

/* 4. Subtext ("Do not worry we don't spam!") */
.newsletter-popup .modal-text {
color: var(--variant-2-color, rgba(255, 255, 255, 0.6)) !important;
font-size: 14px !important;
}

/* 5. "Enter Your Email" Input Field */
.newsletter-popup input[type="email"],
.newsletter-popup .form-control {
background: var(--input-background-color, #1a1a1a) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.15)) !important;
color: var(--input-text-color, #ffffff) !important;
height: 48px !important;
font-size: 14px !important;
border-radius: 6px !important;
}

.newsletter-popup input[type="email"]:focus {
border-color: var(--primary-color, #c89a4b) !important;
}

/* 6. "SUBSCRIBE" Action Button (Admin Panel Button / Primary Color) */
.newsletter-popup form button[type="submit"],
form.bb-newsletter-popup-form button[type="submit"] {
background: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
color: var(--button-text-color, #ffffff) !important;
border: none !important;
border-radius: 6px !important;
height: 48px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
width: 100% !important;
transition: all 0.3s ease !important;
}

.newsletter-popup form button[type="submit"]:hover,
form.bb-newsletter-popup-form button[type="submit"]:hover {
background: var(--button-hover-background-color, var(--hover-color, #b0863f)) !important;
color: var(--button-text-color, #ffffff) !important;
box-shadow: 0 8px 25px rgba(200, 154, 75, 0.35) !important;
}

/* 7. "Don't show this popup again" Label */
.newsletter-popup .form-check-label {
color: var(--on-surface-color, rgba(255, 255, 255, 0.65)) !important;
}



/* Peeche wale outer containers ka sharp background khatam */
.search-box-offcanvas,
.search-box-offcanvas-content,
.widget-sidebar,
.flat-sidebar,
.wrap-sidebar,
.flat-sidebar .widget-sidebar {
background: transparent !important;
box-shadow: none !important;
border: none !important;
border-radius: 16px !important;
}

/* Main Card Box with clean rounded corners */
.widget-box,
.widget-filter-search,
.flat-sidebar .widget-filter-search,
.flat-tab-form,
.single-property-contact,
.widget-box-single,
.box-contact {
background: var(--surface-color, #0b161c) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
border-radius: 16px !important;
overflow: hidden !important;
}

/* Ensure all sidebar cards & filter widgets have smooth rounded corners (16px)
and prevent inner child overflow from creating sharp corners */
.widget-box,
.widget-filter-search,
.flat-sidebar .widget-filter-search,
.flat-tab-form,
.single-property-contact,
.widget-box-single,
.box-contact {
border-radius: 16px !important;
overflow: hidden !important;
}

.widget-filter-search .wd-filter-select,
.widget-filter-search .inner-group,
.widget-filter-search .form-sl {
border-radius: 14px !important;
overflow: hidden !important;
}


/* ==========================================================================
HOMZEN THEME CUSTOM CSS - ADMIN PANEL DYNAMIC COLOR INTEGRATION
========================================================================== */

/* --------------------------------------------------------------------------
1. PROPERTY CARDS & CONTAINERS (.homeya-box, .property-item)
Uses Admin Panel Surface Color, Primary Color on Hover, and Outline Borders
-------------------------------------------------------------------------- */
.homeya-box,
.property-item,
.box-house,
.card-property {
background: var(--surface-color, #0b161c) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
border-radius: 16px !important;
padding: 14px !important;
overflow: hidden !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
margin-bottom: 24px !important;
transition: all 0.3s ease !important;
}

/* Property Card Hover Accent connected to Admin Panel Primary Color */
.homeya-box:hover,
.property-item:hover {
border-color: var(--primary-color, #c89a4b) !important;
transform: translateY(-2px) !important;
box-shadow: 0 0 18px rgba(200, 154, 75, 0.25), 0 12px 30px rgba(0, 0, 0, 0.6) !important;
}

/* Card Content Inner Divider & Padding */
.homeya-box .content {
padding: 16px 20px !important;
border-bottom: 0.5px solid var(--outline-color, rgba(255, 255, 255, 0.1)) !important;
border-radius: 0px !important;
}

/* Card Image Container */
.homeya-box .images-group {
aspect-ratio: 370 / 250 !important;
background-color: var(--surface-color, #1a1a1a) !important;
border-radius: 12px !important;
overflow: hidden !important;
position: relative !important;
width: 100% !important;
}

.homeya-box .images-group .images-style,
.homeya-box .images-group img,
.homeya-box .images-style img {
border-radius: 12px !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}

/* Card Bottom Footer Row (Agent Avatar & Price Display) */
.homeya-box .archive-bottom,
.property-item .archive-bottom {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 4px 2px 4px !important;
background: transparent !important;
width: 100% !important;
}

.property-item .archive-bottom span {
color: var(--on-surface-heading-color, #ffffff) !important;
font-weight: 600 !important;
font-size: 14px !important;
}

/* Property Price Text connected to Admin Panel Primary Color */
.property-item .archive-bottom .h6 {
color: var(--primary-color, #c89a4b) !important;
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 0 0 auto !important;
text-align: right !important;
white-space: nowrap !important;
}

/* --------------------------------------------------------------------------
2. MOBILE NAVIGATION & DRAWER SWITCHERS
-------------------------------------------------------------------------- */
.mobile-switchers {
border-top: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
}

.mobile-menu .mobi-icon-box .box {
border-bottom: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
}

/* Hide featured banner image on blog detail page */
.flat-banner-blog {
display: none !important;
}

/* --------------------------------------------------------------------------
3. MOBILE SCREEN CATEGORIES CARDS
-------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* Card Container Height, Background & Padding */
.homeya-categories,
.homeya-categories.style-1,
.homeya-categories-v2 {
padding: 16px 10px 14px !important;
gap: 10px !important;
min-height: auto !important;
border-radius: 12px !important;
background: var(--surface-color, #0b161c) !important;
}

/* Icon Box Circle Size */
.homeya-categories .box-icon,
.homeya-categories .icon-box,
.homeya-categories.style-1 .box-icon,
.homeya-categories-v2 .icon-box {
width: 66px !important;
height: 66px !important;
min-width: 66px !important;
min-height: 66px !important;
margin-bottom: 0 !important;
}

/* Icon / SVG Dimensions & Admin Primary Color */
.homeya-categories .box-icon .icon,
.homeya-categories .box-icon img,
.homeya-categories .box-icon svg,
.homeya-categories .box-icon i,
.homeya-categories .icon-box img,
.homeya-categories .icon-box svg,
.homeya-categories .icon-box i {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
font-size: 36px !important;
color: var(--primary-color, #c89a4b) !important;
}

/* Category Title & Description Typography */
.homeya-categories .content {
margin-top: 0 !important;
}

.homeya-categories .content h6,
.homeya-categories .content .h6,
.homeya-categories h6 {
font-size: 14px !important;
line-height: 20px !important;
margin: 0 !important;
font-weight: 600 !important;
color: var(--on-surface-heading-color, #ffffff) !important;
}

.homeya-categories .content p {
font-size: 11.5px !important;
line-height: 16px !important;
margin-top: 2px !important;
color: var(--variant-2-color, #94a3b8) !important;
}
}

/* --------------------------------------------------------------------------
4. CONTACT & CONSULT FORM INPUT ICONS
-------------------------------------------------------------------------- */
.contact-field-name_wrapper input,
.contact-field-name_wrapper input:focus,
.contact-field-name_wrapper input:active,
.contact-field-name_wrapper input:valid,
.contact-field-name_wrapper input:invalid,
.contact-field-name_wrapper input:not(:placeholder-shown),
.contact-field-name_wrapper input:-webkit-autofill,
input[name="name"],
input[name="name"]:focus,
input[name="name"]:active,
input[name="name"]:valid,
input[name="name"]:invalid,
input[name="name"]:not(:placeholder-shown),
input[name="name"]:-webkit-autofill,
input[placeholder*="Name"],
input[placeholder*="Name"]:focus,
input[placeholder*="Name"]:not(:placeholder-shown),
input[placeholder*="name"],
input[placeholder*="name"]:focus,
input[placeholder*="name"]:not(:placeholder-shown) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px center !important;
padding-left: 48px !important;
}

.contact-field-email_wrapper input,
.contact-field-email_wrapper input:focus,
.contact-field-email_wrapper input:active,
.contact-field-email_wrapper input:valid,
.contact-field-email_wrapper input:invalid,
.contact-field-email_wrapper input:not(:placeholder-shown),
.contact-field-email_wrapper input:-webkit-autofill,
input[name="email"],
input[name="email"]:focus,
input[name="email"]:active,
input[name="email"]:valid,
input[name="email"]:invalid,
input[name="email"]:not(:placeholder-shown),
input[name="email"]:-webkit-autofill,
input[type="email"],
input[type="email"]:focus,
input[type="email"]:not(:placeholder-shown),
input[placeholder*="Email"],
input[placeholder*="Email"]:focus,
input[placeholder*="Email"]:not(:placeholder-shown),
input[placeholder*="email"],
input[placeholder*="email"]:focus,
input[placeholder*="email"]:not(:placeholder-shown) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px center !important;
padding-left: 48px !important;
}

.contact-field-address_wrapper input,
.contact-field-address_wrapper input:focus,
.contact-field-address_wrapper input:active,
.contact-field-address_wrapper input:valid,
.contact-field-address_wrapper input:invalid,
.contact-field-address_wrapper input:not(:placeholder-shown),
.contact-field-address_wrapper input:-webkit-autofill,
input[name="address"],
input[name="address"]:focus,
input[name="address"]:active,
input[name="address"]:valid,
input[name="address"]:invalid,
input[name="address"]:not(:placeholder-shown),
input[name="address"]:-webkit-autofill,
input[placeholder*="Address"],
input[placeholder*="Address"]:focus,
input[placeholder*="Address"]:not(:placeholder-shown),
input[placeholder*="address"],
input[placeholder*="address"]:focus,
input[placeholder*="address"]:not(:placeholder-shown) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px center !important;
padding-left: 48px !important;
}

.contact-field-subject_wrapper input,
.contact-field-subject_wrapper input:focus,
.contact-field-subject_wrapper input:active,
.contact-field-subject_wrapper input:valid,
.contact-field-subject_wrapper input:invalid,
.contact-field-subject_wrapper input:not(:placeholder-shown),
.contact-field-subject_wrapper input:-webkit-autofill,
input[name="subject"],
input[name="subject"]:focus,
input[name="subject"]:active,
input[name="subject"]:valid,
input[name="subject"]:invalid,
input[name="subject"]:not(:placeholder-shown),
input[name="subject"]:-webkit-autofill,
input[placeholder*="Subject"],
input[placeholder*="Subject"]:focus,
input[placeholder*="Subject"]:not(:placeholder-shown),
input[placeholder*="subject"],
input[placeholder*="subject"]:focus,
input[placeholder*="subject"]:not(:placeholder-shown) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='17'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px center !important;
padding-left: 48px !important;
}

textarea[name="content"],
textarea[name="content"]:focus,
textarea[name="content"]:not(:placeholder-shown),
textarea[name="message"],
textarea[name="message"]:focus,
textarea[name="message"]:not(:placeholder-shown),
.contact-form textarea,
.flat-contact textarea,
.form-comment textarea,
.ip-group textarea,
.form-group textarea,
textarea.form-control,
textarea {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px 16px !important;
padding-left: 48px !important;
padding-top: 14px !important;
}

input[name="data_name"],
input[name="data_name"]:focus,
input[name="data_name"]:not(:placeholder-shown),
input[name="property_id"],
input[name="property_name"],
input[readonly],
input[disabled] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c89a4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 14px center !important;
padding-left: 48px !important;
}

/* --------------------------------------------------------------------------
5. FORM INPUTS & SEARCH FILTER DROPDOWNS RADIUS & COLOR INTEGRATION
-------------------------------------------------------------------------- */
.form-comment input:not([type="checkbox"]):not([type="radio"]),
.form-comment textarea,
.form-comment .form-control,
.flat-contact input:not([type="checkbox"]):not([type="radio"]),
.flat-contact textarea,
.flat-contact .form-control,
.contact-form input:not([type="checkbox"]):not([type="radio"]),
.contact-form textarea,
.contact-form .form-control,
.form-group textarea,
textarea.form-control,
textarea {
border-radius: 10px !important;
}

.contact-info {
border-radius: 10px !important;
background-color: var(--surface-color, #14161a) !important;
}

.multi-select-trigger,
.multi-select-dropdown,
.filter-form .form-control,
.filter-form .nice-select,
.filter-form select,
.filter-form .multi-select-trigger,
.filter-form input:not([type="checkbox"]):not([type="radio"]),
.widget-filter-search .form-control,
.widget-filter-search .nice-select,
.widget-filter-search select,
.widget-filter-search .multi-select-trigger,
.widget-filter-search input:not([type="checkbox"]):not([type="radio"]),
.flat-sidebar .form-control,
.flat-sidebar .nice-select,
.flat-sidebar select,
.flat-sidebar .multi-select-trigger,
.flat-sidebar input:not([type="checkbox"]):not([type="radio"]),
.form-style .form-control,
.form-style .nice-select,
.form-style select,
.form-style .multi-select-trigger,
.form-style input:not([type="checkbox"]):not([type="radio"]),
.form-sl .form-control,
.form-sl .nice-select,
.form-sl select,
.form-sl .multi-select-trigger,
.form-sl input:not([type="checkbox"]):not([type="radio"]),
.form-sl .group-box,
.box-select,
.group-select,
.nice-select {
border-radius: 10px !important;
}

/* --------------------------------------------------------------------------
6. PROPERTY DETAILS TYPOGRAPHY & HEADING COLOR
-------------------------------------------------------------------------- */
@media (max-width: 767px) {
.single-property-element .title {
font-size: 18px !important;
}

.header-property-detail .box-price span {
font-size: 20px !important;
}
}

#newsletter-popup .modal-dialog {
display: flex;
align-items: center;
justify-content: center;
max-width: 83% !important;
margin: 0 auto !important;
min-height: 100vh;
}

.single-property-element .title,
#description .title,
.flat-property-detail .description .title,
.single-property-element .h7.title {
color: var(--primary-color, #c89a4b) !important;
}

/* Agent Details Grid on Desktop */
@media only screen and (min-width: 992px) {
.agent-properties-section .row > .col,
.agent-properties-section .row > [class*="col-"] {
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
width: 33.333333% !important;
}
}

/* Mobile Dropdown Lists Overflow & Sizing */
@media only screen and (max-width: 767px) {
.nice-select .list {
width: max-content !important;
min-width: 100% !important;
max-width: 220px !important;
}

.nice-select .list .option {
font-size: 11.5px !important;
padding-left: 8px !important;
padding-right: 8px !important;
min-height: 32px !important;
line-height: 32px !important;
}

.box-title-listing .box-filter-tab .list-sort + .nice-select .list {
right: 0 !important;
left: auto !important;
}
}

/* --------------------------------------------------------------------------
7. CUSTOM CHECKBOXES & AUTH FORMS (Admin Panel Primary Accent)
-------------------------------------------------------------------------- */
.auth-form input[type="checkbox"],
.form-check-input[type="checkbox"],
.cb-remember input[type="checkbox"],
.group-cb input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
box-sizing: border-box !important;
flex: 0 0 18px !important;
flex-shrink: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
display: inline-block !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
border: 1.5px solid var(--outline-color, rgba(255, 255, 255, 0.35)) !important;
border-radius: 4px !important;
background: transparent !important;
cursor: pointer !important;
vertical-align: middle !important;
position: relative !important;
opacity: 1 !important;
transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.auth-form input[type="checkbox"]:checked,
.form-check-input[type="checkbox"]:checked,
.cb-remember input[type="checkbox"]:checked,
.group-cb input[type="checkbox"]:checked {
background-color: var(--primary-color, #c89a4b) !important;
border-color: var(--primary-color, #c89a4b) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m5 10 3 3 7-7'/%3E%3C/svg%3E") !important;
background-size: 13px 13px !important;
background-repeat: no-repeat !important;
background-position: center !important;
}

.auth-form input[type="checkbox"]:hover,
.form-check-input[type="checkbox"]:hover,
.cb-remember input[type="checkbox"]:hover,
.group-cb input[type="checkbox"]:hover {
border-color: var(--primary-color, #c89a4b) !important;
}

.auth-form input[type="checkbox"]:focus,
.form-check-input[type="checkbox"]:focus,
.cb-remember input[type="checkbox"]:focus,
.group-cb input[type="checkbox"]:focus {
outline: none !important;
border-color: var(--primary-color, #c89a4b) !important;
box-shadow: 0 0 0 3px rgba(200, 154, 75, 0.22) !important;
}

.form-check,
.cb-remember,
.group-cb {
display: flex !important;
align-items: center !important;
width: auto !important;
min-height: 18px !important;
padding: 0 !important;
margin: 0 !important;
gap: 8px !important;
}

.form-check .form-check-input {
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}

.form-check-label,
.cb-remember label,
.group-cb label {
display: inline-flex !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
color: var(--on-surface-color, #e5e7eb) !important;
font-size: 13px !important;
line-height: 18px !important;
cursor: pointer !important;
}

/* Custom Square Checkbox Style (.tf-checkbox) */
.tf-checkbox,
input[type="checkbox"].tf-checkbox {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
aspect-ratio: 1 / 1 !important;
border-radius: 4px !important;
border: 1.5px solid var(--outline-color, rgba(255, 255, 255, 0.3)) !important;
background: transparent !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
flex-grow: 0 !important;
position: relative !important;
transition: all 0.2s ease !important;
padding: 0 !important;
margin: 0 !important;
}

.tf-checkbox:checked,
input[type="checkbox"].tf-checkbox:checked {
background-color: var(--primary-color, #c89a4b) !important;
border-color: var(--primary-color, #c89a4b) !important;
}

.tf-checkbox:checked::before,
input[type="checkbox"].tf-checkbox:checked::before {
color: #ffffff !important;
position: absolute !important;
}

.tf-checkbox:not(:checked)::before,
input[type="checkbox"].tf-checkbox:not(:checked)::before {
display: none !important;
}

.tf-checkbox:hover,
input[type="checkbox"].tf-checkbox:hover {
border-color: var(--primary-color, #c89a4b) !important;
}

.group-checkbox .amenities-item,
.amenities-item {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}

.group-checkbox .amenities-item label,
.text-cb-amenities {
cursor: pointer !important;
color: var(--on-surface-color, #e5e7eb) !important;
font-size: 14px !important;
}

/* Hide grid/list view toggle buttons */
.nav-tab-filter {
display: none !important;
}

/* --------------------------------------------------------------------------
8. AGENT AVATAR & USER PROFILE BADGES
-------------------------------------------------------------------------- */
.avatar.avt-100.round,
.avatar.avt-60.round {
width: 100px !important;
height: 100px !important;
min-width: 100px !important;
min-height: 100px !important;
max-width: 100px !important;
max-height: 100px !important;
aspect-ratio: 1 / 1 !important;
border-radius: 50% !important;
overflow: hidden !important;
border: 0.5px solid var(--outline-color, rgba(0, 0, 0, 0.5));
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--surface-color, #1a1c20) !important;
}

.avatar.avt-60.round {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
max-width: 60px !important;
max-height: 60px !important;
}

.avatar.avt-100.round img,
.avatar.avt-60.round img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center top !important;
border-radius: 50% !important;
display: block !important;
border: none !important;
}

.single-property-contact .box-avatar {
align-items: center !important;
display: flex !important;
gap: 16px !important;
}

.bg-white {
--bs-bg-opacity: 1;
background-color: var(--surface-color, #1d2025) !important;
}

.property-item .archive-bottom .avatar,
.homeya-box .archive-bottom .avatar,
.avatar.avt-40 {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
aspect-ratio: 1 / 1 !important;
border-radius: 50% !important;
border: 0.5px solid var(--outline-color, rgba(0, 0, 0, 0.5)) !important;
overflow: hidden !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
background: var(--surface-color, #1a1c20) !important;
}

.property-item .archive-bottom .avatar img,
.homeya-box .archive-bottom .avatar img,
.avatar.avt-40 img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center top !important;
border-radius: 50% !important;
display: block !important;
border: none !important;
}

/* Verified Badge (Twitter/X Verified Blue Styling) */
.verified-badge {
display: inline-flex !important;
align-items: center !important;
vertical-align: middle !important;
margin-left: 3px !important;
position: relative !important;
color: #1d9bf0 !important;
filter: drop-shadow(0 0 3px rgba(29, 155, 240, 0.5)) !important;
transition: all 0.3s ease !important;
}

.verified-badge:hover {
filter: drop-shadow(0 0 6px rgba(29, 155, 240, 0.8)) !important;
transform: scale(1.15) !important;
}

.verified-badge svg {
fill: #1d9bf0 !important;
color: #1d9bf0 !important;
}

.verified-badge-sm svg { width: 18px !important; height: 18px !important; }
.verified-badge-md svg { width: 22px !important; height: 22px !important; }
.verified-badge-lg svg { width: 26px !important; height: 26px !important; }

/* --------------------------------------------------------------------------
9. SIDEBAR & SEARCH FILTER CONTAINER
-------------------------------------------------------------------------- */
.flat-sidebar .row {
align-items: flex-start !important;
}

.flat-sidebar .search-box-offcanvas,
.flat-sidebar .widget-sidebar,
.flat-sidebar .widget-filter-search {
margin-top: 0 !important;
}

.flat-sidebar .box-title-listing {
margin-top: 0 !important;
margin-bottom: 24px !important;
padding-bottom: 4px !important;
}

.flat-sidebar .widget-filter-search {
background: var(--surface-color, #111317) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
border-radius: 16px !important;
padding: 24px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.tf-latest-property,
.swiper-container,
.flat-tab-recommended {
padding-top: 10px !important;
padding-bottom: 10px !important;
}

input.form-control.js-phone-number-mask[name="phone_display"] {
padding-left: 86px !important;
}

/* --------------------------------------------------------------------------
10. WHATSAPP FLOATING BUBBLE (Brand Color Preservation)
-------------------------------------------------------------------------- */
.whatsapp-bubble {
position: fixed;
right: 30px;
bottom: 85px;
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
background: #25D366 !important;
border-radius: 50% !important;
padding: 0;
margin: 0;
box-sizing: border-box;
text-decoration: none !important;
z-index: 99999;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-bubble img,
.whatsapp-bubble svg {
width: 28px;
height: 28px;
display: block;
object-fit: contain;
color: #ffffff !important;
fill: #ffffff !important;
}

.whatsapp-bubble::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: rgba(37, 211, 102, 0.45);
z-index: -1;
animation: whatsapp-pulse 2.2s infinite;
pointer-events: none;
}

.whatsapp-bubble:hover {
transform: scale(1.1);
box-shadow: 0 10px 25px rgba(37, 211, 102, 0.5);
}

@keyframes whatsapp-pulse {
0% { transform: scale(1); opacity: 0.8; }
70% { transform: scale(1.6); opacity: 0; }
100% { transform: scale(1.6); opacity: 0; }
}

@media (max-width: 767px) {
.whatsapp-bubble {
right: 20px;
bottom: 75px;
width: 48px;
height: 48px;
}
.whatsapp-bubble img,
.whatsapp-bubble svg {
width: 24px;
height: 24px;
}
}

/* --------------------------------------------------------------------------
11. INPUT FIELD ICONS & SHOW PASSWORD TOGGLE
-------------------------------------------------------------------------- */
.auth-card form .auth-input-icon,
.auth-card-custom .input-group-text.auth-input-icon,
.flat-account .auth-input-icon,
.position-relative .auth-input-icon {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
left: 14px !important;
right: auto !important;
z-index: 10 !important;
pointer-events: none !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
width: 24px !important;
height: 24px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--primary-color, #c89a4b) !important;
}

.auth-card form .auth-input-icon svg,
.auth-card form .auth-input-icon i,
.auth-card-custom .input-group-text.auth-input-icon svg,
.auth-card-custom .input-group-text.auth-input-icon i,
.flat-account .auth-input-icon svg,
.flat-account .auth-input-icon i,
.position-relative .auth-input-icon svg,
.position-relative .auth-input-icon i {
width: 20px !important;
height: 20px !important;
font-size: 20px !important;
stroke: currentColor !important;
fill: none !important;
color: var(--primary-color, #c89a4b) !important;
}

.position-relative .form-control,
.position-relative input.form-control,
.position-relative input,
.auth-card form .form-control,
.auth-card form input,
.auth-card-custom .form-control,
.auth-card-custom input,
.flat-account .position-relative input,
.flat-account .position-relative .form-control,
.flat-account input,
.flat-account .form-control,
.fieldset input,
.fieldset .form-control,
.form-group input,
.form-group .form-control {
padding-left: 48px !important;
}

.box-password .show-pass,
.box-password .show-pass2,
.box-password .show-pass3,
.auth-card .show-pass,
.flat-account .show-pass {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
right: 14px !important;
z-index: 10 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--variant-2-color, #a3abb0) !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
width: 24px !important;
height: 24px !important;
}

.box-password .form-control,
.auth-card .box-password .form-control,
.flat-account .box-password .form-control {
padding-right: 48px !important;
padding-left: 48px !important;
}

/* --------------------------------------------------------------------------
12. SINGLE PROPERTY CONTACT WIDGET & INPUT AUTOFILL
-------------------------------------------------------------------------- */
.single-property-contact,
.widget-box.single-property-contact,
.widget-box,
.widget-box-single,
.box-contact {
background-color: var(--surface-color, #161e2d) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
border-radius: 16px !important;
padding: 28px 24px !important;
margin-top: 20px !important;
margin-bottom: 30px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.single-property-contact .title {
font-size: 20px !important;
font-weight: 700 !important;
color: var(--on-surface-heading-color, #ffffff) !important;
margin-bottom: 24px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
}

.single-property-contact .contact-form .ip-group {
margin-bottom: 18px !important;
}

.single-property-contact .contact-form label {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--on-surface-heading-color, #ffffff) !important;
margin-bottom: 8px !important;
display: block !important;
}

.single-property-contact .contact-form .form-control,
.single-property-contact .contact-form input,
.single-property-contact .contact-form textarea,
.single-property-contact .contact-form select {
background-color: var(--input-background-color, rgba(255, 255, 255, 0.04)) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.12)) !important;
border-radius: 8px !important;
color: var(--input-text-color, #ffffff) !important;
font-size: 14px !important;
padding: 12px 16px !important;
width: 100% !important;
}

.single-property-contact .contact-form .form-control:focus,
.single-property-contact .contact-form input:focus,
.single-property-contact .contact-form textarea:focus {
border-color: var(--primary-color, #c89a4b) !important;
box-shadow: 0 0 0 2px rgba(200, 154, 75, 0.2) !important;
}

.single-property-contact button[type="submit"],
.single-property-contact .tf-btn.primary,
.single-property-contact .contact-form button {
background-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
color: var(--button-text-color, #ffffff) !important;
font-weight: 700 !important;
border-radius: 8px !important;
padding: 14px 20px !important;
width: 100% !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
transition: all 0.3s ease !important;
}

.single-property-contact button[type="submit"]:hover,
.single-property-contact .tf-btn.primary:hover,
.single-property-contact .contact-form button:hover {
color: var(--button-text-color, #ffffff) !important;
background-color: var(--button-hover-background-color, var(--hover-color, #b0863f)) !important;
}

.whatsapp-contact-section {
border-top: 1px solid var(--outline-color, rgba(255, 255, 255, 0.08)) !important;
margin-top: 24px !important;
padding-top: 20px !important;
}

.contact-whatsapp-btn {
background-color: #075e54 !important;
color: #ffffff !important;
border-radius: 8px !important;
padding: 12px 20px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-weight: 600 !important;
width: 100% !important;
transition: all 0.3s ease !important;
}

.contact-whatsapp-btn:hover {
background-color: #128c7e !important;
color: #ffffff !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 1000px var(--input-background-color, #161e2d) inset !important;
box-shadow: 0 0 0 1000px var(--input-background-color, #161e2d) inset !important;
-webkit-text-fill-color: var(--input-text-color, #ffffff) !important;
caret-color: var(--input-text-color, #ffffff) !important;
background-color: var(--input-background-color, #161e2d) !important;
transition: background-color 50000s ease-in-out 0s !important;
}

.form-control,
input.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea,
.auth-card input,
.auth-card .form-control,
.auth-card-custom input,
.auth-card-custom .form-control,
.flat-account input,
.flat-account .form-control {
background-color: var(--input-background-color, #161e2d) !important;
color: var(--input-text-color, #ffffff) !important;
}

/* --------------------------------------------------------------------------
13. HERO BANNER REDESIGN
-------------------------------------------------------------------------- */
.flat-slider.home-1.hero-banner-redesign .slider-content {
padding: 160px 0 120px !important;
text-align: left !important;
}

.flat-slider.home-1.hero-banner-redesign .overlay {
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.75) 0%,
rgba(0, 0, 0, 0.55) 40%,
rgba(0, 0, 0, 0.2) 70%,
rgba(0, 0, 0, 0.05) 100%
) !important;
opacity: 1 !important;
}

.hero-content-left {
text-align: left !important;
}

.hero-tagline {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}

.hero-tagline .tagline-line {
display: inline-block;
width: 40px;
height: 2px;
background-color: var(--primary-color, #c89a4b);
flex-shrink: 0;
}

.hero-tagline .tagline-text {
font-size: 14px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--primary-color, #c89a4b);
}

.hero-main-title {
font-size: clamp(36px, 5vw, 64px) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: var(--on-surface-heading-color, #ffffff) !important;
margin-bottom: 28px !important;
letter-spacing: -0.5px;
}

.hero-locations {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 40px;
flex-wrap: wrap;
}

.hero-locations .location-icon {
font-size: 18px;
line-height: 1;
}

.hero-locations .location-tag {
font-size: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.9);
letter-spacing: 0.5px;
}

.hero-locations .location-dot {
color: rgba(255, 255, 255, 0.4);
font-size: 14px;
}

.hero-buttons {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}

.hero-btn {
display: inline-flex !important;
align-items: center;
gap: 10px;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 16px 32px !important;
border-radius: 4px !important;
transition: all 0.35s ease !important;
text-decoration: none !important;
cursor: pointer;
}

.hero-btn.hero-btn-primary {
background-color: var(--button-background-color, var(--primary-color, #c89a4b)) !important;
color: var(--button-text-color, #ffffff) !important;
border: 2px solid var(--button-background-color, var(--primary-color, #c89a4b)) !important;
}

.hero-btn.hero-btn-primary:hover {
background-color: var(--button-hover-background-color, var(--hover-color, #b0863f)) !important;
border-color: var(--button-hover-background-color, var(--hover-color, #b0863f)) !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(200, 154, 75, 0.35) !important;
}

.hero-btn.hero-btn-primary .btn-arrow {
font-size: 16px;
transition: transform 0.3s ease;
}

.hero-btn.hero-btn-primary:hover .btn-arrow {
transform: translateX(4px);
}

.hero-btn.hero-btn-outline {
background-color: transparent !important;
color: #fff !important;
border: 2px solid rgba(255, 255, 255, 0.5) !important;
}

.hero-btn.hero-btn-outline:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
border-color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 991px) {
.flat-slider.home-1.hero-banner-redesign .slider-content {
padding: 120px 0 80px !important;
}
.hero-main-title {
font-size: clamp(32px, 6vw, 48px) !important;
}
.hero-btn {
padding: 14px 24px !important;
font-size: 13px !important;
}
}

@media (max-width: 575px) {
.flat-slider.home-1.hero-banner-redesign .slider-content {
padding: 100px 0 60px !important;
}
.hero-main-title {
font-size: 28px !important;
margin-bottom: 20px !important;
}
.hero-tagline .tagline-text {
font-size: 12px;
letter-spacing: 1.5px;
}
.hero-buttons {
flex-direction: column;
align-items: flex-start;
}
.hero-btn {
width: 100%;
justify-content: center;
padding: 14px 20px !important;
font-size: 12px !important;
}
.hero-locations .location-tag {
font-size: 14px;
}
}

/* Button Hover Glow Effect */
.tf-btn.primary:hover,
.btn-primary:hover,
button[type="submit"]:hover {
box-shadow: 0 8px 25px rgba(200, 154, 75, 0.35) !important;
transform: translateY(-2px) !important;
}

/* --------------------------------------------------------------------------
14. INTERNATIONAL PHONE INPUT (iti) & DROPDOWN STYLING
-------------------------------------------------------------------------- */
.single-property-contact .iti,
.contact-form .iti,
.flat-contact .iti,
.widget-box .iti,
.widget-box-single .iti {
width: 100% !important;
display: block !important;
}

.single-property-contact .iti input,
.contact-form .iti input,
.flat-contact .iti input,
.widget-box .iti input,
.widget-box-single .iti input,
input.js-phone-number-mask {
background-image: none !important;
padding-left: 104px !important;
direction: ltr !important;
text-align: left !important;
}

.iti__selected-country {
background: transparent !important;
color: var(--input-text-color, #ffffff) !important;
}

.iti__selected-dial-code {
color: var(--primary-color, #c89a4b) !important;
}

.iti__dropdown-content,
.iti__country-list,
.iti__search,
.iti__search-input-container {
background: var(--surface-color, #121212) !important;
border: 1px solid var(--outline-color, rgba(200, 154, 75, 0.3)) !important;
border-radius: 14px !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8) !important;
z-index: 999999 !important;
}

.iti__country-list,
.iti__dropdown-content {
max-height: 240px !important;
overflow-y: auto !important;
}

.iti__search-input,
.iti__dropdown-content input[type="text"] {
background: var(--input-background-color, #1a1a1a) !important;
border: 1px solid var(--outline-color, rgba(255, 255, 255, 0.15)) !important;
border-radius: 8px !important;
color: var(--input-text-color, #ffffff) !important;
font-size: 13px !important;
padding: 8px 12px !important;
width: 100% !important;
box-sizing: border-box !important;
outline: none !important;
}

.iti__search-input:focus,
.iti__dropdown-content input[type="text"]:focus {
border-color: var(--primary-color, #c89a4b) !important;
box-shadow: 0 0 0 2px rgba(200, 154, 75, 0.25) !important;
}

.iti__search-input::placeholder {
color: var(--variant-2-color, #888888) !important;
}

.iti__country {
padding: 8px 12px !important;
border-radius: 6px !important;
color: var(--on-surface-color, #e0e0e0) !important;
font-size: 13px !important;
transition: background-color 0.2s ease, color 0.2s ease !important;
}

.iti__country:hover,
.iti__country.iti__highlight {
background: rgba(200, 154, 75, 0.15) !important;
color: #ffffff !important;
}

.iti__country.iti__active,
.iti__country.iti__selected {
background: var(--primary-color, #c89a4b) !important;
color: #000000 !important;
font-weight: 600 !important;
}

.iti__country .iti__dial-code {
color: var(--primary-color, #c89a4b) !important;
}

.iti__country.iti__active .iti__dial-code,
.iti__country.iti__selected .iti__dial-code {
color: #000000 !important;
}

.iti__country-name {
margin-right: 6px !important;
}

.iti__country-list::-webkit-scrollbar,
.iti__dropdown-content::-webkit-scrollbar {
width: 6px !important;
}

.iti__country-list::-webkit-scrollbar-track,
.iti__dropdown-content::-webkit-scrollbar-track {
background: var(--surface-color, #1a1a1a) !important;
border-radius: 6px !important;
}

.iti__country-list::-webkit-scrollbar-thumb,
.iti__dropdown-content::-webkit-scrollbar-thumb {
background: var(--primary-color, #c89a4b) !important;
border-radius: 6px !important;
}

.iti__country-list,
.iti__dropdown-content {
scrollbar-color: var(--primary-color, #c89a4b) var(--surface-color, #1a1a1a) !important;
scrollbar-width: thin !important;
}


/* Fix duplicate icons in Auth forms */
.auth-card input,
.auth-card-custom input,
.flat-account input,
.auth-card .position-relative input,
.auth-card-custom .position-relative input,
.flat-account .position-relative input {
    background-image: none !important;
}