.elementor-8 .elementor-element.elementor-element-0990dbf{--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;--padding-top:0vw;--padding-bottom:0vw;--padding-left:1vw;--padding-right:1vw;}.elementor-8 .elementor-element.elementor-element-c9e64d8{--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;--justify-content:space-between;--padding-top:2.5vw;--padding-bottom:5vw;--padding-left:1vw;--padding-right:1vw;}.elementor-8 .elementor-element.elementor-element-c218f2f{--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;--justify-content:flex-end;--padding-top:6vw;--padding-bottom:6vw;--padding-left:1vw;--padding-right:1vw;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-c218f2f{--width:100%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-c9e64d8{--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;--align-items:flex-start;--padding-top:8vw;--padding-bottom:18vw;--padding-left:2vw;--padding-right:2vw;}.elementor-8 .elementor-element.elementor-element-c218f2f{--padding-top:18vw;--padding-bottom:18vw;--padding-left:2vw;--padding-right:2vw;}}/* Start custom CSS for container, class: .elementor-element-0990dbf *//* Mobile only */

@media (max-width: 1024px) {
  .elementor-8 .elementor-element.elementor-element-0990dbf {
    width: 96%;
    height: 74vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
  }

  .elementor-8 .elementor-element.elementor-element-0990dbf iframe,
  .elementor-8 .elementor-element.elementor-element-0990dbf video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 115%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    max-width: none;
    object-fit: cover;
    object-position: center center;
  }
}

@media (min-width: 1024px) {
  .elementor-8 .elementor-element.elementor-element-0990dbf {
    width: 98vw !important;   /* leaves 1vw each side */
    height: 90vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;           /* keeps centered */
  }
.elementor-8 .elementor-element.elementor-element-0990dbf iframe,
  .elementor-8 .elementor-element.elementor-element-0990dbf video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    max-width: none;
    object-fit: cover;
  }
  
}/* End custom CSS */
/* Start custom CSS */.project-card {
    position: relative;
    overflow: hidden;
}

/* overlay */
.project-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #3995D14D !important;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 5;
    pointer-events: none;
}

/* button hidden by default */
.project-card .e-button-base {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.3s ease;
    z-index: 20;
    pointer-events: none;
}

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

.project-card:hover .e-button-base {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */