body {
    background-color: var(--tomar-primary-bg);
    color: var(--tomar-primary-text);
    font-family: 'DM Sans', sans-serif;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased; /* Improves font rendering */
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.section-title__title {
    color: var(--tomar-heading-text);
    font-weight: 500; /* Or 700 for bolder headings */
    margin-bottom: 0.75em; /* Consistent spacing */
}

.section-title__tagline {
    color: var(--tomar-royal-orange);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

p {
    color: var(--tomar-primary-text);
    margin-bottom: 1em;
}

a {
    color: var(--tomar-royal-orange);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--tomar-royal-orange-lighter);
    text-decoration: none; /* Keep consistent unless specifically needed */
}

hr {
    border-top: 1px solid var(--tomar-border-color);
}

/*
==========================================================================
Buttons
==========================================================================
*/
.thm-btn {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-black) !important; /* Important if template uses more specific selectors for text color */
    border: 1px solid var(--tomar-royal-orange);
    border-radius: 5px;
    padding: 12px 28px;
    font-weight: 700; /* Bolder for CTAs */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
    display: inline-block; /* Ensure proper spacing and click area */
    text-align: center;
}

.thm-btn:hover,
.thm-btn:focus {
    background-color: var(--tomar-royal-orange-darker);
    color: var(--tomar-black) !important;
    border-color: var(--tomar-royal-orange-darker);
    transform: translateY(-2px); /* Subtle lift effect */
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.2); /* Orange glow */
}

/* Secondary Button Style */
.thm-btn.secondary,
.thm-btn.cta-one__btn, /* Target specific buttons if needed */
.thm-btn.manage-waste__btn-2 { /* Example for a second button in a section */
    background-color: transparent;
    color: var(--tomar-royal-orange) !important;
    border: 2px solid var(--tomar-royal-orange);
}

.thm-btn.secondary:hover,
.thm-btn.cta-one__btn:hover,
.thm-btn.manage-waste__btn-2:hover {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-black) !important;
    border-color: var(--tomar-royal-orange);
}

/*
==========================================================================
Header
==========================================================================
*/
.main-header {
    background-color: var(--tomar-secondary-bg);
    border-bottom: 1px solid var(--tomar-border-color);
}

.main-header__logo img {
    /* If your logo is dark, make it white/light for visibility on dark header */
    /* filter: brightness(0) invert(1); */
    /* Or if it's a TOMAR logo, ensure it has a light version or is transparent */
}

.main-menu__menu-top {
    background-color: var(--tomar-primary-bg); /* Darker top bar */
    border-bottom: 1px solid var(--tomar-border-color);
}
.main-menu__menu-top-text {
    color: var(--tomar-secondary-text);
}
.main-menu__menu-top-address .text p,
.main-menu__menu-top-address .text p a {
    color: var(--tomar-primary-text);
}
.main-menu__menu-top-address .text p a:hover {
    color: var(--tomar-royal-orange);
}
.main-menu__menu-top-btn { /* The "Request a Pickup / Shop Notebooks" button in top bar */
    background-color: var(--tomar-royal-orange) !important;
    color: var(--tomar-black) !important;
    border-color: var(--tomar-royal-orange) !important;
}
.main-menu__menu-top-btn:hover {
    background-color: var(--tomar-royal-orange-darker) !important;
    border-color: var(--tomar-royal-orange-darker) !important;
}


.main-menu__list > li > a {
    color: var(--tomar-primary-text);
    font-weight: 500;
}
.main-menu__list > li:hover > a,
.main-menu__list > li.current > a {
    color: var(--tomar-royal-orange) !important; /* Important to override template */
    background-color: transparent !important; /* Ensure no weird background on hover */
}

