.elementor-kit-6{--e-global-color-primary:#349F22;--e-global-color-secondary:#120309;--e-global-color-text:#120309;--e-global-color-accent:#002500;--e-global-color-6a07a25:#61CE7000;--e-global-color-65fabf3:#FEFEFE;--e-global-color-8953fe4:#B8B8B8;--e-global-color-aacd8d1:#EBF5EE;--e-global-color-4baeb16:#EBF5EE;--e-global-color-5ec5e62:#0B0A07;--e-global-color-f23f36a:#349F22;--e-global-color-9bc76db:#3D744F52;--e-global-color-0440caa:#120309;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-d65c0f9-font-family:"Helvetica";--e-global-typography-d65c0f9-font-size:56px;--e-global-typography-d65c0f9-font-weight:700;--e-global-typography-d65c0f9-text-transform:uppercase;--e-global-typography-d65c0f9-line-height:2lh;--e-global-typography-d65c0f9-letter-spacing:-2.4px;--e-global-typography-942fa79-font-family:"Helvetica";--e-global-typography-942fa79-font-size:16px;--e-global-typography-942fa79-font-weight:500;--e-global-typography-942fa79-text-transform:uppercase;--e-global-typography-942fa79-letter-spacing:2px;--e-global-typography-d63922d-font-family:"Helvetica";--e-global-typography-d63922d-font-size:36px;--e-global-typography-d63922d-font-weight:600;--e-global-typography-d63922d-text-transform:uppercase;--e-global-typography-d63922d-line-height:1em;--e-global-typography-d63922d-letter-spacing:-1.6px;color:var( --e-global-color-secondary );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-5ec5e62 );font-family:"Helvetica", Sans-serif;font-size:56px;font-weight:700;text-transform:uppercase;line-height:2lh;letter-spacing:-2px;}.elementor-kit-6 h2{font-weight:700;}.elementor-kit-6 h3{font-weight:600;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:var( --e-global-color-65fabf3 );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:var( --e-global-color-f23f36a );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:60px;--container-default-padding-right:20px;--container-default-padding-bottom:60px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-accent-font-size:10px;--e-global-typography-d65c0f9-font-size:36px;--e-global-typography-d65c0f9-line-height:1em;--e-global-typography-d63922d-font-size:28px;}.elementor-kit-6 h1{font-size:36px;line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:60px;--container-default-padding-right:20px;--container-default-padding-bottom:60px;--container-default-padding-left:20px;}}/* Start custom CSS *//* make service box clickable */
.service-box {
  position: relative;
  cursor: pointer;
}

/* service box hover animation */

.elementor .service-box:hover {
    background-color: rgba(191, 32, 23, 0.08) !important;
    border-color: #bf2017 !important;
}

.elementor .service-box {
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
}

/* Service box icon animation on service box hover */
.service-box .service-box-icon .elementor-icon-list-items {
  animation: none;
}

.service-box:hover .service-box-icon .elementor-icon-list-items {
  animation: conveyor 0.5s ease forwards;
}

@keyframes conveyor {
  0%   { transform: translateX(0); opacity: 1; }
  45%  { transform: translateX(20px); opacity: 0; }
  46%  { transform: translateX(-20px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

/* rotate icon on hover menu */
.e-n-menu-item .e-n-menu-title .icon-inactive i {
    transition: transform 0.3s ease;
}

.e-n-menu-item.e-open .e-n-menu-title .icon-inactive i,
.e-n-menu-item:hover .e-n-menu-title .icon-inactive i {
    transform: rotate(180deg);
}
/* Hero section left aligned and full width right side */
.hero-left {
  padding-left: calc((100vw - 1140px) / 2);
}

/* residential commercial industrial section */

.service-item {
  cursor: pointer;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  transition: background 0.3s ease;
  position: relative;
  display: flex;
  align-items: left;
  justify-content: space-between;
}

.service-item:hover {
  background-color: #ffffff;
  color: #1a1a1a;
}

.service-item .service-arrow {
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  font-size: 20px;
  color: #bc2116;
}

.service-item:hover .service-arrow {
  opacity: 1;
  transform: translateX(0);
}

.service-image {
  transition: opacity 0.4s ease;
}

.service-image.fade {
  opacity: 0;
}

.service-image-bg {
  width: 100%;
  height: 100%;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  transition: opacity 0.4s ease;
  background-image: url('http://arbortreeandstumpremoval.com/wp-content/uploads/2026/04/mwaelectricalgroup_1629013676_2640680573849818573_13082561143.jpg');
}

.service-image-bg.fade {
  opacity: 0;
}

/*slider in hero section styling */
.mwa-slider-wrap {
  position: relative;
  width: 100%;
  height: 1000px;
  min-height: 1000px;
  overflow: hidden;
  background: #111;
}
.mwa-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.mwa-slide.active {
  opacity: 1;
}
.mwa-pagination {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 10;
}
.mwa-line {
  width: 40px;
  height: 2px;
  background: rgba(255,255,255,0.3);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.mwa-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #bf2017;
  border-radius: 2px;
}
.mwa-line.active::after {
  width: 100%;
  transition: width 4000ms linear;
}
.mwa-line.done::after {
  width: 100%;
  background: rgba(255,255,255,0.7);
}
.mwa-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.mwa-arrow:hover {
  background: #bf2017;
  border-color: #bf2017;
}
.mwa-arrow-prev { left: 20px; }
.mwa-arrow-next { right: 20px; }

@media (max-width: 1024px) {
  .mwa-slider-wrap {
    height: 350px !important;
    min-height: 350px !important;
    width: 100% !important;
  }
}
/*dropdown menu animation*/
.menu-1 {
  transform-origin: top center;
  animation: menuOpen 0.3s ease forwards;
}

@keyframes menuOpen {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

/*services filter*/
.elementor-widget-taxonomy-filter .e-filter {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px !important;
  padding: 0 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  height: 95px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #1a1a1a !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 8px 6px !important;
  text-align: center !important;
  line-height: 1.3 !important;
}

.elementor-widget-taxonomy-filter .e-filter-item:hover {
  background: #bf2017 !important;
  border-color: #bf2017 !important;
  color: #fff !important;
}

.elementor-widget-taxonomy-filter .e-filter-item:hover svg {
  stroke: #fff !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] {
  background: #bf2017 !important;
  border-color: #bf2017 !important;
  color: #fff !important;
}

.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed="true"] svg {
  stroke: #fff !important;
}

.elementor-widget-taxonomy-filter .e-filter-item svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #bf2017 !important;
  fill: none !important;
  stroke-width: 1.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  transition: stroke 0.2s ease !important;
}

@media (max-width: 768px) {
  .elementor-widget-taxonomy-filter .e-filter {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/*make mobile fixed width*/
body, html {
  overflow-x: hidden;
}
/*hide blue box on mobile number floating button*/
.phone-number {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
/* overlay on slider*/
.mwa-slider-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0) 100%);
  z-index: 1;
  pointer-events: none;
}
/* ─── Button icon rotation on hover ─── */
.button-3 .elementor-button-icon {
  transition: transform 0.3s ease;
}

.button-3:hover .elementor-button-icon {
  transform: rotate(45deg);
}
/* Make the card clickable */
.project-cards {
  cursor: pointer;
}

/* Rotate the icon on hover — but keep it visually "still" by counter-rotating */
.project-cards:hover .projects-icon {
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

/* Smooth transition back when not hovered */
.projects-icon {
  transition: transform 0.3s ease;
  display: inline-block; /* Needed for transform to apply */
}

/* Change title colour on hover */
.project-cards:hover .project-title {
  color: #c41a1d;
  transition: color 0.3s ease;
}

.project-title {
  transition: color 0.3s ease;
}/* End custom CSS */