.home-layout .layout-block.mactec-sec1-map-section {
  background: rgb(243, 246, 250) !important;
}

.home-layout .layout-block.mactec-sec1-map-section::before {
  content: none !important;
  background: none !important;
}

/* The exported hero retained its overlay but lost Elementor's slideshow markup. */
.home-layout .layout-block.section-integrated-facility-management-for {
  background-image: url("../images/mactec/hero.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.home-layout .section-integrated-facility-management-for .mactec-hero-slider {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.home-layout .section-integrated-facility-management-for .mactec-hero-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 900ms ease-in-out;
}

.home-layout .section-integrated-facility-management-for .mactec-hero-slide.is-active {
  opacity: 1;
}

.home-layout .section-integrated-facility-management-for::before {
  z-index: 1;
}

.home-layout .section-integrated-facility-management-for > .container-inner {
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .home-layout .section-integrated-facility-management-for .mactec-hero-slide {
    transition: none;
  }
}

/* Footer ownership line: copyright left, design credit right. */
.footer-layout .layout-block.footer-footer {
  align-items: center !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding-bottom: 15px !important;
}

.footer-layout .layout-block.footer-footer .text-editor-text-editor-3 {
  text-align: left !important;
}

.mactec-footer-credit {
  color: rgb(227, 226, 226);
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 27px;
  text-align: right;
}

.mactec-footer-credit a {
  color: #ffffff;
  text-decoration: none;
}

.mactec-footer-credit a:hover,
.mactec-footer-credit a:focus-visible {
  color: var(--mactec-gold, #ff7a18);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .footer-layout .layout-block.footer-footer {
    align-items: center !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .footer-layout .layout-block.footer-footer .text-editor-text-editor-3,
  .mactec-footer-credit {
    text-align: center !important;
  }
}

.home-layout .mactec-sec1-map-section :is(.section-centralized-management, .section-operational-expertise, .section-scalable-coverage) {
  border: 1px solid rgb(228, 232, 238);
  border-radius: 12px;
  box-shadow: rgba(25, 42, 65, 0.06) 0px 6px 20px;
  background: rgb(255, 255, 255) !important;
}

.home-layout .layout-block.section-industries {
  padding-block: 72px;
  background: rgb(242, 243, 245) !important;
}

.home-layout .layout-block.section-industries::before {
  content: none !important;
  background: none !important;
}

.home-layout .section-industries > .container-inner {
  width: 100%;
  gap: 36px;
  max-width: 1440px !important;
}

.home-layout .section-industries .indus {
  align-items: stretch;
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  gap: 24px !important;
}

.home-layout .section-industries .indus > .layout-container {
  width: 100%;
  min-width: 0px;
  height: auto;
  min-height: 220px;
  padding: 0px;
  align-self: stretch;
  margin: 0px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(223, 229, 238);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: rgba(25, 42, 65, 0.05) 0px 4px 16px;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  transform: none !important;
}

.home-layout .section-industries .indus > .layout-container:hover {
  box-shadow: rgba(25, 42, 65, 0.12) 0px 12px 30px;
  border-color: rgb(203, 213, 225);
  transform: translateY(-4px) !important;
}

.home-layout .section-industries .ui-widget-image-box {
  height: 100%;
  width: 100%;
}

.home-layout .section-industries .ui-image-box-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  height: 100% !important;
  width: 100% !important;
  border-width: medium !important;
  border-style: none !important;
  border-color: currentcolor !important;
  border-image: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background: rgb(255, 255, 255) !important;
}

.home-layout .section-industries .ui-image-box-wrapper:hover {
  transform: none !important;
  box-shadow: none !important;
}

.home-layout .section-industries .ui-image-box-img {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 42% !important;
  max-width: 42% !important;
  width: 42% !important;
  margin: 0px !important;
  overflow: hidden !important;
  position: relative !important;
}

.home-layout .section-industries .ui-image-box-img a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto !important;
}

.home-layout .section-industries .ui-image-box-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0px !important;
  transition: transform 0.35s !important;
}

