.elementor-1770 .elementor-element.elementor-element-fd8605f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1770 .elementor-element.elementor-element-9ec47db{--display:flex;--min-height:70vh;--justify-content:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overlay-opacity:0.3;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1770 .elementor-element.elementor-element-9ec47db:not(.elementor-motion-effects-element-type-background), .elementor-1770 .elementor-element.elementor-element-9ec47db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://app.aceseospecialist.com/wp-content/uploads/2025/07/placeholder.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1770 .elementor-element.elementor-element-9ec47db::before, .elementor-1770 .elementor-element.elementor-element-9ec47db > .elementor-background-video-container::before, .elementor-1770 .elementor-element.elementor-element-9ec47db > .e-con-inner > .elementor-background-video-container::before, .elementor-1770 .elementor-element.elementor-element-9ec47db > .elementor-background-slideshow::before, .elementor-1770 .elementor-element.elementor-element-9ec47db > .e-con-inner > .elementor-background-slideshow::before, .elementor-1770 .elementor-element.elementor-element-9ec47db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-1a4b0c1 ) 50%, var( --e-global-color-0126504 ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1770 .elementor-element.elementor-element-7fc5ccb .elementor-heading-title{font-family:var( --e-global-typography-424db76-font-family ), Sans-serif;font-size:var( --e-global-typography-424db76-font-size );font-weight:var( --e-global-typography-424db76-font-weight );text-transform:var( --e-global-typography-424db76-text-transform );text-decoration:var( --e-global-typography-424db76-text-decoration );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );color:var( --e-global-color-f67d20a );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button{background-color:var( --e-global-color-f67d20a );font-family:var( --e-global-typography-566dfa4-font-family ), Sans-serif;font-size:var( --e-global-typography-566dfa4-font-size );font-weight:var( --e-global-typography-566dfa4-font-weight );text-transform:var( --e-global-typography-566dfa4-text-transform );text-decoration:var( --e-global-typography-566dfa4-text-decoration );line-height:var( --e-global-typography-566dfa4-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0.5s;border-radius:20px 20px 20px 20px;padding:10px 14px 10px 12px;}.elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button:hover, .elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button:focus{background-color:var( --e-global-color-f67d20a );color:var( --e-global-color-accent );}.elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button:hover svg, .elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-1770 .elementor-element.elementor-element-f0aa0df{--display:flex;--min-height:70vh;--justify-content:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overlay-opacity:0.3;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1770 .elementor-element.elementor-element-f0aa0df:not(.elementor-motion-effects-element-type-background), .elementor-1770 .elementor-element.elementor-element-f0aa0df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://app.aceseospecialist.com/wp-content/uploads/2025/07/placeholder.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1770 .elementor-element.elementor-element-f0aa0df::before, .elementor-1770 .elementor-element.elementor-element-f0aa0df > .elementor-background-video-container::before, .elementor-1770 .elementor-element.elementor-element-f0aa0df > .e-con-inner > .elementor-background-video-container::before, .elementor-1770 .elementor-element.elementor-element-f0aa0df > .elementor-background-slideshow::before, .elementor-1770 .elementor-element.elementor-element-f0aa0df > .e-con-inner > .elementor-background-slideshow::before, .elementor-1770 .elementor-element.elementor-element-f0aa0df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-1a4b0c1 ) 50%, var( --e-global-color-0126504 ) 100%);}.elementor-1770 .elementor-element.elementor-element-c0807ac .elementor-heading-title{font-family:var( --e-global-typography-424db76-font-family ), Sans-serif;font-size:var( --e-global-typography-424db76-font-size );font-weight:var( --e-global-typography-424db76-font-weight );text-transform:var( --e-global-typography-424db76-text-transform );text-decoration:var( --e-global-typography-424db76-text-decoration );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );color:var( --e-global-color-f67d20a );}.elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button{background-color:var( --e-global-color-f67d20a );font-family:var( --e-global-typography-566dfa4-font-family ), Sans-serif;font-size:var( --e-global-typography-566dfa4-font-size );font-weight:var( --e-global-typography-566dfa4-font-weight );text-transform:var( --e-global-typography-566dfa4-text-transform );text-decoration:var( --e-global-typography-566dfa4-text-decoration );line-height:var( --e-global-typography-566dfa4-line-height );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0.5s;border-radius:20px 20px 20px 20px;padding:10px 14px 10px 12px;}.elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button:hover, .elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button:focus{background-color:var( --e-global-color-f67d20a );color:var( --e-global-color-accent );}.elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button:hover svg, .elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-1770 .elementor-element.elementor-element-fd8605f{--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;}.elementor-1770 .elementor-element.elementor-element-9ec47db{--min-height:40vh;}.elementor-1770 .elementor-element.elementor-element-7fc5ccb .elementor-heading-title{font-size:var( --e-global-typography-424db76-font-size );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );}.elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button{font-size:var( --e-global-typography-566dfa4-font-size );line-height:var( --e-global-typography-566dfa4-line-height );}.elementor-1770 .elementor-element.elementor-element-f0aa0df{--min-height:40vh;}.elementor-1770 .elementor-element.elementor-element-c0807ac .elementor-heading-title{font-size:var( --e-global-typography-424db76-font-size );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );}.elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button{font-size:var( --e-global-typography-566dfa4-font-size );line-height:var( --e-global-typography-566dfa4-line-height );}}@media(max-width:767px){.elementor-1770 .elementor-element.elementor-element-fd8605f{--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;}.elementor-1770 .elementor-element.elementor-element-9ec47db{--min-height:40vh;}.elementor-1770 .elementor-element.elementor-element-7fc5ccb .elementor-heading-title{font-size:var( --e-global-typography-424db76-font-size );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );}.elementor-1770 .elementor-element.elementor-element-2b3f9f9 .elementor-button{font-size:var( --e-global-typography-566dfa4-font-size );line-height:var( --e-global-typography-566dfa4-line-height );}.elementor-1770 .elementor-element.elementor-element-f0aa0df{--min-height:40vh;}.elementor-1770 .elementor-element.elementor-element-c0807ac .elementor-heading-title{font-size:var( --e-global-typography-424db76-font-size );line-height:var( --e-global-typography-424db76-line-height );letter-spacing:var( --e-global-typography-424db76-letter-spacing );}.elementor-1770 .elementor-element.elementor-element-60efb8a .elementor-button{font-size:var( --e-global-typography-566dfa4-font-size );line-height:var( --e-global-typography-566dfa4-line-height );}}/* Start custom CSS for container, class: .elementor-element-fd8605f *//* --- Parent Container --- */
.projects-row {
  display: flex;
  gap: 20px;
  align-items: stretch;
  overflow: hidden;
  perspective: 1000px;
}

/* --- Each Project Card --- */
.project-card {
  flex: 1; /* Automatically divides space among children */
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;
  transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.4s ease;
  will-change: flex, transform;
}

/* --- Background --- */
.project-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit; /* Inherits background from Elementor */
  background-size: cover;
  background-position: center;
  transition: transform 0.8s ease;
  z-index: 0;
}

