/*--------------------------------------------------
  [ Dark Mode Styles ]
---------------------------------------------------*/

html.dark-mode {
  /* Color Variables for Dark Mode */
  --theme-color: #cccccc;
  --theme-color2: #fe8900;
  --theme-color3: #ffc000;
  --title-color: #ffffff;
  --body-color: #b0b0b0;
  --smoke-color: #1e1e1e;
  --smoke-color2: #252525;
  --black-color: #f0f0f0;
  --black-color2: #0d0d0d;
  --gray-color: #8f8a8a;
  --gray-color2: #444444;
  --white-color: #181818;
  --light-color: #555555;
  --yellow-color: #ffb539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #4a4a4a;
  --th-border-color2: #666666;
  --dark-color: #e0e0e0;
}

html.dark-mode .text-white,
html.dark-mode .text-white * {
  color: #111 !important;
}

html.dark-mode .bg-black2 p {
  color: #a0a7b5;
}

html.dark-mode pre {
  background: #2a2a2a;
  color: #cccccc;
}
html.dark-mode .category-card .box-icon img,
html.dark-mode .why-card-1__icon img {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(72deg) brightness(103%) contrast(102%);
}
html.dark-mode .why-sec-1 .title-area.light .sec-title,
html.dark-mode .why-sec-1 .sec-sub-title,
html.dark-mode .hero-2-content .title-area.light .sec-title,
html.dark-mode .hero-2-content .title-area.light .sec-sub-title {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  color: #ffffff;
}

html.dark-mode .blog-content {
  color: var(--gray-color);
}

html.dark-mode #bedroom-group span,
html.dark-mode .blog-content h2,
html.dark-mode .blog-content h3,
html.dark-mode .blog-content h4,
html.dark-mode .hero-title,
html.dark-mode .search-wrap label,
html.dark-mode .main-menu a,
html.dark-mode .logo-icon-wrap__text,
html.dark-mode .hero-inner.hero-style1 .hero-1-content .bottom .content .review-title,
html.dark-mode .hero-inner.hero-style1 .trust-content .box-title,
html.dark-mode .wp-block-button .wp-block-button__link,
html.dark-mode .wp-block-button .wp-block-button__link:hover,
html.dark-mode .wp-block-button.is-style-outline .wp-block-button__link:hover,
html.dark-mode .wp-block-search .wp-block-search__button,
html.dark-mode .post-password-form input[type="submit"] {
  color: #fff;
}

html.dark-mode .copyright-wrap .footer-bottom-top-shape,
html.dark-mode .footer-top-shape {
  filter: none;
}
html.dark-mode .wp-block-search .wp-block-search__input,
html.dark-mode .ts-wrapper.single .ts-control input,
html.dark-mode .widget .search-form input {
  background-color: #2a2a2a !important;
  color: #fff;
  box-shadow: 0px 13px 25px rgba(255, 255, 255, 0.04);
}
html.dark-mode .th-btn {
  background-color: #dcdcdc;
  color: #333;
}
html.dark-mode .th-btn.bg-white {
  color: var(--dark-color);
}
html.dark-mode .th-btn.bg-white:hover {
  color: #333;
}
html.dark-mode tbody,
html.dark-mode td,
html.dark-mode tfoot,
html.dark-mode th,
html.dark-mode thead,
html.dark-mode tr {
  border-color: var(--th-border-color2);
}
html.dark-mode td,
html.dark-mode th {
  color: var(--white-color);
}
html.dark-mode .text-muted {
  color: var(--gray-color);
}

