.elementor-20 .elementor-element.elementor-element-697c9ca{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-697c9ca:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-697c9ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-88a90fd );}.elementor-20 .elementor-element.elementor-element-697c9ca.e-con{--align-self:center;--order:-99999 /* order start hack */;}.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-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-76f5f2a .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/Website-Development.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-76f5f2a .swiper-slide-contents{margin-right:auto;text-shadow:0px 0px 11px rgba(0,0,0,0.3);}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-76f5f2a .swiper-slide-inner{text-align:left;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-bdc1334 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/Website-Development-5.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-bdc1334 .swiper-slide-contents{margin-right:auto;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-bdc1334 .swiper-slide-inner{text-align:left;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-4d0edf5 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/Website-Development-2.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-4d0edf5 .swiper-slide-contents{margin-right:auto;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-4d0edf5 .swiper-slide-inner{text-align:left;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-22bf963 .swiper-slide-bg{background-color:var( --e-global-color-88a90fd );background-image:url(https://maribelstrailconstruction.com/wp-content/uploads/2025/10/Website-Development-45.png);background-size:cover;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-22bf963 .swiper-slide-contents{margin-right:auto;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-repeater-item-22bf963 .swiper-slide-inner{text-align:left;}.elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide{transition-duration:calc(5000ms*1.2);height:720px;}.elementor-20 .elementor-element.elementor-element-93aaefa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}.elementor-20 .elementor-element.elementor-element-93aaefa.elementor-element{--align-self:center;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-93aaefa{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-93aaefa{right:0px;}.elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide-contents{max-width:100%;}.elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide-inner{padding:166px 166px 166px 163px;text-align:center;}.elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:21px;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-heading{font-family:"Roboto Condensed", Sans-serif;font-size:123px;font-weight:300;line-height:100px;letter-spacing:-5px;word-spacing:5px;}.elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-description{font-family:"Roboto Condensed", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button{font-family:"Roboto Condensed", Sans-serif;font-size:28px;font-weight:200;line-height:1px;letter-spacing:-0.4px;border-width:0px;transition-duration:0ms;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button{letter-spacing:10px;word-spacing:5em;}}/* Start custom CSS for slides, class: .elementor-element-93aaefa */.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button {
  position: relative;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button:hover {
  transform: translateX(8px);
}

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

/* Base styling for both arrows */
.elementor-20 .elementor-element.elementor-element-93aaefa .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-20 .elementor-element.elementor-element-93aaefa .elementor-swiper-button:hover {
  opacity: 1;
}

/* LEFT ARROW */
.elementor-20 .elementor-element.elementor-element-93aaefa .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-20 .elementor-element.elementor-element-93aaefa .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-20 .elementor-element.elementor-element-93aaefa .elementor-swiper-button-prev:hover::before,
.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-swiper-button-next:hover::before {
  border-color: #ffffff; /* white on hover */
}

/* Positioning closer to screen edges */
.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-swiper-button-prev {
  left: 15px;
}
.elementor-20 .elementor-element.elementor-element-93aaefa .elementor-swiper-button-next {
  right: 15px;
}

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



/* =========================================
   MOBILE — STRICT LEFT ALIGN + CLEAN CTA (NO BACKGROUND)
   ========================================= */
@media (max-width: 767px) {

  /* Text container */
  .elementor-20 .elementor-element.elementor-element-93aaefa .swiper-slide-contents {
    align-items: flex-start !important;
    text-align: left !important;
    padding-left: 0px !important;  /* keeps safe gap from left edge */
    padding-right: 300px !important; /* pushes text more to the left */
  }

  /* Headings */
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-heading {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 10vw !important;
    line-height: 1.05 !important;
    font-weight: 300 !important;
    letter-spacing: 1.5px !important;
    color: #ffffff !important;
  }

  /* "&" accent */
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-heading span:nth-child(2) {
    color: #00A300 !important;
    font-weight: 300 !important;
  }

  /* MOBILE: fix "Find Out More" overlap + readability */
@media (max-width:767px){
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button{
    font-family:'Roboto Condensed' !important;
    font-size:4.1vw !important;
    font-weight:300 !important;
    letter-spacing:.0em !important;
    word-spacing:.20em !important;   /* balanced, no crowding */
    white-space:nowrap !important;    /* keep on one line */
    padding-right: 220px !important;
    margin-top:px !important;
    background:none !important;
    border:none !important;
    color:#fff !important;
    text-transform:uppercase !important;
    line-height:1.3 !important;
    position:relative !important;
    z-index:5 !important;
    text-shadow:0 0 6px rgba(0,0,0,.35); /* subtle contrast */
  }
  /* hide any built-in icon that’s overlapping the text */
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button .elementor-button-icon,
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button i,
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button svg{
    display:none !important;
  }
}



  /* Hover accent */
  .elementor-20 .elementor-element.elementor-element-93aaefa .elementor-slide-button:hover {
    color: #00A300 !important;
    transform: translateX(4px);
    transition: all 0.3s ease;
  }
}/* End custom CSS */