/* Drake Estate Dark Mode Theme - Brand Colors */

/* Dark Mode Color Variables Override - Based on Logo */
:root {
	/* Primary Brand Colors (from logo) */
	--main-color: #B91C1C;           /* Drake Red */
	--main-color-rgb: 185, 28, 28;
	
	/* Background Colors */
	--color-two: #F5F5F5;            /* Light text */
	--color-two-rgb: 245, 245, 245;
	
	--color-three: #1A1F3A;          /* Card backgrounds (medium blue) */
	--color-three-rgb: 26, 31, 58;
	
	--color-four: #0A0F2C;           /* Main navy background */
	--color-four-rgb: 10, 15, 44;
	
	--color-five: #E5E5E5;           /* Secondary text */
	--color-five-rgb: 229, 229, 229;
	
	--color-six: #B91C1C;            /* Drake Red accent */
	--color-six-rgb: 185, 28, 28;
	
	--color-seven: #2A2F4A;          /* Light blue for hover */
	--color-seven-rgb: 42, 47, 74;
	
	--color-eight: #070B1F;          /* Darker navy */
	--color-eight-rgb: 7, 11, 31;
	
	--color-nine: #FFFFFF;           /* Pure white */
	--color-nine-rgb: 255, 255, 255;
	
	--color-ten: rgba(185, 28, 28, 0.3); /* Red border */
	--color-ten-rgb: 185, 28, 28;
	
	/* Base Colors */
	--white-color: #0A0F2C;          /* Navy background */
	--white-color-rgb: 10, 15, 44;
	
	--black-color: #F5F5F5;          /* Light text */
	--black-color-rgb: 245, 245, 245;
}

/* Body Background */
body {
	background-color: #0A0F2C;  /* Drake Navy */
	color: #F5F5F5;             /* Light text */
}

/* Main container backgrounds */
.page-wrapper {
	background-color: #0A0F2C;  /* Drake Navy */
}

/* Header Dark Mode */
.main-header {
	background-color: rgba(10, 15, 44, 0.98);  /* Drake Navy with slight transparency */
	border-bottom: 1px solid rgba(185, 28, 28, 0.3);  /* Red accent border */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.header-lower {
	background-color: transparent;
}

.main-menu .navigation > li > a {
	color: #F5F5F5 !important;  /* Light text */
}

.main-menu .navigation > li > a:hover {
	color: #B91C1C !important;  /* Drake Red on hover */
}

.main-menu .navigation > li > ul {
	background-color: #1A1F3A;  /* Medium blue for dropdowns */
	border: 1px solid rgba(185, 28, 28, 0.2);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.main-menu .navigation > li > ul li a {
	color: #F5F5F5 !important;
	border-bottom: 1px solid rgba(185, 28, 28, 0.1);
}

.main-menu .navigation > li > ul li a:hover {
	background-color: #2A2F4A;  /* Light blue hover */
	color: #B91C1C !important;  /* Red text on hover */
}

/* Banner/Hero Section */
.banner-one {
	background-color: #0A0F2C;  /* Drake Navy */
}

.banner-one_heading {
	color: #FFFFFF !important;  /* Pure white for headings */
	text-shadow: 0 2px 10px rgba(185, 28, 28, 0.3);  /* Subtle red glow */
}

.banner-tabs .tabs-content {
	background-color: #1A1F3A;  /* Medium blue */
	border-color: rgba(185, 28, 28, 0.3);  /* Red border */
}

.banner-tabs .tab-btns {
	background-color: rgba(26, 31, 58, 0.95);
}

.banner-tabs .tab-btns .tab-btn {
	color: #E5E5E5;
}

.banner-tabs .tab-btns .tab-btn.active-btn {
	background-color: #B91C1C;  /* Red for active tab */
	color: #FFFFFF;
}

/* Form Elements */
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="tel"],
.default-form input[type="password"],
.default-form textarea,
.default-form select,
.custom-select-box {
	background-color: #1A1F3A !important;  /* Medium blue */
	border: 1px solid rgba(185, 28, 28, 0.3) !important;  /* Red border */
	color: #F5F5F5 !important;
	transition: all 0.3s ease;
}

.default-form input:focus,
.default-form textarea:focus,
.default-form select:focus {
	border-color: #B91C1C !important;  /* Bright red on focus */
	box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.1);
}