html.dark-mode .table > :not(caption) > * > * {
  background-color: var(--theme-color);
}
html.dark-mode .property-grid-list li .property-grid-list-icon img,
html.dark-mode .popular-list-1 .property-featured li .icon img,
html.dark-mode .property-features-item .thumb img,
html.dark-mode .property-grid-list li .property-grid-list-icon svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7463%) hue-rotate(34deg) brightness(94%) contrast(115%);
}
html.dark-mode .wp-block-table td,
html.dark-mode .wp-block-table th,
html.dark-mode .sidebar-area ol.wp-block-latest-comments li,
html.dark-mode .widget_shopping_cart .mini_cart_item,
html.dark-mode .widget_rss li:not(:last-child),
html.dark-mode .wp-block-rss li:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.1);
}
html.dark-mode .popular-list-1 .property-bottom .th-btn {
  color: var(--white-color);
}
html.dark-mode .testi-block .testi-content .box-text {
  color: var(--black-color);
}
html.dark-mode .wp-block-table.is-style-stripes {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

html.dark-mode .page-links > span:not(.page-links-title):not(.screen-reader-text),
html.dark-mode .page-links > a {
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
}

html.dark-mode .th-product .actions .woosw-btn,
html.dark-mode .th-product .actions .icon-btn {
  box-shadow: 0px 3px 10px rgba(255, 255, 255, 0.08);
  background: #333;
  color: #fff;
}

html.dark-mode .form-select,
html.dark-mode select {
  background-color: #2a2a2a;
  color: #fff;
}
html.dark-mode select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23b0b0b0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
html.dark-mode .form-select.style2,
html.dark-mode select.style2 {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%23b0b0b0'/%3E%3C/svg%3E");
}

html.dark-mode input[type="checkbox"].style2 ~ label {
  color: #b0b0b0;
}

html.dark-mode input[type="checkbox"].style2 ~ label:before {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #b0b0b0;
}

html.dark-mode .swiper-pagination-bullets .swiper-pagination-bullet {
  color: #555;
}

html.dark-mode .slider-arrow {
  box-shadow: 0px 2px 6px rgba(255, 255, 255, 0.1);
  background: #333;
  color: #fff;
}

html.dark-mode .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.6);
}

html.dark-mode .th-menu-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
}

html.dark-mode .th-menu-wrapper .th-menu-area {
  background-color: #181818;
}

html.dark-mode .th-mobile-menu ul li {
  border-bottom: 1px solid #333;
}

html.dark-mode .th-mobile-menu ul li li:first-child {
  border-top: 1px solid #333;
}

html.dark-mode .th-mobile-menu ul .menu-item-has-children > a .th-mean-expand {
  box-shadow: 0 0 20px -8px rgba(255, 255, 255, 0.2);
}
html.dark-mode .ts-control,
html.dark-mode .ts-wrapper.single.input-active .ts-control,
html.dark-mode .nice-select {
  background-color: transparent;
  border-color: #555;
  color: #fff;
}

html.dark-mode .nice-select.disabled {
  border-color: #444;
  color: #777;
}
html.dark-mode .hero-search-wrapper .hero-search-group-wrapper .form-group .nice-select::after,
html.dark-mode .hero-search-wrapper .hero-search-group-wrapper .form-group input::after,
html.dark-mode .hero-search-wrapper .hero-search-group-wrapper .form-group .form-select::after {
  border-inline-end: 3px solid var(--dark-color);
  border-bottom: 3px solid var(--dark-color);
}
html.dark-mode .nice-select.disabled:after {
  border-color: #555;
}

html.dark-mode .nice-select .list {
  background-color: #2a2a2a;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.11);
}

html.dark-mode .nice-select .option.disabled {
  color: #777;
}

html.dark-mode #theme-toggle-btn,
html.dark-mode .language-select-box .languages-item {
  background-color: #2a2a2a;
}

html.dark-mode #theme-toggle-btn:hover,
html.dark-mode .language-select-box .languages-item:hover {
  background-color: #555;
}

html.dark-mode .language-select-box ul li {
  border-bottom: 0.0625rem solid #333;
}

html.dark-mode .lang-menu .nice-select .option.selected.focus,
html.dark-mode .lang-menu .nice-select .option:hover,
html.dark-mode .lang-menu .nice-select .option.focus {
  color: #111 !important;
  background-color: #ccc !important;
}

html.dark-mode .handle-preloader .loader-section {
  background-color: #181818;
}

html.dark-mode #preloader .txt-loading .letters-loading:before {
  color: #111;
}

html.dark-mode .title-area.light .sec-title {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.375);
  color: #181818;
}

html.dark-mode .title-area .big-heading {
  color: #11111120;
}

html.dark-mode .shadow-title {
  background-image: linear-gradient(180deg, rgba(50, 50, 50, 0.7) 0%, rgba(50, 50, 50, 0) 88.54%);
  -webkit-background-clip: text;
  color: transparent;
}