.home-layout .section-industries .indus > .layout-container:hover img {
  transform: scale(1.05) !important;
}

.home-layout .section-industries .ui-image-box-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 26px 30px !important;
  text-align: left !important;
  flex: 1 1 58% !important;
}

.home-layout .section-industries .ui-image-box-title {
  margin: 0px 0px 10px !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.home-layout .section-industries .ui-image-box-title a {
  transition: color 0.2s;
  color: var(--mactec-navy, #0043a6) !important;
}

.home-layout .section-industries .ui-image-box-title a:hover {
  color: var(--mactec-gold, #fc7711) !important;
}

.home-layout .section-industries .ui-image-box-description {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: rgb(83, 93, 106) !important;
  margin: 0px !important;
}

.home-layout .section-industries .logo-sl .swiper-wrapper img.swiper-slide-image {
  background: rgb(255, 255, 255);
  box-shadow: none;
  border: 1px solid rgb(224, 227, 232);
  border-radius: 8px;
}

@media (max-width: 900px) {
.home-layout .section-industries .indus {
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}

.home-layout .section-industries .indus > .layout-container {
  min-height: 190px !important;
}

.home-layout .section-industries .ui-image-box-img {
  flex: 0 0 38% !important;
  max-width: 38% !important;
  width: 38% !important;
}

.home-layout .section-industries .ui-image-box-content {
  padding: 22px 24px !important;
}
}

@media (max-width: 767px) {
.home-layout .layout-block.section-industries {
  padding: 48px 16px !important;
}

.home-layout .section-industries .indus,
 .home-layout .indus,
 .indus {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  width: 100% !important;
}

.home-layout .section-industries .indus > .layout-container,
 .home-layout .indus > .layout-container,
 .indus > .layout-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0px !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0px !important;
  margin: 0px !important;
  box-sizing: border-box !important;
}

.home-layout .section-industries .indus .ui-widget-image-box,
 .home-layout .indus .ui-widget-image-box,
 .indus .ui-widget-image-box {
  width: 100% !important;
  height: auto !important;
}

.home-layout .section-industries .indus .ui-image-box-wrapper,
 .home-layout .indus .ui-image-box-wrapper,
 .indus .ui-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
}

.home-layout .section-industries .indus .ui-image-box-img,
 .home-layout .indus .ui-image-box-img,
 .indus .ui-image-box-img {
  display: block !important;
  flex: 0 0 auto !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

.home-layout .section-industries .indus .ui-image-box-img img,
 .home-layout .indus .ui-image-box-img img,
 .indus .ui-image-box-img img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  object-fit: cover !important;
  border-radius: 0px !important;
}

.home-layout .section-industries .indus .ui-image-box-content,
 .home-layout .indus .ui-image-box-content,
 .indus .ui-image-box-content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  flex: 0 0 auto !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.home-layout .section-industries .indus .ui-image-box-title,
 .home-layout .indus .ui-image-box-title,
 .indus .ui-image-box-title {
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0px 0px 8px !important;
}

.home-layout .section-industries .indus .ui-image-box-description,
 .home-layout .indus .ui-image-box-description,
 .indus .ui-image-box-description {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgb(83, 93, 106) !important;
  margin: 0px !important;
}
}

@media (prefers-reduced-motion: reduce) {
.home-layout .section-industries .ui-image-box-img img {
  transition: none !important;
}
}

.home-layout .layout-block.section-one-partner-every-location {
  background: rgb(255, 255, 255) !important;
  padding-block: 76px !important;
}

.home-layout .layout-block.section-one-partner-every-location > .container-inner {
  max-width: 1360px !important;
  width: 100% !important;
  gap: 36px !important;
}

.home-layout .layout-block.section-one-partner-every-location-2,
 .layout-block.section-one-partner-every-location-2 {
  --width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  align-self: stretch !important;
}

.home-layout .layout-block.heading-one-partner-every-location,
 .layout-block.heading-one-partner-every-location {
  width: 100% !important;
  max-width: 100% !important;
}

.home-layout .layout-block.heading-one-partner-every-location .ui-heading-title,
 .layout-block.heading-one-partner-every-location .ui-heading-title {
  color: var(--mactec-navy, #0043a6) !important;
  font-size: clamp(20px, 2.35vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  margin: 0px auto !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

@media (max-width: 991px) {
.home-layout .layout-block.heading-one-partner-every-location .ui-heading-title {
  white-space: normal !important;
  font-size: 26px !important;
}
}

.home-layout .layout-block.section-centralized-facility-management {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  width: 100% !important;
  padding: 0px !important;
}

.home-layout .layout-block.section-centralized-facility-management > .layout-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: rgb(255, 255, 255) !important;
  border: 1px solid rgb(226, 232, 240) !important;
  border-radius: 16px !important;
  box-shadow: rgba(25, 42, 65, 0.06) 0px 4px 16px !important;
  padding: 34px 26px !important;
  margin: 0px !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s !important;
}

.home-layout .layout-block.section-centralized-facility-management > .layout-container:hover {
  transform: translateY(-4px) !important;
  box-shadow: rgba(25, 42, 65, 0.12) 0px 14px 32px !important;
  border-color: rgb(203, 213, 225) !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-widget-icon-box {
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-align: left !important;
  gap: 18px !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon-box-icon {
  margin: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon {
  font-size: 46px !important;
  line-height: 1 !important;
  color: var(--mactec-navy, #0043a6) !important;
  fill: var(--mactec-navy, #0043a6) !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon svg {
  width: 46px !important;
  height: 46px !important;
  fill: var(--mactec-navy, #0043a6) !important;
}

/* The three outline icons in this card group declare fill="none" inline.
   Preserve that treatment instead of inheriting the group's filled-icon rule. */
.home-layout .layout-block.section-centralized-facility-management .ui-icon svg[fill="none"] {
  fill: none !important;
  stroke: currentColor !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon-box-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon-box-title {
  margin: 0px 0px 12px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: var(--mactec-navy, #0043a6) !important;
}

.home-layout .layout-block.section-centralized-facility-management .ui-icon-box-description {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: rgb(83, 93, 106) !important;
  margin: 0px !important;
}

.home-layout .layout-block.section-schedule-free-assessment {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.home-layout .layout-block.button-schedule-free-assessment .action-button {
  background: var(--mactec-gold, #fc7711) !important;
  color: rgb(255, 255, 255) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  border-radius: 8px !important;
  padding: 15px 36px !important;
  box-shadow: rgba(252, 119, 17, 0.35) 0px 6px 18px !important;
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s !important;
}

.home-layout .layout-block.button-schedule-free-assessment .action-button:hover {
  background: rgb(230, 102, 5) !important;
  transform: translateY(-2px) !important;
  box-shadow: rgba(252, 119, 17, 0.45) 0px 10px 24px !important;
}

@media (max-width: 1080px) {
.home-layout .layout-block.section-centralized-facility-management {
  grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  gap: 20px !important;
}

.home-layout .layout-block.heading-one-partner-every-location .ui-heading-title {
  font-size: 32px !important;
}
}

@media (max-width: 640px) {
.home-layout .layout-block.section-one-partner-every-location {
  padding-block: 52px !important;
}

.home-layout .layout-block.section-centralized-facility-management {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.home-layout .layout-block.section-centralized-facility-management > .layout-container {
  padding: 26px 20px !important;
}

.home-layout .layout-block.heading-one-partner-every-location .ui-heading-title {
  font-size: 26px !important;
}
}

.mactec-topbar-container .mactec-topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

.mactec-topbar-container .mactec-topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

.mactec-topbar-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  color: rgb(255, 255, 255) !important;
}

.mactec-topbar-social svg {
  width: 15px;
  height: 15px;
  fill: currentcolor;
}

.mactec-topbar-social:hover {
  background: rgba(255, 255, 255, 0.15);
}

.mactec-topbar-social:focus-visible {
  outline: rgb(255, 255, 255) solid 2px;
  outline-offset: 2px;
}

@media (max-width: 767px) {
.mactec-topbar-container .mactec-topbar-left {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding-block: 5px !important;
}
}
