.elementor-870 .elementor-element.elementor-element-01a7697{--display:flex;--min-height:305px;--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-870 .elementor-element.elementor-element-01a7697:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-01a7697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-870 .elementor-element.elementor-element-01a7697.e-con{--align-self:stretch;}.elementor-870 .elementor-element.elementor-element-1fc3489{--display:flex;}.elementor-870 .elementor-element.elementor-element-1fc3489:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-1fc3489 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-870 .elementor-element.elementor-element-9673f8a{--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-870 .elementor-element.elementor-element-1f29831 .elementor-heading-title{color:var( --e-global-color-269bcdd );}.elementor-870 .elementor-element.elementor-element-8376e25 .elementor-heading-title{font-size:16px;font-weight:400;color:var( --e-global-color-269bcdd );}/* Start custom CSS for container, class: .elementor-element-1fc3489 */.elementor-870 .elementor-element.elementor-element-1fc3489 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#222;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01a7697 */.elementor-870 .elementor-element.elementor-element-01a7697 {
    cursor: pointer;
     -webkit-transition: all 0.4s ease;
     overflow:hidden;
  transition: all 0.4s ease;
}
@media screen and (min-width:1367px) {
.elementor-870 .elementor-element.elementor-element-01a7697 {
    background-size:cover!important;
}
.elementor-870 .elementor-element.elementor-element-01a7697:hover {
    /*background-size:106%!important;*/
}
}
.elementor-870 .elementor-element.elementor-element-01a7697: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-870 .elementor-element.elementor-element-01a7697: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-870 .elementor-element.elementor-element-01a7697: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-870 .elementor-element.elementor-element-01a7697: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-870 .elementor-element.elementor-element-01a7697:hover .hover-txt {opacity: 1; 
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
    transform:translateY(0px);
}
.elementor-870 .elementor-element.elementor-element-01a7697 .elementor-button-text {
    -webkit-transition: all 0.4s ease;
    overflow: hidden;
  transition: all 0.4s ease;
}
.elementor-870 .elementor-element.elementor-element-01a7697:hover .elementor-button-text {
   -webkit-transition: all 0.4s ease;
   opacity:0;
  transition: all 0.4s ease;
  transform:translateY(-10px);

}


.elementor-870 .elementor-element.elementor-element-01a7697 .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-870 .elementor-element.elementor-element-01a7697:hover .elementor-button-content-wrapper:before {
 float:left;
 opacity:1;
 transform:translateY(0px);
}
.elementor-870 .elementor-element.elementor-element-01a7697 a {
    background-size:cover!important;
}
  
/*.elementor-870 .elementor-element.elementor-element-01a7697:hover span {font-weight: 600; 
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;}*/  
  
/*.elementor-870 .elementor-element.elementor-element-01a7697 .elementor-button-icon {
    transition: all 0.4s ease;
}
.elementor-870 .elementor-element.elementor-element-01a7697:hover .elementor-button-icon {
    transition: all 0.4s ease;
    transform: translateX(2px);
}
 */


.elementor-870 .elementor-element.elementor-element-01a7697 .project-title, .elementor-870 .elementor-element.elementor-element-01a7697 .project-text {
    transition: all 0.4s ease;
}
.elementor-870 .elementor-element.elementor-element-01a7697:hover .project-title, .elementor-870 .elementor-element.elementor-element-01a7697:hover .project-text {
    transform: translateY(-4px);
}
.elementor-870 .elementor-element.elementor-element-01a7697 .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-870 .elementor-element.elementor-element-01a7697 .zoom-container {
    -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.elementor-870 .elementor-element.elementor-element-01a7697:hover .zoom-container {
    transform:scale(1.025);
}/* End custom CSS */