/* Dropdown Menu Styles */
.main-menu__list ul {
    background-color: var(--tomar-secondary-bg);
    border: 1px solid var(--tomar-border-color);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.main-menu__list ul li a {
    color: var(--tomar-primary-text);
    border-bottom: 1px solid var(--tomar-border-color); /* Separator for dropdown items */
}
.main-menu__list ul li:last-child a {
    border-bottom: none;
}
.main-menu__list ul li a:hover {
    background-color: var(--tomar-slate-gray);
    color: var(--tomar-royal-orange);
}

.main-header__right-call-number p {
    color: var(--tomar-secondary-text);
}
.main-header__right-call-number h5 a {
    color: var(--tomar-heading-text);
}
.main-header__right-call-number h5 a:hover {
    color: var(--tomar-royal-orange);
}
.main-header__right__call-icon span {
    color: var(--tomar-royal-orange);
    font-size: 28px; /* Adjust if icon seems small */
}

.stricky-header { /* Sticky header */
    background-color: var(--tomar-secondary-bg) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/*
==========================================================================
Hero Slider / Main Slider
==========================================================================
*/
.main-slider {
    background-color: var(--tomar-black); /* Fallback if images don't load */
}
.main-slider .image-layer {
    /* If images are too bright, add a dark overlay */
    /* &::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(0,0,0, 0.3); // Adjust opacity
        z-index: 1;
    } */
}
.main-slider__content {
    /* z-index: 2; Ensure content is above any overlay */
}
.main-slider__content h2 {
    color: var(--tomar-off-white); /* Very light for max contrast on images */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6); /* Readability */
}
.main-slider__content h2 span {
    color: var(--tomar-royal-orange);
}
/* Slider Navigation Arrows */
.main-slider__nav .swiper-button-prev,
.main-slider__nav .swiper-button-next {
    background-color: rgba(255, 140, 0, 0.7) !important; /* Semi-transparent orange */
    color: var(--tomar-black) !important;
}
.main-slider__nav .swiper-button-prev:hover,
.main-slider__nav .swiper-button-next:hover {
    background-color: var(--tomar-royal-orange) !important;
}
/* Slider Pagination Bullets */
#main-slider-pagination .swiper-pagination-bullet {
    background-color: var(--tomar-royal-orange-lighter) !important;
    opacity: 0.7;
}
#main-slider-pagination .swiper-pagination-bullet-active {
    background-color: var(--tomar-royal-orange) !important;
    opacity: 1;
}


/*
==========================================================================
Page Headers (Inner Pages)
==========================================================================
*/
.page-header {
    background-color: var(--tomar-secondary-bg);
    background-image: none !important; /* Remove template image if present */
    padding: 80px 0; /* Adjust padding */
    border-bottom: 1px solid var(--tomar-border-color);
}
.page-header__inner h2 {
    color: var(--tomar-heading-text);
}
.page-header__inner .thm-breadcrumb {
    margin-top: 10px;
}
.page-header__inner .thm-breadcrumb li,
.page-header__inner .thm-breadcrumb li a {
    color: var(--tomar-secondary-text);
    font-size: 0.9em;
}
.page-header__inner .thm-breadcrumb li a:hover {
    color: var(--tomar-royal-orange);
}
.page-header__inner .thm-breadcrumb li.active {
    color: var(--tomar-light-gray);
}
.page-header__inner .thm-breadcrumb li::before { /* Separator for breadcrumbs */
    color: var(--tomar-secondary-text);
}


/*
==========================================================================
Content Sections & Cards
==========================================================================
*/
.feature-one {
    background-color: var(--tomar-secondary-bg);
    padding: 80px 0; /* Adjust padding if needed */
}
.feature-one__single {
    background-color: var(--tomar-primary-bg); /* Darker cards for feature section */
    padding: 30px;
    border-radius: 8px;
    border: 1px solid var(--tomar-border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-one__single:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(255, 140, 0, 0.15);
}
.feature-one__icon span {
    color: var(--tomar-royal-orange);
    font-size: 40px; /* Example size */
}
.feature-one__title a {
    color: var(--tomar-heading-text);
}
.feature-one__title a:hover {
    color: var(--tomar-royal-orange);
}

/* General Cards (services, news, team, etc.) */
.services-one__single,
.news-one__single,
.team-one__sngle,
.industries-one__single,
.project-one__single,
.testimonial-one__single, /* May have its own specific bg in template */
.testimonial-two__single,
.pricing__tab-content-single,
.gallery-page__single,
.service-details__left .service-details__category, /* Sidebar category list */
.service-details__left .service-details__need-help,
.service-details__left .service-details__banner {
    background-color: var(--tomar-secondary-bg);
    border: 1px solid var(--tomar-border-color);
    border-radius: 8px;
    overflow: hidden; /* If images stick out */
}

/* Ensure text within these cards is readable */
.services-one__single .services-one__title a,
.news-one__single .news-one__title a,
.team-one__sngle .team-one__name,
.industries-one__single .industries-one__title a,
.project-one__single .project-one__title a {
    color: var(--tomar-heading-text);
}
.services-one__single .services-one__title a:hover,
.news-one__single .news-one__title a:hover,
.team-one__sngle .team-one__name:hover, /* If name is a link */
.industries-one__single .industries-one__title a:hover,
.project-one__single .project-one__title a:hover {
    color: var(--tomar-royal-orange);
}

.news-one__meta, .news-one__meta a {
    color: var(--tomar-secondary-text);
}
.news-one__meta a:hover {
    color: var(--tomar-royal-orange);
}

/* Service card hover effect */
.services-one__hover {
    background-color: rgba(255, 140, 0, 0.95); /* More opaque orange */
}
.services-one__hover-title a, .services-one__hover-text {
    color: var(--tomar-black) !important;
}

/* Specific Section Backgrounds (if they aren't cards) */
.leading-waste, .we-dedicated, .testimonial-one, .why-choose-one, .contact-one {
    /* background-color: var(--tomar-primary-bg); */ /* Already default */
    /* padding: 100px 0; Remove if template has its own padding */
}
.testimonial-one, .counter-one { /* Sections that might have image backgrounds */
    background-color: var(--tomar-secondary-bg); /* Fallback */
    background-image: none !important; /* Remove template images unless desired */
}
.counter-one .counter-one__title {
    color: var(--tomar-heading-text);
}
.counter-one .counter-one__text {
    color: var(--tomar-primary-text);
}
.counter-one .odometer {
    color: var(--tomar-off-white);
}


/*
==========================================================================
Footer
==========================================================================
*/
.site-footer {
    background-color: var(--tomar-black); /* Darkest for footer */
    border-top: 1px solid var(--tomar-border-color);
    /* background-image: none !important; */ /* Remove template image if it exists */
}
.site-footer p, .site-footer .footer-widget__about-text {
    color: var(--tomar-secondary-text);
}
.site-footer h3.footer-widget__title {
    color: var(--tomar-heading-text);
    margin-bottom: 25px;
}
.site-footer a,
.site-footer .footer-widget__links-list li a,
.site-footer .footer-widget__services-list li a,
.footer-widget__contact-mail-phone a {
    color: var(--tomar-primary-text);
}
.site-footer a:hover,
.site-footer .footer-widget__links-list li a:hover,
.site-footer .footer-widget__services-list li a:hover,
.footer-widget__contact-mail-phone a:hover {
    color: var(--tomar-royal-orange);
}

.footer-widget__column { /* Overriding card style for footer widgets if needed */
    background-color: transparent !important;
    border: none !important;
}

.site-footer__top {
    border-bottom: 1px solid var(--tomar-border-color);
}
.site-footer__top-right-text {
    color: var(--tomar-secondary-text);
}

.site-footer__social a {
    background-color: var(--tomar-charcoal);
    color: var(--tomar-royal-orange);
    border: 1px solid var(--tomar-border-color);
}
.site-footer__social a:hover {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-charcoal);
    border-color: var(--tomar-royal-orange);
}

