/* Hide the original button label */
.hover-contact-button .zpbutton-content {
    font-size: 0 !important;
}

/* Keep the replacement text inside the button */
.hover-contact-button .zpbutton-content::after {
    content: "Our Services";
    font-size: 16px;
    display: inline-block;
}

/* Change text on hover */
.hover-contact-button:hover .zpbutton-content::after {
    content: "Get Expert Service";
}

/* Change active menu background to red */
.theme-menu li.theme-menu-selected {
    background-color: #DA241A !important;
}

/* Keep active menu text white */
.theme-menu li.theme-menu-selected a {
    color: #FFFFFF !important;
}
/* Active page menu background */
.theme-menu li.theme-menu-selected,
.theme-menu li.theme-menu-selected > a,
.theme-menu li.theme-menu-selected > a:hover {
    background: #DA241A !important;
    background-color: #DA241A !important;
}

/* Active page menu text */
.theme-menu li.theme-menu-selected > a,
.theme-menu li.theme-menu-selected > a span {
    color: #FFFFFF !important;
}
/* Make all main menu hover backgrounds red */
.theme-menu li:hover,
.theme-menu li:hover > a,
.theme-menu li > a:hover {
    background-color: #DA241A !important;
}

/* Keep menu text white on hover */
.theme-menu li:hover > a,
.theme-menu li > a:hover {
    color: #FFFFFF !important;
}
/* Rounded corners for main menu buttons */
.theme-menu li > a,
.theme-menu li.theme-menu-selected > a {
    border-radius: 8px !important;
    overflow: hidden;
}

/* Rounded red background on hover */
.theme-menu li:hover,
.theme-menu li:hover > a,
.theme-menu li > a:hover,
.theme-menu li.theme-menu-selected {
    border-radius: 8px !important;
}
/* Home page menu: text turns red on hover only */
body:has(.theme-menu) .theme-menu li:hover,
body:has(.theme-menu) .theme-menu li:hover > a,
body:has(.theme-menu) .theme-menu li > a:hover {
    background: transparent !important;
    background-color: transparent !important;
}

body:has(.theme-menu) .theme-menu li:hover > a,
body:has(.theme-menu) .theme-menu li > a:hover {
    color: #DA241A !important;
}

/* Keep menu text white when not hovering */
body:has(.theme-menu) .theme-menu li:not(:hover) > a {
    color: #FFFFFF;
}
.hero-zoom {
    overflow: hidden !important;
}

.hero-zoom .zphero-slide.curslide .zpslider-img {
    transform: scale(1);
    transform-origin: center center;
    animation: heroZoom 8s ease-in-out forwards;
}

@keyframes heroZoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.10);
    }
}
.hero-zoom .zpslider-img.zoom-restart {
    animation: heroZoom 8s ease-out forwards !important;
}
/* Center the icon and heading together */
.service-heading-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: row !important;
    text-align: left !important;
    width: 100%;
    gap: 10px;
}

/* Keep the icon beside the heading */
.service-heading-center > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Make the hero slide the positioning reference */
.zphero-slide {
    position: relative;
}

/* Center the appointment button across the full slide */
.zphero-slide .appointment-row-center {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    z-index: 10;
}

/* Keep the button at its natural size */
.zphero-slide .appointment-row-center a,
.zphero-slide .appointment-row-center button {
    width: auto !important;
    display: inline-flex !important;
}
/* Remove the striped background on the page body */
body.sec-page {
  background-image: none !important;
}
/* Know More button: keep text inside the button */
.about-us-hover .zpbutton-content {
    position: relative !important;
}

/* Replace the label without changing its position */
.about-us-hover .zpbutton-content::after {
    content: "Know More";
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
}

/* Hide the original label text while keeping button layout */
.about-us-hover .zpbutton-content {
    font-size: 0 !important;
}

/* Keep the icon visible in the normal state */
.about-us-hover .zpbutton-content .zpbutton-icon {
    font-size: 14px !important;
}

/* Change the label on hover */
.about-us-hover:hover .zpbutton-content::after {
    content: "About Us" !important;
}

/* Hide the icon only on hover */
.about-us-hover:hover .zpbutton-icon {
    display: none !important;
}
/* Hide the original Explore All Our Services text */
.explore-services-hover .zpbutton-content {
    font-size: 0 !important;
}

/* Show the original text normally */
.explore-services-hover .zpbutton-content::after {
    content: "Explore All Our Services";
    font-size: 14px;
    display: inline-block;
}

/* Change text on hover */
.explore-services-hover:hover .zpbutton-content::after {
    content: "Avail Now";
    font-size: 14px;
}

/* Hide the icon on hover */
.explore-services-hover:hover .zpbutton-icon,
.explore-services-hover:hover .zpbutton-content i {
    display: none !important;
}
/* Second Know More button */
.about-us-hover-second .zpbutton-content {
    position: relative !important;
    font-size: 0 !important;
}

.about-us-hover-second .zpbutton-content::after {
    content: "Know More";
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.about-us-hover-second:hover .zpbutton-content::after {
    content: "About Us" !important;
}

.about-us-hover-second:hover .zpbutton-icon {
    display: none !important;
}
.inner-page-car-banner {
    background-position: center 20% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.inner-page-title {
    position: relative !important;
    top: -20px !important;
}
/* Download our Brochure button */
.download-brochure-hover .zpbutton-content {
    font-size: 0 !important;
}

/* Normal button text */
.download-brochure-hover .zpbutton-content::after {
    content: "Download our Brochure";
    font-size: 14px;
    display: inline-block;
}

/* Change text on hover */
.download-brochure-hover:hover .zpbutton-content::after {
    content: "Explore our Services";
    font-size: 14px;
}

/* Hide icon on hover */
.download-brochure-hover:hover .zpbutton-icon,
.download-brochure-hover:hover .zpbutton-content i {
    display: none !important;
}
/* FIX GOOGLE REVIEW SECTION SPACING */

#sara-review-widget {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

#sara-review-widget .sr-layout {
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}

#sara-review-widget .sr-company {
  padding: 0;
}

#sara-review-widget .sr-company-logo {
  margin-bottom: 10px;
}

#sara-review-widget .sr-company-name {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 8px;
}

#sara-review-widget .sr-main {
  min-width: 0;
  padding: 0;
}

#sara-review-widget .sr-slider {
  gap: 8px;
}

#sara-review-widget .sr-page {
  gap: 12px;
}

#sara-review-widget .sr-card {
  min-height: 230px;
  padding: 14px;
}

#sara-review-widget .sr-pagination {
  margin-top: 12px;
}

/* TABLET */
@media (max-width: 1050px) {
  #sara-review-widget .sr-layout {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 14px;
  }

  #sara-review-widget .sr-page {
    gap: 8px;
  }

  #sara-review-widget .sr-card {
    padding: 10px;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  #sara-review-widget .sr-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  #sara-review-widget .sr-page {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}