.elementor-150 .elementor-element.elementor-element-b89b465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-150 .elementor-element.elementor-element-b89b465::before, .elementor-150 .elementor-element.elementor-element-b89b465 > .elementor-background-video-container::before, .elementor-150 .elementor-element.elementor-element-b89b465 > .e-con-inner > .elementor-background-video-container::before, .elementor-150 .elementor-element.elementor-element-b89b465 > .elementor-background-slideshow::before, .elementor-150 .elementor-element.elementor-element-b89b465 > .e-con-inner > .elementor-background-slideshow::before, .elementor-150 .elementor-element.elementor-element-b89b465 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-88a90fd );--background-overlay:'';}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-1e56b5c .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/12-1.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-b0ed955 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/14.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-23be691 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/15.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-46185f8 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/26.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-2d77762 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/27-1.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-4a80044 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/28-1.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-repeater-item-c5a4d6f .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/30-2.png);background-size:cover;}.elementor-150 .elementor-element.elementor-element-035814c .swiper-slide{transition-duration:calc(3000ms*1.2);height:796px;}.elementor-150 .elementor-element.elementor-element-035814c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-150 .elementor-element.elementor-element-035814c .swiper-slide-contents{max-width:71%;}.elementor-150 .elementor-element.elementor-element-035814c .swiper-slide-inner{text-align:center;}.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button{font-size:24px;}:root{--page-title-display:none;}/* Start custom CSS for slides, class: .elementor-element-035814c */.elementor-150 .elementor-element.elementor-element-035814c .elementor-slide-button {
  position: relative;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-150 .elementor-element.elementor-element-035814c .elementor-slide-button:hover {
  transform: translateX(8px);
}

/* Remove Elementor's default icons */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button i,
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button svg {
  display: none !important;
}

/* Base styling for both arrows */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button {
  width: 90px; /* Bigger clickable area */
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Hover effect */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button:hover {
  opacity: 1;
}

/* LEFT ARROW */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev::before {
  content: "";
  display: block;
  width: 38px;   /* original line size */
  height: 38px;
  border-left: 2px solid #555555;  /* thin, dark grey line */
  border-bottom: 2px solid #555555;
  transform: rotate(45deg);
  transition: all 0.3s ease, border-color 0.3s ease;
}

/* RIGHT ARROW */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next::before {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  border-right: 2px solid #555555; /* thin, dark grey line */
  border-top: 2px solid #555555;
  transform: rotate(45deg);
  transition: all 0.3s ease, border-color 0.3s ease;
}

/* Hover color change */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev:hover::before,
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next:hover::before {
  border-color: #ffffff; /* white on hover */
}

/* Positioning closer to screen edges */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev {
  left: 15px;
}
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next {
  right: 15px;
}

/* Hover movement */
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev:hover::before {
  transform: rotate(45deg) translateX(-6px);
}
.elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next:hover::before {
  transform: rotate(45deg) translateX(6px);
}

/* ===== MOBILE VIEW ADJUSTMENTS FOR SLIDE ARROWS ===== */
@media (max-width: 767px) {
  .elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button {
    width: 60px;  /* slightly smaller tap area for mobile */
    height: 60px;
  }

  .elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev {
    left: 5px !important;   /* closer to the left edge */
  }

  .elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next {
    right: 5px !important;  /* closer to the right edge */
  }

  .elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-prev::before,
  .elementor-150 .elementor-element.elementor-element-035814c .elementor-swiper-button-next::before {
    width: 28px;   /* proportionally smaller arrow lines */
    height: 28px;
  }
}/* End custom CSS */