.site-footer__bottom {
    background-color: var(--tomar-black);
    border-top: 1px solid var(--tomar-border-color);
    /* background-image: none !important; */ /* Remove shape image */
}
.site-footer__bottom-text, .site-footer__bottom-text a {
    color: var(--tomar-secondary-text);
}
.site-footer__bottom-text a:hover {
    color: var(--tomar-royal-orange);
}

.footer-widget__newsletter-input-box input[type="email"] {
    background-color: var(--tomar-charcoal);
    color: var(--tomar-light-gray);
    border: 1px solid var(--tomar-border-color);
}
.footer-widget__newsletter-input-box input[type="email"]::placeholder {
    color: var(--tomar-medium-gray);
}
.footer-widget__newsletter-btn {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-black);
}
.footer-widget__newsletter-btn:hover {
    background-color: var(--tomar-royal-orange-darker);
}

/*
==========================================================================
Specific Accent Elements & Components
==========================================================================
*/
/* Icons (General Fallback & Specifics) */
.icon-email, .icon-clock, .icon-phone-ringing, .icon-pen-tool, .icon-customer-support,
.services-one__icon span,
.industries-one__icon span,
.counter-one__icon span,
.service-details__points-icon span,
.contact-one__info .icon span,
.main-header__right__call-icon span,
.feature-one__icon span {
    color: var(--tomar-royal-orange) !important; /* Important if highly specific in template */
}
/* For Font Awesome icons if used as main accents */
.fa, .fas, .far, .fab {
    /* color: var(--tomar-royal-orange); */ /* Apply this selectively */
}


/* Active states in navigation or tabs */
.tab-buttons .tab-btn.active-btn,
.tab-buttons .tab-btn.active-btn span {
    background-color: var(--tomar-royal-orange) !important;
    color: var(--tomar-black) !important;
}
.tab-buttons .tab-btn {
    background-color: var(--tomar-secondary-bg);
    color: var(--tomar-primary-text);
    border: 1px solid var(--tomar-border-color);
}
.tab-buttons .tab-btn:hover {
    background-color: var(--tomar-slate-gray);
    color: var(--tomar-royal-orange);
}