.default-form input::placeholder,
.default-form textarea::placeholder {
	color: #A3A3A3 !important;
}

/* Sections */
.story-one,
.story-two,
.story-three,
.cities-one,
.app-one,
.property-one,
.team-one,
.contact-one,
.testimonial-one,
.clients-one,
.blog-one,
.services-one,
.video-one,
.faq-one {
	background-color: #0A0F2C;  /* Drake Navy */
}

/* Alternate Section Backgrounds */
.app-one,
.testimonial-one,
.clients-one,
.services-one {
	background: linear-gradient(180deg, #0A0F2C 0%, #070B1F 50%, #0A0F2C 100%);  /* Subtle gradient */
}

/* Section Titles */
.sec-title_title {
	color: #B91C1C;  /* Drake Red for subtitles */
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}

.sec-title_heading {
	color: #FFFFFF;  /* White for main headings */
}

.sec-title_text {
	color: #D4D4D4;  /* Light gray for descriptions */
}

/* Cards and Blocks */
.property-block_one-inner,
.city-block_one-inner,
.team-block_one-inner,
.service-block_one-inner,
.news-block_one-inner,
.testimonial-block_one-inner {
	background-color: #1A1F3A;  /* Medium blue */
	border: 1px solid rgba(185, 28, 28, 0.2);  /* Red border */
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.property-block_one-inner:hover,
.city-block_one-inner:hover,
.team-block_one-inner:hover,
.service-block_one-inner:hover {
	border-color: #B91C1C;  /* Brighter red on hover */
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(185, 28, 28, 0.2);
}

.property-block_one-content,
.team-block_one-content {
	background-color: #1A1F3A;
}

.property-block_one-heading a,
.team-block_one-heading a,
.city-block_one-heading a,
.news-block_one-title a {
	color: #FFFFFF !important;  /* White for headings */
}

.property-block_one-heading a:hover,
.team-block_one-heading a:hover,
.city-block_one-heading a:hover,
.news-block_one-title a:hover {
	color: #B91C1C !important;  /* Red on hover */
}

.property-block_one-location,
.team-block_one-designation,
.city-block_one-title {
	color: #D4D4D4;  /* Light gray */
}

.property-block_one-price {
	color: #B91C1C;  /* Drake Red for prices */
	font-weight: 700;
}

/* Story/About Blocks */
.story-block_one-inner {
	background-color: #1A1F3A;
	border: 1px solid rgba(185, 28, 28, 0.2);
	transition: all 0.3s ease;
}

.story-block_one-inner:hover {
	border-color: #B91C1C;
	box-shadow: 0 8px 25px rgba(185, 28, 28, 0.2);
}

.story-block_one-heading {
	color: #FFFFFF;
	margin-left:12px ;
}

.story-block_one-text {
	color: #D4D4D4;
	line-height: 1.8;
}

/* ========================================
   CONTACT SECTION - COMPLETELY FIXED
   ======================================== */

.contact-one,
.contact-three {
	background-color: #0A0F2C !important;
	position: relative !important;
}

.contact-one_form-outer,
.contact-three_form-outer {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.3) !important;
	padding: 40px !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

.contact-one_form-title,
.contact-three_form-outer h3 {
	color: #FFFFFF !important;
	margin-bottom: 30px !important;
	font-weight: 700 !important;
}

.contact-block_one-inner {
	background-color: transparent !important;
}

.contact-block_one-heading {
	color: #FFFFFF !important;
	font-weight: 700 !important;
}

.contact-block_one-text {
	color: #D4D4D4 !important;
	line-height: 1.8 !important;
}

.contact-three_list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.contact-three_list li {
	color: #D4D4D4 !important;
	margin-bottom: 20px !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 15px !important;
}

.contact-three_list li strong {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	display: block !important;
	margin-bottom: 5px !important;
}

/* Contact Form - Completely Fixed */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="subject"],
.contact-form input[name="subject"],
.contact-form textarea,
.contact-form select,
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="tel"],
.default-form textarea,
.default-form select {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.3) !important;
	color: #F5F5F5 !important;
	transition: all 0.3s ease !important;
	padding: 15px 20px !important;
	border-radius: 4px !important;
	width: 100% !important;
	opacity: 1 !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus,