html.dark-mode .shadow-title.color2 {
  background-image: linear-gradient(180deg, #d0d0d0 0%, rgba(200, 200, 200, 0) 91.15%);
}

html.dark-mode .shadow-title.color3 {
  background-image: linear-gradient(180deg, #444 0%, rgba(60, 60, 60, 0) 93.75%);
}

html.dark-mode [data-overlay="overlay1"]:before {
  background-color: #e0e0e0;
}

html.dark-mode .mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
  background: #000;
}

html.dark-mode .bg-footer-color {
  background-color: #011c1a;
}

html.dark-mode .cursor.active {
  background: rgba(200, 200, 200, 0.7);
}

/* Gradient Backgrounds */
html.dark-mode .gradient-body,
html.dark-mode .gr-bg1,
html.dark-mode .gr-bg2 {
  background-image: linear-gradient(100.62deg, rgba(40, 30, 20, 0.3) 0%, rgba(30, 30, 45, 0.3) 24.03%, rgba(25, 40, 45, 0.3) 45.73%, rgba(45, 40, 30, 0.3) 69.05%, rgba(35, 25, 50, 0.3) 100.44%);
}

html.dark-mode .gr-bg3 {
  background-image: linear-gradient(110.59deg, rgba(45, 30, 50, 0.4) 0%, rgba(50, 35, 35, 0.5) 46.79%, rgba(40, 50, 30, 0.7) 100%);
  backdrop-filter: blur(10px);
}

html.dark-mode .gr-bg4 {
  background-image: linear-gradient(105.44deg, rgba(50, 45, 25, 0.4) 0%, rgba(30, 50, 32, 0.4) 48.48%, rgba(45, 20, 45, 0.4) 100%);
  backdrop-filter: blur(15px);
}

html.dark-mode .wp-block-tag-cloud a,
html.dark-mode .tagcloud a {
  box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.05);
  background: #333;
  color: #fff;
}

html.dark-mode .sidebar-gallery .gallery-thumb:before {
  opacity: 0.6;
  background: #000;
}

html.dark-mode .recent-post .media-img:after {
  background-color: rgba(255, 255, 255, 0.7);
}

html.dark-mode .property-features-wrap .property-features-item .feature-title {
  color: #d0d0d0;
}

html.dark-mode .price_slider_wrapper .ui-slider {
  background-color: #555;
}

html.dark-mode .price_slider_wrapper .ui-slider-handle:focus {
  box-shadow: 1.5px 2.598px 10px 0px rgba(255, 255, 255, 0.15);
}

html.dark-mode .widget_shopping_cart .mini_cart_item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

html.dark-mode .widget_recent_entries ul li:not(:last-child) {
  border-bottom: 1px solid #444;
}

html.dark-mode .wp-block-calendar,
html.dark-mode .calendar_wrap {
  background-color: #2a2a2a;
  color: #fff;
}

html.dark-mode .wp-block-calendar th,
html.dark-mode .calendar_wrap th {
  border-inline-end: 1px solid #181818;
  color: #fff;
}

html.dark-mode .wp-block-calendar th:first-child,
html.dark-mode .calendar_wrap th:first-child {
  border-inline-start: 1px solid #444;
}

html.dark-mode .wp-block-calendar th:last-child,
html.dark-mode .calendar_wrap th:last-child {
  border-inline-end: 1px solid #444;
}

html.dark-mode .wp-block-calendar td,
html.dark-mode .calendar_wrap td {
  color: #e0e0e0;
  border: 1px solid #444;
}

html.dark-mode .wp-block-calendar thead,
html.dark-mode .calendar_wrap thead {
  background-color: #333;
}

html.dark-mode .widget.widget-style-smoke.shadow-style {
  box-shadow: rgba(255, 255, 255, 0.15) 0px 5px 9px 0px;
  background: var(--smoke-color);
}

html.dark-mode .th-btn.style3.whatsapp {
  border-color: #05e03c;
  background: #05e03c;
}

html.dark-mode .inventory-search-item .check-box-wrap::-webkit-scrollbar-track {
  background: #2a2a2a;
}

html.dark-mode .inventory-search-item .check-box-wrap::-webkit-scrollbar-thumb {
  background: #555;
}

html.dark-mode .inventory-search-item .check-box-wrap::-webkit-scrollbar-thumb:hover {
  background: #777;
}

html.dark-mode .footer-widget .th-social a {
  background-color: #e0e0e0;
  color: #111;
}

html.dark-mode .footer-top .info-box_text,
html.dark-mode .footer-top .info-box_link {
  color: #a0a7b5;
}

html.dark-mode .header-links li:not(:last-child):after {
  background-color: #8a909c;
}

html.dark-mode .header-links .social-links a {
  background: #c0c0c0;
  color: #111;
}

html.dark-mode .header-default .header-top::before {
  opacity: 0.1;
  background: #fff;
}

html.dark-mode .header-default.header-layout1 .header-top {
  border-bottom: 1px solid #ffffff19;
  backdrop-filter: blur(21px);
}

html.dark-mode .header-default.header-layout1 .menu-area {
  border-bottom: 1px solid #ffffff19;
}

html.dark-mode .header-layout5 .main-menu > ul > li:hover,
html.dark-mode .header-layout5 .main-menu > ul > li.active {
  background: #ffffff10;
}