.service-details__cagegory-list li a {
    background-color: var(--tomar-secondary-bg);
    color: var(--tomar-primary-text);
    border-bottom: 1px solid var(--tomar-border-color);
}
.service-details__cagegory-list li a:hover {
    background-color: var(--tomar-slate-gray);
    color: var(--tomar-royal-orange);
}
.service-details__cagegory-list li.active a {
    background-color: var(--tomar-royal-orange) !important;
    color: var(--tomar-black) !important;
    border-color: var(--tomar-royal-orange) !important;
}
.service-details__cagegory-list li.active a span { /* Arrow in active category */
    color: var(--tomar-black) !important;
}


/* Progress Bars */
.we-dedicated__progress .bar {
    background-color: var(--tomar-slate-gray); /* Track of the bar */
}
.we-dedicated__progress .bar-inner {
    background-color: var(--tomar-royal-orange);
}
.we-dedicated__progress .count-text {
    color: var(--tomar-black); /* Text inside the progress bar fill */
}
.we-dedicated__progress-title {
    color: var(--tomar-heading-text);
}


/* Testimonials */
.testimonial-one__quote span,
.testimonial-two__quote span {
    color: var(--tomar-royal-orange);
}
.testimonial-one__feedback, .testimonial-two__feedback { /* Star ratings */
    color: var(--tomar-royal-orange);
}
.testimonial-one__client-name, .testimonial-two__client-name {
    color: var(--tomar-heading-text);
}
.testimonial-one__client-title, .testimonial-two__client-title {
    color: var(--tomar-secondary-text);
}

/* Preloader */
.preloader {
    background-color: var(--tomar-black);
}
.preloader__image {
     /*If using a light colored loader image, it might be fine.
       If it's a dark image, you might need to make it white: */
    /* filter: brightness(0) invert(1); */
}


/* Pagination */
.post-pagination .page-numbers.current,
.post-pagination .page-numbers:hover {
    background-color: var(--tomar-royal-orange);
    border-color: var(--tomar-royal-orange);
    color: var(--tomar-black) !important;
}
.post-pagination .page-numbers {
    color: var(--tomar-primary-text);
    border: 1px solid var(--tomar-border-color);
    background-color: var(--tomar-secondary-bg);
}


/* Accordion (FAQs) */
.accrodion .accrodion-title {
    background-color: var(--tomar-secondary-bg);
    border: 1px solid var(--tomar-border-color);
}
.accrodion .accrodion-title h4 {
    color: var(--tomar-heading-text);
}
.accrodion.active > .accrodion-title {
    background-color: var(--tomar-slate-gray);
}
.accrodion.active > .accrodion-title h4 {
    color: var(--tomar-royal-orange);
}
.accrodion .accrodion-title::before { /* The plus/minus icon */
    color: var(--tomar-royal-orange);
}
.accrodion .accrodion-content {
    background-color: var(--tomar-secondary-bg);
    border: 1px solid var(--tomar-border-color);
    border-top: none; /* Usually the title has the top border */
}
.accrodion .accrodion-content .inner p {
    color: var(--tomar-primary-text);
}

/* Forms (Basic Styling) */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
textarea,
.bootstrap-select > .dropdown-toggle { /* For select dropdowns if styled by bootstrap-select */
    background-color: var(--tomar-charcoal) !important;
    color: var(--tomar-light-gray) !important;
    border: 1px solid var(--tomar-border-color) !important;
    border-radius: 4px;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
    color: var(--tomar-medium-gray) !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
.bootstrap-select > .dropdown-toggle:focus {
    border-color: var(--tomar-royal-orange) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.25); /* Orange focus glow */
}
.contact-one__form-input-box .nice-select, /* If template uses nice-select */
.bootstrap-select .dropdown-menu {
    background-color: var(--tomar-charcoal);
    border-color: var(--tomar-border-color);
}
.contact-one__form-input-box .nice-select .list li,
.bootstrap-select .dropdown-menu li a {
    color: var(--tomar-primary-text);
}
.contact-one__form-input-box .nice-select .list li:hover,
.contact-one__form-input-box .nice-select .list li.selected,
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.selected a {
    background-color: var(--tomar-slate-gray) !important;
    color: var(--tomar-royal-orange) !important;
}


/* Mobile Navigation */
.mobile-nav__content {
    background-color: var(--tomar-secondary-bg);
}
.mobile-nav__close {
    color: var(--tomar-royal-orange);
}
.mobile-nav__container .main-menu__list > li > a {
    color: var(--tomar-primary-text);
}
.mobile-nav__container .main-menu__list > li > a:hover,
.mobile-nav__container .main-menu__list > li.current > a {
    color: var(--tomar-royal-orange);
}
.mobile-nav__container .main-menu__list ul { /* Submenu */
    background-color: var(--tomar-primary-bg); /* Darker for submenu */
}
.mobile-nav__contact li, .mobile-nav__contact li a {
    color: var(--tomar-primary-text);
}
.mobile-nav__contact li a:hover {
    color: var(--tomar-royal-orange);
}
.mobile-nav__social a {
    background-color: var(--tomar-slate-gray);
    color: var(--tomar-royal-orange);
}
.mobile-nav__social a:hover {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-slate-gray);
}