.default-form input:focus,
.default-form textarea:focus,
.default-form select:focus {
	border-color: #B91C1C !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.1) !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.default-form input::placeholder,
.default-form textarea::placeholder {
	color: #A3A3A3 !important;
	opacity: 1 !important;
}

.contact-form label,
.default-form label {
	color: #F5F5F5 !important;
	font-weight: 500 !important;
	margin-bottom: 10px !important;
	display: block !important;
}

/* Map Section */
.map-one {
	background-color: #0A0F2C !important;
}

.map-one iframe {
	border: 2px solid rgba(185, 28, 28, 0.3) !important;
	border-radius: 8px !important;
}

/* Footer */
.main-footer::before,
.main-footer::after,
.main-footer .auto-container::before,
.main-footer .auto-container::after {
	display: none !important;
	content: none !important;
	background: none !important;
}

.main-footer {
	background: linear-gradient(180deg, #0A0F2C 0%, #070B1F 100%) !important;
	border-top: 3px solid #B91C1C !important;
	border-radius: 0 !important;
	padding: 60px 0 0 !important;
	margin: 0 !important;
}

.main-footer_pattern {
	display: none !important;
}

.widgets-section {
	padding: 60px 0 40px !important;
	z-index: 10 !important;
}

.footer-widget {
	color: #D4D4D4 !important;
}

.footer-logo img {
	max-height: 50px !important;
}

.footer-title {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	margin-bottom: 25px !important;
	padding-bottom: 15px !important;
}

.footer-title::after {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 50px !important;
	height: 3px !important;
	background-color: #B91C1C !important;
}

.footer-text {
	color: #D4D4D4 !important;
	line-height: 1.8 !important;
}

.footer-list {
	list-style: none !important;
	padding: 0 !important;
}

.footer-list li a {
	color: #D4D4D4 !important;
	transition: color 0.3s ease !important;
}

.footer-list li a:hover {
	color: #B91C1C !important;
}

.footer-contact_list {
	list-style: none !important;
	padding: 0 !important;
}

.footer-contact_list li {
	color: #D4D4D4 !important;
	margin-bottom: 20px !important;
}

.footer-contact_list li span[class*="flaticon"] {
	color: #B91C1C !important;
}

.footer-contact_list li a {
	color: #F5F5F5 !important;
}

.footer-contact_list li a:hover {
	color: #B91C1C !important;
}

.copyright {
	color: #D4D4D4 !important;
}

.copyright a {
	color: #B91C1C !important;
}

.copyright a:hover {
	color: #DC2626 !important;
}

.newsletter-box input {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.4) !important;
	color: #F5F5F5 !important;
}

.newsletter-box input:focus {
	border-color: #B91C1C !important;
}

.newsletter-box button {
	background-color: #B91C1C !important;
	color: #FFFFFF !important;
}

.newsletter-box button:hover {
	background-color: #DC2626 !important;
}

/* Buttons - Red bg white text, hover white bg BLACK text */
.btn-style-one,
.btn-style-two,
.theme-btn {
	background-color: var(--main-color) !important;
}

.btn-style-one::before,
.btn-style-two::before {
	background-color: #FFFFFF !important;  /* Pure white background on hover */
}

.btn-style-one .text-one,
.btn-style-one .text-two,
.btn-style-two .text-one,
.btn-style-two .text-two {
	color: #FFFFFF !important;  /* White text normally */
}

.btn-style-one:hover .text-one,
.btn-style-one:hover .text-two,
.btn-style-two:hover .text-one,
.btn-style-two:hover .text-two {
	color: #000000 !important;  /* BLACK text on hover - not variable! */
}

.submit-btn,
button[type="submit"] {
	background: #B91C1C !important;
	color: #FFFFFF !important;
}

.submit-btn:hover,
button[type="submit"]:hover {
	background: #FFFFFF !important;
	color: #000000 !important;
}

/* Testimonials */
.testimonial-block_one-inner {
	background-color: #1A1F3A;
	border: 1px solid rgba(185, 28, 28, 0.2);
	padding: 30px;
	border-radius: 8px;
	position: relative;
}

.testimonial-block_one-inner::before {
	content: '"';
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 60px;
	color: rgba(185, 28, 28, 0.2);
	font-family: Georgia, serif;
	line-height: 1;
}

.testimonial-block_one-text {
	color: #D4D4D4;
	line-height: 1.8;
	position: relative;
	z-index: 1;
}

.testimonial-block_one-name {
	color: #FFFFFF;
	font-weight: 600;
}

.testimonial-block_one-designation {
	color: #B91C1C;
}

/* Page Title */
.page-title {
	background: linear-gradient(135deg, #070B1F 0%, #0A0F2C 100%);
	border-bottom: 2px solid #B91C1C;
	position: relative;
}

.page-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #B91C1C 50%, transparent 100%);
}

.page-title h2 {
	color: #FFFFFF;
	text-shadow: 0 2px 10px rgba(185, 28, 28, 0.3);
}

.bread-crumb {
	list-style: none;
}

.bread-crumb li {
	color: #D4D4D4;
}

.bread-crumb li a {
	color: #D4D4D4;
	transition: color 0.3s ease;
}

.bread-crumb li a:hover {
	color: #B91C1C;
}

/* Mobile Menu */
.mobile-menu .menu-box {
	background-color: rgb(25, 25, 30);
}

.mobile-menu .navigation li a {
	color: rgb(230, 230, 230);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-menu .navigation li a:hover {
	color: rgb(218, 165, 32);
}

/* Search Popup */
.search-popup {
	background-color: rgba(18, 18, 22, 0.95);
}

.search-popup input {
	background-color: rgb(30, 30, 35);
	border: 1px solid rgb(60, 60, 70);
	color: rgb(230, 230, 230);
}

/* Sidebar */
.xs-sidebar-widget {
	background-color: rgb(25, 25, 30);
}

.sidebar-info-contents {
	background-color: rgb(25, 25, 30);
}

.title-box h5 {
	color: rgb(230, 230, 230);
}

.post-block h6 a {
	color: rgb(230, 230, 230);
}

.post-block h6 a:hover {
	color: rgb(218, 165, 32);
}

/* Preloader */
.preloader {
	background-color: #0A0F2C !important;  /* Drake Navy */
}

.preloader .box:after {
	border-color: #B91C1C transparent transparent transparent !important;  /* Drake Red */
}

.preloader .box:before {
	background-color: #B91C1C !important;  /* Drake Red shadow */
}

/* Scrollbar Dark Mode */
::-webkit-scrollbar-track {
	background: rgb(25, 25, 30);
}

::-webkit-scrollbar-thumb {
	background: rgb(60, 60, 70);
}

::-webkit-scrollbar-thumb:hover {
	background: rgb(80, 80, 90);
}

/* Additional Text Colors */
h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF !important;  /* Pure white for headings */
}

p {
	color: #D4D4D4 !important;  /* Light gray for paragraphs */
}

a {
	color: #B91C1C;  /* Drake Red for links */
}

a:hover {
	color: #DC2626;  /* Brighter red on hover */
}

/* List Colors */
ul li {
	color: #D4D4D4;
}

/* Ensure all text elements are visible */
div, span, label, strong, em, i, b {
	color: inherit;
}

/* Force dark text elements to be light */
.color-two,
[style*="color: rgb(23, 27, 42)"],
[style*="color: #171b2a"],
[style*="color: black"],
[style*="color: #000"] {
	color: #F5F5F5 !important;
}

/* Button text should be white on red background */
.theme-btn,
.submit-btn {
	color: #FFFFFF !important;
}

.theme-btn .text-one,
.theme-btn .text-two {
	color: #FFFFFF !important;
}

/* Ensure form labels are visible */
label {
	color: #F5F5F5 !important;
	font-weight: 500;
}

/* Select boxes */
select option {
	background-color: #1A1F3A;
	color: #F5F5F5;
}

/* Story Three (About Page) */
.story-three_inner {
	background-color: rgb(30, 30, 35);
}

.story-three_clients {
	background-color: rgb(218, 165, 32);
	color: rgb(18, 18, 22);
}

/* Contact Three */
.contact-three {
	background-color: rgb(18, 18, 22);
}

.contact-three_list li {
	color: rgb(180, 180, 180);
}

.contact-three_list li strong {
	color: rgb(230, 230, 230);
}

.contact-three_form-outer {
	background-color: rgb(30, 30, 35);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.contact-three_form-outer h3 {
	color: rgb(230, 230, 230);
}

/* Map */
.map-one {
	background-color: rgb(18, 18, 22);
}

/* Video Section */
.video-one_heading {
	color: rgb(230, 230, 230);
}

/* Experience Badge */
.story-one_experiance {
	background: linear-gradient(135deg, #B91C1C 0%, #DC2626 100%);
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	box-shadow: 0 8px 25px rgba(185, 28, 28, 0.4);
}

.story-one_experiance-inner {
	color: #FFFFFF;
	font-weight: 700;
}

.app-one_experiance {
	background: linear-gradient(135deg, #B91C1C 0%, #DC2626 100%);
	color: #FFFFFF;
	box-shadow: 0 8px 25px rgba(185, 28, 28, 0.4);
}

/* Rating Stars */
.rating .fa-star {
	color: #B91C1C;
}

.footer_socials a {
	color: #F5F5F5 !important;
	background-color: rgba(26, 31, 58, 0.8) !important;
	border: 2px solid rgba(185, 28, 28, 0.4) !important;
	border-radius: 50% !important;
	transition: all 0.3s ease !important;
}

.footer_socials a:hover {
	background-color: #B91C1C !important;
	border-color: #B91C1C !important;
	transform: translateY(-3px) !important;
}

.team-block_one-socials a {
	color: #D4D4D4 !important;
	transition: color 0.3s ease;
}

.team-block_one-socials a:hover {
	color: #B91C1C !important;
}

/* Additional Comprehensive Text Overrides */
.property-block_one-info li,
.city-block_one-text,
.service-block_one-text,
.news-block_one-text {
	color: #D4D4D4 !important;
}

.property-block_one-title,
.city-block_one-title,
.property-block_one-off {
	background: linear-gradient(135deg, #B91C1C 0%, #DC2626 100%);  /* Red gradient */
	color: #FFFFFF !important;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 4px;
}

/* Ensure Icon Colors */
.flaticon-pin,
.flaticon-telephone,
.flaticon-mail-1,
.flaticon-maps-and-flags {
	color: #B91C1C;  /* Drake Red for icons */
}

[class*="flaticon-"]::before {
	color: #B91C1C;
}

/* Table Elements */
table {
	background-color: rgb(30, 30, 35);
	color: rgb(230, 230, 230);
}

th {
	background-color: rgb(40, 40, 50);
	color: rgb(230, 230, 230);
}

td {
	color: rgb(180, 180, 180);
	border-color: rgba(255, 255, 255, 0.1);
}

/* Pagination */
.styled-pagination {
	display: flex;
	gap: 10px;
	justify-content: center;
	padding: 40px 0;
}

.styled-pagination li a {
	background-color: #1A1F3A;
	color: #F5F5F5;
	border: 1px solid rgba(185, 28, 28, 0.3);
	padding: 10px 18px;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	background: linear-gradient(135deg, #B91C1C 0%, #DC2626 100%);
	color: #FFFFFF;
	border-color: #B91C1C;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(185, 28, 28, 0.3);
}

/* Counter/Odometer */
.counter-one_counter,
.fact-counter_counter-column .count-text {
	color: #B91C1C;
	font-weight: 800;
	text-shadow: 0 2px 10px rgba(185, 28, 28, 0.3);
}

/* Author/Meta Info */
.author-box,
.news-block_one-meta,
.blog-detail_meta {
	color: rgb(180, 180, 180);
}

/* FAQ/Accordion */
.accordion-box .block,
.faq-block {
	background-color: rgb(30, 30, 35);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.accordion-box .block .acc-btn {
	color: rgb(230, 230, 230);
}

.accordion-box .block .acc-content {
	color: rgb(180, 180, 180);
}

/* Progress Bars */
.skills-one_skill-outer,
.skill-bar {
	background-color: rgb(30, 30, 35);
}

.bar-inner {
	background-color: rgb(218, 165, 32);
}

/* Quote/Callout Boxes */
blockquote,
.quote-box {
	background-color: rgb(30, 30, 35);
	border-left: 4px solid rgb(218, 165, 32);
	color: rgb(230, 230, 230);
}

/* Tags/Categories */
.tag-list li a,
.category-list li a {
	background-color: rgb(30, 30, 35);
	color: rgb(180, 180, 180);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.tag-list li a:hover,
.category-list li a:hover {
	background-color: rgb(218, 165, 32);
	color: rgb(18, 18, 22);
	border-color: rgb(218, 165, 32);
}

/* Comments Section */
.comment-box,
.comment {
	background-color: rgb(30, 30, 35);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.comment-author {
	color: rgb(230, 230, 230);
}

.comment-text {
	color: rgb(180, 180, 180);
}

/* Calendar/Booking Widget */
.calendly-inline-widget {
	background-color: rgb(30, 30, 35);
}

/* Alert/Status Messages */
.alert,
.message,
.notification {
	background-color: rgb(30, 30, 35);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: rgb(230, 230, 230);
}

.alert.success,
.message.success {
	border-color: rgb(46, 204, 113);
	background-color: rgba(46, 204, 113, 0.1);
}

.alert.error,
.message.error {
	border-color: rgb(231, 76, 60);
	background-color: rgba(231, 76, 60, 0.1);
}

/* Widget Titles */
.widget-title,
.sidebar-title,
.footer-column-title {
	color: rgb(230, 230, 230);
}

/* Links in Content */
.content a,
.text a,
.description a {
	color: rgb(218, 165, 32);
	text-decoration: underline;
}

.content a:hover,
.text a:hover,
.description a:hover {
	color: rgb(200, 145, 20);
}

/* List Items in Content */
.content ul li,
.content ol li {
	color: rgb(180, 180, 180);
}

/* Image Overlays */
.image-overlay,
.hover-overlay {
	background-color: rgba(18, 18, 22, 0.7);
}

/* Modal/Popup */
.modal,
.popup-box {
	background-color: rgb(25, 25, 30);
	color: rgb(230, 230, 230);
}

.modal-header {
	background-color: rgb(30, 30, 35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-footer {
	background-color: rgb(30, 30, 35);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Tooltip */
.tooltip,
[data-tooltip] {
	background-color: rgb(40, 40, 50);
	color: rgb(230, 230, 230);
}

/* Property Info Icons */
.property-block_one-info img {
	filter: brightness(0) invert(1);
	opacity: 0.7;
}

/* Team Chat Icon */
.team-block_one-icon img {
	filter: brightness(0) invert(1);
	opacity: 0.7;
}

/* Override any remaining black text */
* {
	border-color: rgba(255, 255, 255, 0.1);
}

*[style*="color: black"],
*[style*="color: #000"],
*[style*="color: #000000"],
*[style*="color: rgb(0, 0, 0)"] {
	color: #F5F5F5 !important;
}

/* Logo Styling */
.logo img {
	max-height: 60px;
	width: auto;
	transition: transform 0.3s ease;
}

.logo a:hover img {
	transform: scale(1.05);
}

/* Footer Logo */
.footer-logo img {
	max-height: 50px;
	width: auto;
}

.footer-bottom_nav {
	list-style: none !important;
	padding: 0 !important;
}

.footer-bottom_nav li a {
	color: #D4D4D4 !important;
}

.footer-bottom_nav li a:hover {
	color: #B91C1C !important;
}


/* ========================================
   ALL OTHER COMPONENTS - COMPREHENSIVE FIX
   ======================================== */

/* Section Backgrounds - Ensure proper navy */
section {
	background-color: #0A0F2C !important;
}

section.story-one,
section.story-two,
section.story-three,
section.cities-one,
section.property-one,
section.team-one,
section.contact-one,
section.services-one,
section.video-one {
	background-color: #0A0F2C !important;
}

/* Alternate sections */
section.testimonial-one,
section.clients-one {
	background: linear-gradient(180deg, #0A0F2C 0%, #070B1F 50%, #0A0F2C 100%) !important;
}

/* Story Three (About Page) - Fixed */
.story-three_inner {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.2) !important;
	padding: 40px !important;
}

.story-three_clients {
	background: linear-gradient(135deg, #B91C1C 0%, #DC2626 100%) !important;
	color: #FFFFFF !important;
	border: 2px solid #B91C1C !important;
}

.story-three_clients .story-three_inner {
	color: #FFFFFF !important;
	background: transparent !important;
	border: none !important;
}

.story-three_clients i {
	color: #FFFFFF !important;
}

/* Service Blocks */
.service-block_one-inner {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.2) !important;
	padding: 30px !important;
	transition: all 0.3s ease !important;
}

.service-block_one-inner:hover {
	border-color: #B91C1C !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 10px 30px rgba(185, 28, 28, 0.3) !important;
}

.service-block_one-icon {
	background-color: #B91C1C !important;
	color: #FFFFFF !important;
}

.service-block_one-icon i {
	color: #FFFFFF !important;
}

.service-block_one-title {
	color: #FFFFFF !important;
}

.service-block_one-title a {
	color: #FFFFFF !important;
}

.service-block_one-title a:hover {
	color: #B91C1C !important;
}

.service-block_one-text {
	color: #D4D4D4 !important;
}

/* Video Section */
.video-one {
	background-color: #0A0F2C !important;
}

.video-one_heading {
	color: #FFFFFF !important;
}

/* Clients Section */
.clients-one {
	background: linear-gradient(180deg, #0A0F2C 0%, #070B1F 50%, #0A0F2C 100%) !important;
}

.client-block_one img {
	filter: brightness(0) invert(1);
	opacity: 0.7;
	transition: opacity 0.3s ease;
}

.client-block_one:hover img {
	opacity: 1;
}

/* FAQ Section */
.faq-one {
	background-color: #0A0F2C !important;
}

.accordion-box .block {
	background-color: #1A1F3A !important;
	border: 2px solid rgba(185, 28, 28, 0.2) !important;
	margin-bottom: 15px !important;
}

.accordion-box .block .acc-btn {
	color: #FFFFFF !important;
	background-color: #1A1F3A !important;
	padding: 20px 30px !important;
}

.accordion-box .block.active-block .acc-btn {
	background-color: #B91C1C !important;
	color: #FFFFFF !important;
}

.accordion-box .block .acc-content {
	color: #D4D4D4 !important;
	background-color: #1A1F3A !important;
	padding: 20px 30px !important;
}

/* Ensure all content text is visible */
.content,
.description,
.text-content {
	color: #D4D4D4 !important;
}

/* Fix any remaining white backgrounds */
*[style*="background-color: white"],
*[style*="background-color: #fff"],
*[style*="background-color: #ffffff"],
*[style*="background: white"] {
	background-color: #1A1F3A !important;
}

/* ====== HOVER TEXT VISIBILITY FIXES ====== */

/* Navigation Hover - White text on red hover */
.main-menu .navigation > li > a:hover {
	color: #FFFFFF !important;
	background-color: rgba(185, 28, 28, 0.1);
}

/* Property Cards Hover - Ensure text is visible */
.property-block_one-inner:hover .property-block_one-heading a {
	color: #FFFFFF !important;
}

.property-block_one-inner:hover .property-block_one-location {
	color: #F5F5F5 !important;
}

.property-block_one-inner:hover .property-block_one-info li {
	color: #F5F5F5 !important;
}

/* City Cards Hover */
.city-block_one-inner:hover .city-block_one-heading a {
	color: #FFFFFF !important;
}

.city-block_one-inner:hover .city-block_one-text {
	color: #F5F5F5 !important;
}

/* Team Cards Hover */
.team-block_one-inner:hover .team-block_one-heading a {
	color: #FFFFFF !important;
}

.team-block_one-inner:hover .team-block_one-designation {
	color: #F5F5F5 !important;
}

/* Service Cards Hover */
.service-block_one-inner:hover .service-block_one-title a {
	color: #FFFFFF !important;
}

.service-block_one-inner:hover .service-block_one-text {
	color: #F5F5F5 !important;
}


/* Footer Links Hover - Red text, not black */
.footer-list li a:hover,
.footer-contact_list li a:hover,
.footer-bottom_nav li a:hover {
	color: #B91C1C !important;
	background-color: transparent !important;
}

/* Tab Buttons Hover - White text on red background */
.banner-tabs .tab-btns .tab-btn:hover,
.banner-tabs .tab-btns .tab-btn.active-btn {
	color: #FFFFFF !important;
	background-color: #B91C1C !important;
}

/* Story Tabs Hover */
.story-tab .tab-btns .tab-btn:hover,
.story-tab .tab-btns .tab-btn.active-btn {
	color: #FFFFFF !important;
	background-color: #B91C1C !important;
}

/* Pagination Hover - White text on red background */
.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: #FFFFFF !important;
}

/* Breadcrumb Hover */
.bread-crumb li a:hover {
	color: #B91C1C !important;
}

/* All Anchor Tags - Default Hover */
a:hover {
	color: #DC2626 !important;
}

/* Ensure Headings Stay White */
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
	color: #FFFFFF !important;
}

/* Newsletter Button Hover */
.newsletter-box button:hover {
	background-color: #DC2626 !important;
	color: #FFFFFF !important;
}

/* Mobile Menu Links */
.mobile-menu .navigation li a:hover {
	color: #B91C1C !important;
	background-color: rgba(185, 28, 28, 0.1) !important;
}

/* Dropdown Menu Hover - White text on hover */
.main-menu .navigation > li > ul li a:hover {
	color: #FFFFFF !important;
	background-color: #B91C1C !important;
}

/* ========================================
   SCROLL TO TOP BUTTON - FIXED
   ======================================== */

.progress-wrap {
	position: fixed !important;
	right: 30px !important;
	bottom: 30px !important;
	height: 50px !important;
	width: 50px !important;
	cursor: pointer !important;
	display: block !important;
	border-radius: 50% !important;
	box-shadow: 0 4px 15px rgba(185, 28, 28, 0.3) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(15px) !important;
	transition: all 0.3s ease !important;
	z-index: 10000 !important;
	background-color: #B91C1C !important;
}

.progress-wrap.active-progress {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

.progress-wrap:hover {
	background-color: #DC2626 !important;
	box-shadow: 0 6px 20px rgba(185, 28, 28, 0.5) !important;
	transform: translateY(-3px) !important;
}

.progress-wrap::after {
	content: "↑" !important;
	font-size: 24px !important;
	color: #FFFFFF !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-weight: bold !important;
	line-height: 1 !important;
}

.progress-wrap svg {
	display: none !important;
}

.progress-wrap svg.progress-circle path {
	stroke: #FFFFFF !important;
	stroke-width: 4 !important;
	fill: none !important;
}

/* Alternative if SVG is visible */
.progress-circle path {
	stroke: #FFFFFF !important;
	fill: none !important;
	stroke-width: 4 !important;
}