html.dark-mode .category-menu {
  box-shadow: 0px 10px 50px rgba(255, 255, 255, 0.08);
  background: #2a2a2a;
}

html.dark-mode .category-menu li {
  border-bottom: 1px solid #444;
}

html.dark-mode .footer-wrapper {
  --border-color: rgba(255, 255, 255, 0.3);
  --body-color: #a0a7b5;
}

html.dark-mode .copyright-wrap {
  background: transparent;
}

html.dark-mode .footer-default .footer-top .footer-top-border {
  border-bottom: 1px solid #ffffff1f;
}

html.dark-mode .footer-default .footer-top .payment-wrap .info h6 {
  color: #a0a7b5;
}

html.dark-mode .footer-right-bottom-wrap .footer-right-bottom-item {
  background: #ffffff06;
}

html.dark-mode .simple-gallery-card .gallery-img:before {
  opacity: 0.6;
  background: #000;
}

html.dark-mode .gallery-video-wrap {
  border: 1px solid #ffffff70;
}

html.dark-mode .gallery-video-wrap .play-btn {
  background-color: rgba(0, 0, 0, 0.3);
}

html.dark-mode .video-box1.style-2 .play-btn {
  background-color: #00000061;
}

html.dark-mode .breadcumb-wrapper::before {
  background: linear-gradient(246deg, #000000 0%, #03060e 100%);
  opacity: 0.85;
}

html.dark-mode .breadcumb-title,
html.dark-mode .breadcumb-menu li,
html.dark-mode .breadcumb-menu li a,
html.dark-mode .breadcumb-menu li span {
  color: var(--black-color);
}
html.dark-mode body:has(.breadcumb-wrapper) .main-menu a {
  color: var(--black-color);
}
html.dark-mode blockquote:before,
html.dark-mode .wp-block-quote:before {
  background-color: var(--dark-color);
}

html.dark-mode blockquote cite,
html.dark-mode .wp-block-quote cite {
  color: var(--dark-color);
}

html.dark-mode .blog-meta span::before,
html.dark-mode .blog-meta a::before {
  background: #444;
}

html.dark-mode .th-comments-wrap pre {
  background: #2a2a2a;
  color: #ccc;
}

html.dark-mode .th-comments-wrap .th-post-comment {
  border: 1px solid var(--th-border-color);
}

html.dark-mode .hero-1 .hero-style1::before,
html.dark-mode .hero-1 .hero-style1::after {
  opacity: 0.8;
}

html.dark-mode .hero-inner.hero-style1 .trust-content .icon i,
html.dark-mode .hero-inner.hero-style1 .hero-1-content .bottom .content i {
  color: #ffa439;
}

html.dark-mode .hero-1 .slider-pagination2 .current-slide {
  color: #555;
}

html.dark-mode .search-wrap,
html.dark-mode .advance-search-wrapper {
  box-shadow: 0px 32px 38px 3px rgba(0, 0, 0, 0.2), 0px 10px 10px -5px rgba(0, 0, 0, 0.1);
  background: var(--white-color);
}

html.dark-mode .search-wrap select,
html.dark-mode .search-wrap .form-select.nice-select,
html.dark-mode .search-wrap .nice-select {
  background: #2a2a2a;
}

html.dark-mode .hero-2 {
  background: linear-gradient(to top, var(--smoke-color) 0%, var(--smoke-color) 55%, var(--white-color) 50%, var(--white-color) 100%);
}

html.dark-mode .hero-style2:after {
  opacity: 0.7;
}

html.dark-mode .property-type-wrap .property-type-item {
  background: #0e121ec2;
  border: 1px solid #ffffff24;
}

html.dark-mode .map-wrapper .hero-map-area::before {
  opacity: 0.5;
  background: #000;
}

html.dark-mode .single-location .location .icon img {
  filter: contrast(1) brightness(1.5) opacity(0.9);
}

html.dark-mode .single-location .property-card-meta span img {
  filter: brightness(1);
}

html.dark-mode .brand-area-1::after {
  background: #333;
}

html.dark-mode .best-price-car-sec-1.style-2::after {
  opacity: 0.15;
}

html.dark-mode .th-product .price del {
  color: #888;
}

/* WooCommerce Tables */
html.dark-mode .cart_table thead {
  background-color: #2a2a2a;
}

html.dark-mode .cart_table td {
  border-bottom: 1px solid #444;
  color: #b0b0b0;
}

html.dark-mode .cart_table .qty-btn {
  color: #888;
}

html.dark-mode .cart_totals {
  border: 1px solid #444;
  background: var(--white-color);
}

html.dark-mode .cart_totals th,
html.dark-mode .cart_totals td {
  border-bottom: 1px solid #444;
}

html.dark-mode .cart_totals th:first-child,
html.dark-mode .cart_totals td:first-child {
  background-color: #252525;
  color: #fff;
}

html.dark-mode .woocommerce-checkout-payment ul li {
  border-bottom: 1px solid #444;
}

html.dark-mode .woocommerce-checkout-payment .payment_box {
  color: #a1b1bc;
  background-color: #2a2a2a;
  border: 1px solid #444;
}

html.dark-mode .star-rating:before {
  color: #555;
}

html.dark-mode .contact-feature {
  box-shadow: 0px 9px 14px 0px #0a0a0a;
}

html.dark-mode .why-card-1 {
  background: #111111f2;
}

html.dark-mode .why-card-1__icon:before {
  background: #444;
}

html.dark-mode .why-card-1.style-2::before {
  background: linear-gradient(to left, transparent, #4a4a4a33);
}

html.dark-mode .team-card.style-2 .team-content .th-social a {
  background: #333;
}

html.dark-mode .testi-block {
  box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.06);
  background: #252525;
}

html.dark-mode .testi-block.style-2 .testi-content .box-text {
  color: #d0d0d0;
}

html.dark-mode .testi-block.style-2 .bottom-wrap .box-review i {
  color: #ffc662;
}

html.dark-mode .counter-card-wrap .divider {
  background-color: #ffffff28;
}

html.dark-mode .property-card.slide-type .th-slider::before {
  background-image: linear-gradient(to right top, #fff, transparent 56%);
  background-color: #d0d0d0;
  opacity: 0.15;
}

html.dark-mode .property-card:hover .th-slider::before {
  background-color: #333;
}

html.dark-mode .agent-avatar {
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}

html.dark-mode .home-about-section-content {
  background-color: #f0f0f0;
  color: #111;
}

html.dark-mode .home-about-section-content p {
  color: #333333c4;
}

html.dark-mode .download-3-left .map-icon-box {
  background: #e0e0e030;
  border: 1px solid #00000038;
}

html.dark-mode .download-get-in-touch {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

html.dark-mode .countdown-style1 li .count-number {
  background: #ccc;
  color: #111;
}

html.dark-mode .deal-sec-area:before {
  border-top: 5px solid var(--theme-color2);
}

html.dark-mode .property-gallery-card .icon-btn {
  outline: 20px solid #00000045;
}

html.dark-mode .hightlighes-title-wrap .house-sell:before {
  background: #27ae60;
}

html.dark-mode .sell-car-form-top .nav.nav-tabs.custom .nav-link.sell-car-tab .media-body:before {
  background: var(--th-border-color);
}

html.dark-mode .wat_sapp img {
  box-shadow: 0 0 50px 11px #fe8900;
}

@keyframes pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 137, 0, 1);
  }
  90% {
    box-shadow: 0 0 35px 20px rgba(254, 137, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(254, 137, 0, 0);
  }
}

html.dark-mode .wat_sapp img {
  animation-name: pulse-dark;
}

html.dark-mode .editor-text img {
  box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.4);
}

