.elementor-829 .elementor-element.elementor-element-3c9d96e{--display:flex;--min-height:610px;--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:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-829 .elementor-element.elementor-element-3c9d96e:not(.elementor-motion-effects-element-type-background), .elementor-829 .elementor-element.elementor-element-3c9d96e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-829 .elementor-element.elementor-element-3c9d96e.e-con{--align-self:stretch;}.elementor-829 .elementor-element.elementor-element-255d1de{--display:flex;}.elementor-829 .elementor-element.elementor-element-255d1de:not(.elementor-motion-effects-element-type-background), .elementor-829 .elementor-element.elementor-element-255d1de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-829 .elementor-element.elementor-element-549f315{--display:flex;--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;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:16px;--padding-bottom:16px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-829 .elementor-element.elementor-element-508827e .elementor-heading-title{color:var( --e-global-color-269bcdd );}.elementor-829 .elementor-element.elementor-element-6873947 .elementor-heading-title{font-size:16px;font-weight:400;color:var( --e-global-color-269bcdd );}/* Start custom CSS for container, class: .elementor-element-255d1de */.elementor-829 .elementor-element.elementor-element-255d1de {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#222;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c9d96e */.elementor-829 .elementor-element.elementor-element-3c9d96e {
    cursor: pointer;
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow:hidden;
}
@media screen and (min-width:1367px) {
.elementor-829 .elementor-element.elementor-element-3c9d96e {
    background-size:cover!important;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover {
    /*background-size:106%!important;*/
}
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:after {
    width:100%;
    height:100%;
    position:absolute;
    background: linear-gradient(180deg, transparent 0, transparent 30%, rgba(0,0,0,0.6));

    left:0;
    top:0;
    content:"";
    opacity:1;
    z-index:0;
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover:after {
    width:100%;
    height:100%;
    position:absolute;
   opacity:1;
    left:0;
    top:0;
    content:"";
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:before {
  width:100%;
  z-index:1;
    height:100%;
    position:absolute;
     background-color:rgba(0,0,0, 0.3);
    left:0;
    top:0;
    opacity:1;
    content:"";
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover:before {
  width:100%;
    height:100%;
    position:absolute;
     background-color:rgba(15, 96, 53, 0.6);
    left:0;
    top:0;
    opacity:1;
    content:"";
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.hover-txt {opacity: 0; transform:translateY(10px);
     -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .hover-txt {opacity: 1; 
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
    transform:translateY(0px);
}
.elementor-829 .elementor-element.elementor-element-3c9d96e .elementor-button-text {
    -webkit-transition: all 0.4s ease;
    overflow: hidden;
  transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .elementor-button-text {
   -webkit-transition: all 0.4s ease;
   opacity:0;
  transition: all 0.4s ease;
  transform:translateY(-10px);

}


.elementor-829 .elementor-element.elementor-element-3c9d96e .elementor-button-content-wrapper:before {
    content:"DISCOVER THE SERVICE";
    COLOR:#FFF;
    font-weight:600;
    transform:translateY(10px);
    left:0;
    position: absolute;
    opacity:0;
    -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .elementor-button-content-wrapper:before {
 float:left;
 opacity:1;
 transform:translateY(0px);
}
  
/*.elementor-829 .elementor-element.elementor-element-3c9d96e:hover span {font-weight: 600; 
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;}*/  
  
/*.elementor-829 .elementor-element.elementor-element-3c9d96e .elementor-button-icon {
    transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .elementor-button-icon {
    transition: all 0.4s ease;
    transform: translateX(2px);
}*/


 
.elementor-829 .elementor-element.elementor-element-3c9d96e .project-title, .elementor-829 .elementor-element.elementor-element-3c9d96e .project-text {
    transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .project-title, .elementor-829 .elementor-element.elementor-element-3c9d96e:hover .project-text {
    transform: translateY(-4px);
}
.elementor-829 .elementor-element.elementor-element-3c9d96e .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
   -webkit-box-orient: vertical;
}

.elementor-829 .elementor-element.elementor-element-3c9d96e .zoom-container {
    -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.elementor-829 .elementor-element.elementor-element-3c9d96e:hover .zoom-container {
    transform:scale(1.025);
}/* End custom CSS */