.elementor-kit-6{--e-global-color-primary:#7F9C91;--e-global-color-secondary:#867650;--e-global-color-text:#66887A;--e-global-color-accent:#BED4CE;--e-global-color-6a07a25:#61CE7000;--e-global-color-65fabf3:#FEFEFE;--e-global-color-8953fe4:#939598;--e-global-color-aacd8d1:#F5F0EB;--e-global-color-4baeb16:#F2F2F0;--e-global-color-5ec5e62:#363636;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-d65c0f9-font-family:"Poppins";--e-global-typography-d65c0f9-font-size:56px;--e-global-typography-d65c0f9-font-weight:800;--e-global-typography-d65c0f9-text-transform:uppercase;--e-global-typography-d65c0f9-line-height:2lh;--e-global-typography-942fa79-font-family:"Poppins";--e-global-typography-942fa79-font-size:16px;--e-global-typography-942fa79-font-weight:500;--e-global-typography-942fa79-text-transform:uppercase;--e-global-typography-d63922d-font-family:"Poppins";--e-global-typography-d63922d-font-size:36px;--e-global-typography-d63922d-font-weight:800;--e-global-typography-d63922d-text-transform:uppercase;--e-global-typography-d63922d-line-height:1em;font-family:"Raleway", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );font-family:"Raleway", Sans-serif;}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:56px;font-weight:800;text-transform:uppercase;line-height:2lh;}.elementor-kit-6 h2{font-family:"Poppins", Sans-serif;font-weight:800;}.elementor-kit-6 h3{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-6 h4{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-kit-6 h5{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-kit-6 h6{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--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('https://artistreeptc.com.au/wp-content/uploads/2026/04/mwaelectricalgroup_1629013676_2640680573849818573_13082561143.jpg');
}

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

/*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;
}


.button-1:hover .elementor-button-icon {
  animation: button-conveyor 1.2s ease forwards;
}

@keyframes button-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; }
}
/* Hide default cursor on the container */
.hover-video-container {
  cursor: none;
}

/* Create custom circle play cursor */
.hover-video-container::after {
  content: '';
  width: 60px;
  height: 60px;
  border: 3px solid #515746;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23515746'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/30px no-repeat;
}
/* ============================================
   Left/Right Scroll Section
   ============================================ */
.parent-container {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.right-container {
  height: fit-content;
}

#sticky-right-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
  transition: opacity 0.4s ease;
}

/* === Filter bar: pill styles === */
.elementor-gallery__titles-container .elementor-gallery-title {
  padding: 5px 15px;
  border-radius: 999px;
  border: 1px solid #658879;
  background: #ffffff;
  color: #658879;
  font-size: 14px;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s;
}

.elementor-gallery__titles-container .elementor-gallery-title.elementor-item-active,
.elementor-gallery__titles-container .elementor-gallery-title:hover {
  background: #658879;
  color: #ffffff;
  border-color: #658879;
}

/* Remove the default underline pointer effect */
.elementor-gallery__titles-container.e--pointer-underline .elementor-gallery-title:before {
  display: none;
}

/* === Image category pill overlay === */
.elementor-gallery-item {
  position: relative;
}

.gallery-category-pill {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ffffff;
  color: #3a5a4a;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
  line-height: 1.4;
}/* End custom CSS */