/* Search Popup */
.search-popup__content {
    background-color: var(--tomar-secondary-bg);
}
.search-popup__content input[type="text"] {
    background-color: var(--tomar-primary-bg);
    color: var(--tomar-light-gray);
    border-color: var(--tomar-border-color);
}
.search-popup__content input[type="text"]::placeholder {
    color: var(--tomar-medium-gray);
}


/*
==========================================================================
Remove or Adjust Template Specific Background Images/Colors
You might need to identify these using "Inspect Element" and add them here.
Example:
.some-template-section-with-light-bg {
    background-image: none !important;
    background-color: var(--tomar-secondary-bg) !important;
}
.some-template-section-with-image-bg {
    background-image: none !important; /* If you want to remove it entirely */
    /* Or apply a dark overlay if keeping the image:
    position: relative;
}
.some-template-section-with-image-bg::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(24, 24, 24, 0.7); // Adjust opacity of black overlay
    z-index: 1;
}
.some-template-section-with-image-bg > * { // Ensure content is above overlay
    position: relative;
    z-index: 2;
}
*/

/* Example for a common pattern: removing shape images */
.leading-waste__img-shape-1,
.leading-waste-dots,
.service-details__banner-shape-1,
.site-footer-bottom-shape {
    display: none !important; /* Hides these decorative shapes if they clash */
}
/* In tomar-custom-styles.css */
.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (max-width: 768px) {
    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.font-italic {
    font-style: italic;
}

/* tom-custom-styles.css */

.about-tomar-intro {
    background-color: var(--tomar-primary-bg); /* Or var(--tomar-secondary-bg) if you want a slight contrast */
    padding-top: 80px; /* Consistent padding */
    padding-bottom: 60px; /* Slightly less padding before the next product block */
}

.about-tomar-intro .section-title__title {
    margin-bottom: 20px;
}

.about-tomar-intro__text {
    color: var(--tomar-primary-text);
    margin-bottom: 20px;
}
/* tomar-custom-styles.css */

.tomar-product-divider {
    border: 0;
    height: 1px;
    background-color: var(--tomar-slate-gray); /* Use a subtle color from your palette */
    margin-top: 60px;    /* Space above the divider */
    margin-bottom: 80px; /* Space below the divider */
}
/* tomar-custom-styles.css */

.tomar-styled-divider-container {
    text-align: center;
    padding: 60px 0 80px 0; /* Adjust padding */
    background-color: var(--tomar-primary-bg); /* Ensure it matches the page flow */
}

.tomar-styled-divider {
    display: inline-block;
    position: relative;
}

/* Line style */
.tomar-styled-divider::before,
.tomar-styled-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 80px; /* Adjust width of lines */
    height: 1px;
    background-color: var(--tomar-slate-gray);
}

.tomar-styled-divider::before {
    right: 100%;
    margin-right: 15px; /* Space between line and icon */
}

.tomar-styled-divider::after {
    left: 100%;
    margin-left: 15px; /* Space between line and icon */
}

/* Optional Icon in the middle */
.tomar-styled-divider .icon-ტომار-logo-mini { /* Replace with your actual icon class */
    font-size: 24px; /* Adjust icon size */
    color: var(--tomar-royal-orange);
}
/* In tomar-custom-styles.css */
.section-padding {
    padding-top: 80px; /* Or your preferred value */
    padding-bottom: 80px; /* Or your preferred value */
}
/* In tomar-custom-styles.css */
.tomar-impact-counter .counter-one-bg-box {
    /* You might want to hide the original bg structure if using solid color */
    /* display: none; */
}
.tomar-impact-counter {
    background-color: var(--tomar-charcoal); /* Or another dark shade */
    position: relative; /* If you plan to add any pseudo elements or overlays */
    color: var(--tomar-light-gray); /* Ensure text is readable */
}
.tomar-impact-counter .section-title__title,
.tomar-impact-counter .counter-one__title,
.tomar-impact-counter .odometer {
    color: var(--tomar-heading-text); /* Or tomar-off-white for high contrast */
}
.tomar-impact-counter .section-title__tagline,
.tomar-impact-counter .counter-one__icon span,
.tomar-impact-counter .counter-one__plus {
    color: var(--tomar-royal-orange);
}
.tomar-impact-counter .counter-one__text,
.tomar-impact-counter .section-title p {
    color: var(--tomar-primary-text);
}

/* tomar-custom-styles.css */