/* Custom Table */
html.dark-mode .custom-table {
  background-color: #252525;
}

html.dark-mode .custom-table thead {
  background-color: #e0e0e0;
  color: #181818;
}

html.dark-mode .custom-table tbody tr {
  background-color: #3a3a3a;
}

html.dark-mode .custom-table tbody tr:nth-child(even) {
  background-color: #4a4a4a;
}

html.dark-mode .custom-table tbody tr:hover {
  background-color: #b89d5f;
}

html.dark-mode .custom-table td {
  color: #e0e0e0;
}

html.dark-mode .custom-table th {
  border-bottom: 3px solid #b89d5f;
}

html.dark-mode .custom-table tbody tr td:first-child {
  background-color: #e0e0e0 !important;
  color: #181818 !important;
  border-right: 1px solid #b89d5f;
}

html.dark-mode label.error {
  color: #ff5050 !important;
}

html.dark-mode .collapse-panel {
  border: 1px solid #cccccc50;
}

html.dark-mode .collapse-panel.active h3 {
  background: #334a69;
  color: #d0e0ff;
}

html.dark-mode .sidebar-contact-widget .contact-toggle-btn {
  color: #111;
  background: #ccc;
}

html.dark-mode .contact-toggle-btn:hover {
  background-color: #e0e0e0;
}

html.dark-mode .contact-form-container {
  background: #181818;
  box-shadow: 2px 0 10px rgba(255, 255, 255, 0.1);
}