/* --- Overlay --- */
.project-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* --- Inner content positioning --- */
.project-card .elementor-widget-wrap {
  position: absolute;
  bottom: 25px;
  left: 25px;
  right: 25px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 12px;
  transition: all 0.4s ease;
}

/* --- Title --- */
.project-card .elementor-heading-title {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 0;
  opacity: 0.9;
  transform: translateY(0);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* --- Button --- */
.project-card .elementor-button {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}

/* --- Hover Effects --- */
.projects-row:hover .project-card {
  flex: 0.8;
}

.projects-row:hover .project-card:hover {
  flex: 2;
  transform: translateY(-5px);
}

.project-card:hover::before {
  transform: scale(1.08);
}

.project-card:hover::after {
  opacity: 1;
}

/* Smoothly highlight text + show button */
.project-card:hover .elementor-heading-title {
  opacity: 1;
  transform: translateY(-4px);
}

.project-card:hover .elementor-button {
  opacity: 1;
  transform: translateY(0);
}

/* --- Responsive --- */
@media (max-width: 767px) {
  .projects-row {
    flex-direction: column;
  }

  .project-card {
    flex: 1 1 100%;
  }

  .projects-row:hover .project-card,
  .projects-row:hover .project-card:hover {
    flex: 1 1 100%;
  }
}/* End custom CSS */