.have-waste.tomar-contact-cta,
.have-waste.tomar-preorder-cta {
    background-color: var(--tomar-charcoal); /* Or your chosen accent for CTA bars */
    padding: 40px 0; /* Adjust padding as needed */
}

.have-waste__inner {
    /* Original template might have specific styling for this, observe and override if needed */
    /* For dark theme, ensure text is light */
    /* Example if it has a default light background that needs overriding */
    background-color: transparent !important; /* If it had its own background */
    border-radius: 8px; /* If you want rounded corners for the inner bar */
    padding: 20px 30px; /* Inner padding */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.have-waste__content {
    color: var(--tomar-heading-text);
    font-size: 1.8em; /* Adjust as needed */
    margin-bottom: 0; /* Remove default margin if any */
}

.have-waste__icon span {
    color: var(--tomar-royal-orange);
    font-size: 2.5em; /* Adjust icon size */
}

.have-waste__contact-text {
    color: var(--tomar-primary-text);
    display: block; /* Make it stack above the number/link */
    margin-bottom: 5px;
    font-size: 1em;
}

.have-waste__contact-number {
    color: var(--tomar-royal-orange);
    font-size: 1.5em; /* Adjust size */
    font-weight: 700;
}
.have-waste__contact-number:hover {
    color: var(--tomar-royal-orange-lighter);
}

/* Responsive adjustments if needed */
@media (max-width: 768px) {
    .have-waste__inner {
        flex-direction: column;
        text-align: center;
    }
    .have-waste__left {
        margin-bottom: 20px;
    }
    .have-waste__right {
        text-align: center;
    }
    .have-waste__content {
        font-size: 1.5em;
    }
    .have-waste__contact-number {
        font-size: 1.3em;
    }
}

/* In tomar-custom-styles.css */
.project-one__single {
    background-color: var(--tomar-secondary-bg); /* Or another card background */
    border: 1px solid var(--tomar-border-color);
    border-radius: 8px;
}
.project-one__content {
    padding: 20px; /* Add padding to the content area below the image */
    background-color: var(--tomar-secondary-bg); /* Ensure content bg matches card if needed */
}
.project-one__sub-title {
    color: var(--tomar-secondary-text); /* Lighter grey for sub-title */
    font-size: 0.9em;
    margin-bottom: 5px;
}
.project-one__title a {
    color: var(--tomar-heading-text);
}
.project-one__title a:hover {
    color: var(--tomar-royal-orange);
}
.project-one__arrow a {
    background-color: var(--tomar-royal-orange);
    color: var(--tomar-black);
}
.project-one__arrow a:hover {
    background-color: var(--tomar-royal-orange-darker);
}

/* In tomar-custom-styles.css */
.tomar-testimonials .testimonial-one-bg {
    background-color: var(--tomar-charcoal);
    background-image: none !important; /* Ensure no template image */
}
.tomar-testimonials .section-title__title,
.tomar-testimonials .testimonial-one__title,
.tomar-testimonials .testimonial-one__client-name {
    color: var(--tomar-heading-text);
}
.tomar-testimonials .section-title__tagline,
.tomar-testimonials .testimonial-one__feedback .fa-star,
.tomar-testimonials .testimonial-one__quote span {
    color: var(--tomar-royal-orange);
}
.tomar-testimonials .testimonial-one__text-1,
.tomar-testimonials .testimonial-one__text,
.tomar-testimonials .testimonial-one__client-title {
    color: var(--tomar-primary-text);
}
/* Owl Carousel Dots for dark theme */
.tomar-testimonials .owl-dots .owl-dot span {
    background-color: var(--tomar-slate-gray) !important;
}
.tomar-testimonials .owl-dots .owl-dot.active span,
.tomar-testimonials .owl-dots .owl-dot:hover span {
    background-color: var(--tomar-royal-orange) !important;
}



/* In tomar-custom-styles.css */
.tomar-news-teaser {
    background-color: var(--tomar-primary-bg); /* Or a slightly different dark shade */
}
.tomar-news-teaser .news-one__single { /* Ensure card styling from dark theme applies */
    background-color: var(--tomar-secondary-bg);
    border: 1px solid var(--tomar-border-color);
}
.tomar-news-teaser .news-one__date {
    background-color: var(--tomar-royal-orange);
}
.tomar-news-teaser .news-one__date p {
    color: var(--tomar-black);
}
.tomar-news-teaser .news-one__meta,
.tomar-news-teaser .news-one__meta a {
    color: var(--tomar-secondary-text);
}
.tomar-news-teaser .news-one__meta a:hover,
.tomar-news-teaser .news-one__read-more a:hover {
    color: var(--tomar-royal-orange-lighter);
}
.tomar-news-teaser .news-one__title a {
    color: var(--tomar-heading-text);
}
.tomar-news-teaser .news-one__title a:hover {
    color: var(--tomar-royal-orange);
}
.tomar-news-teaser .news-one__read-more a {
    color: var(--tomar-royal-orange);
}

/* Add to your CSS file */
.main-header .main-menu__menu-bottom {
    background-color: #FFD700; /* Example Yellow - CHOOSE YOUR YELLOW */
    /* You might need to adjust padding if the original dark background had different spacing */
}

.main-header .main-menu__menu-bottom .main-menu__list > li > a {
    color: #333; /* Dark text color for yellow background */
}

.main-header .main-menu__menu-bottom .main-menu__list > li:hover > a,
.main-header .main-menu__menu-bottom .main-menu__list > li.current > a {
    color: #000; /* Darker color for hover/current on yellow */
    /* background-color: rgba(0,0,0,0.05); /* Optional subtle hover background */
}

/* Adjust dropdown background and text color if needed */
.main-header .main-menu__list ul {
    background-color: #fff; /* White background for dropdowns */
}
.main-header .main-menu__list ul li a {
    color: #333;
}
 .main-header .main-menu__list ul li:hover > a {
    color: var(--thm-primary); /* Or your preferred hover color */
    background-color: #f5f5f5;
}

/* Styling for the top bar if you keep it */
.main-header .main-menu__menu-top {
    background-color: #ffffff; /* White background for the top announcement bar */
    border-bottom: 1px solid #eeeeee; /* Optional separator */
}

/* ==========================================================================
   Tomar Custom Header Styles (for main-header-two consistency)
   ========================================================================== */

.main-header-two .main-header-two__top {
    background-color: #ffffff; /* White background for the very top bar */
    border-bottom: 1px solid #eaeaea; /* Light border for separation */
    padding-top: 8px;    /* Adjust vertical padding */
    padding-bottom: 8px; /* Adjust vertical padding */
}

.main-header-two .main-header-two__logo img {
    max-height: 50px; /* Adjust as per your logo's ideal size in the top bar */
}

.main-header-two .main-header-two__social a {
    color: #797979; /* Standard social icon color */
    margin: 0 7px; /* Spacing for social icons */
}
.main-header-two .main-header-two__social a:hover {
    color: var(--thm-primary); /* Theme primary color on hover */
}

.main-header-two .main-header-two__contact-list {
    display: flex;
    align-items: center;
}

.main-header-two .main-header-two__contact-list > li {
    margin-right: 25px; /* Space between contact items */
}
.main-header-two .main-header-two__contact-list > li:last-child {
    margin-right: 0;
}

.main-header-two .main-header-two__contact-list .icon {
    color: var(--thm-primary); /* Theme primary color for icons */
    font-size: 20px; /* Consistent icon size */
}

.main-header-two .main-header-two__contact-list .text p {
    color: #797979;
    margin-bottom: 2px;
    font-size: 13px;
}
.main-header-two .main-header-two__contact-list .text h5 {
    margin-bottom: 0;
}
.main-header-two .main-header-two__contact-list .text h5 a {
    color: var(--thm-black);
    font-weight: 500;
    font-size: 14px;
}
.main-header-two .main-header-two__contact-list .text h5 a:hover {
    color: var(--thm-primary);
}

/* WhatsApp Link in Top Bar specific styling */
.main-header-two__contact-list .tomar-whatsapp-link-top {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.main-header-two__contact-list .tomar-whatsapp-link-top .icon {
    color: #25D366; /* WhatsApp Green */
    margin-left: 8px; /* For RTL, space to the left of text (visual right of icon) */
}
.main-header-two__contact-list .tomar-whatsapp-link-top .text p,
.main-header-two__contact-list .tomar-whatsapp-link-top .text h5 {
    color: var(--thm-black); /* Making WhatsApp text also use theme black */
}
.main-header-two__contact-list .tomar-whatsapp-link-top:hover .text h5,
.main-header-two__contact-list .tomar-whatsapp-link-top:hover .text p {
    color: var(--thm-primary);
}


/* Yellow Menu Bar Styling for main-menu-two */
.main-header-two .main-menu-two__main-menu {
    background-color: #FFDE59; /* TOMAR Yellow */
}

.main-header-two .main-menu__list > li > a {
    color: #333333 !important;
    font-weight: 500 !important;
    padding: 22px 12px !important; /* Adjust padding for better spacing and height */
    text-transform: none !important; /* If theme uppercases, this can reset it */
}

.main-header-two .main-menu__list > li:hover > a,
.main-header-two .main-menu__list > li.current > a {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.4) !important; /* Slightly more visible hover */
}

/* Spacing between main menu items */
.main-header-two .main-menu__list > li {
    margin-left: 10px;
    margin-right: 10px;
}
.main-header-two .main-menu__list > li:first-child {
    margin-right: 0; /* No extra margin for the first item on the right (RTL) */
}
.main-header-two .main-menu__list > li:last-child {
    margin-left: 0; /* No extra margin for the last item on the left (RTL) */
}

/* Dropdown styles for main-menu-two */
.main-header-two .main-menu__list ul {
    background-color: #ffffff !important;
    border-top: 3px solid #FFDD59 !important; /* Match yellow */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Adding a subtle shadow to dropdowns */
}
.main-header-two .main-menu__list ul li a {
    color: #333333 !important;
}
.main-header-two .main-menu__list ul li:hover > a {
    color: #000000 !important;
    background-color: #f5f5f5 !important;
}

/* Sticky Header menu style consistency */
.stricky-header.main-menu-two.stricky-fixed .main-menu-two__main-menu {
    background-color: #FFDE59; /* Ensure sticky also has yellow */
}
.stricky-header.main-menu-two.stricky-fixed .main-menu__list > li > a {
    color: #333333 !important;
}
.stricky-header.main-menu-two.stricky-fixed .main-menu__list > li:hover > a,
.stricky-header.main-menu-two.stricky-fixed .main-menu__list > li.current > a {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

/* Arrow direction in megamenu for RTL */
.service-tabs__btn i.fa-arrow-left {
    /* In RTL, fa-arrow-left points right. If you want it to point left visually, use fa-arrow-right */
    /* Or, if you must use fa-arrow-left and want it to point left: transform: scaleX(-1); */
}
.service-tabs__btn i {
    margin-right: 0; /* Reset theme default */
    margin-left: 8px; /* Space after text, before icon in RTL */
}

/* Attempt to address horizontal scroll - apply if still an issue */
/*
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}
.page-wrapper {
    overflow-x: hidden !important;
    width: 100% !important;
}
*/

.main-header-two .main-header-two__top {
    padding-top: 10px !important; /* Reduce padding */
    padding-bottom: 10px !important; /* Reduce padding */
    min-height: auto !important; /* Override any minimum height */
}

.main-header-two .main-header-two__top-inner {
    min-height: auto !important; /* Ensure inner container also doesn't force height */
    align-items: center; /* Vertically align items in the top bar */
}

.main-header-two .main-header-two__logo {
    padding-top: 0; /* Remove padding if any is pushing it down */
    padding-bottom: 0;
    display: flex; /* Helps with alignment */
    align-items: center; /* Helps with alignment */
}
.main-header-two .main-header-two__logo img {
    max-height: 40px; /* Adjust logo height, this will affect bar height */
    width: auto;
}

.main-header-two .main-header-two__contact-list > li {
    /* If the li elements themselves have too much padding */
    padding-top: 5px;
    padding-bottom: 5px;
}
.main-header-two .main-header-two__contact-list .text p,
.main-header-two .main-header-two__contact-list .text h5 {
    line-height: 1.2; /* Reduce line height of text inside contact items */
    margin-bottom: 0; /* Remove bottom margin from p and h5 */
}
.main-header-two .main-header-two__contact-list .text h5 {
    margin-top: 2px; /* Small space between p and h5 */
}

.main-header-two__contact-list .tomar-whatsapp-link-top .icon .fa-whatsapp {
    color: #25D366 !important; /* Force WhatsApp Green */
    font-size: 24px; /* Ensure it's visible - adjust size as needed */
}
/* Also, ensure the surrounding text for WhatsApp is visible */
.main-header-two__contact-list .tomar-whatsapp-link-top .text p,
.main-header-two__contact-list .tomar-whatsapp-link-top .text h5 {
    color: #333333 !important; /* Darker text for visibility */
}
.main-header-two__contact-list .tomar-whatsapp-link-top:hover .text p,
.main-header-two__contact-list .tomar-whatsapp-link-top:hover .text h5 {
    color: var(--thm-primary) !important; /* Hover color */
}
html,
body {
    overflow-x: hidden !important;
    width: 100% !important; /* Adding this to prevent potential issues with 100vw calculations */
}
.page-wrapper { /* Often the main theme wrapper */
    overflow-x: hidden !important;
    width: 100% !important;
}
/* ==========================================================================
   FINAL HEADER HEIGHT FIX (VERSION 3)
========================================================================== */

/* PART 1: FIX THE TOP WHITE HEADER BAR */
.main-header-two .main-header-two__top {
    /* Override the original large padding */
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    /* THIS IS THE KEY: Override the minimum height to let it shrink */
    min-height: auto !important;
}


/* PART 2: FIX THE YELLOW NAVIGATION BAR */
.main-menu.main-menu-two .main-menu__list > li > a {
    /* Reduce the padding on the menu links to make the bar thinner */
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}