.elementor-1906 .elementor-element.elementor-element-ef36f17{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1906 .elementor-element.elementor-element-ef36f17:not(.elementor-motion-effects-element-type-background), .elementor-1906 .elementor-element.elementor-element-ef36f17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1906 .elementor-element.elementor-element-2b9ad0d{--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;}.elementor-1906 .elementor-element.elementor-element-7551dc7{--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;}:root{--page-title-display:none;}@media(min-width:701px){.elementor-1906 .elementor-element.elementor-element-2b9ad0d{--content-width:1920px;}}@media(max-width:1050px){.elementor-1906 .elementor-element.elementor-element-ef36f17{--flex-wrap:wrap;}}@media(max-width:700px){.elementor-1906 .elementor-element.elementor-element-ef36f17{--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;}}/* Start custom CSS for html, class: .elementor-element-5c00661 */.link-arrow{
    width:300px;
}

 .link-arrow:hover .arrow1{
    z-index:3;
    animation-name:slideArrowIn;
animation-duration: 0.2s;
animation-fill-mode: forwards ;

}
.link-arrow:hover .arrow2{
    z-index:3;
    animation-name:slideArrowIn;
animation-duration: 0.2s;
animation-fill-mode: forwards ;

}


.arrow1{
position:relative;
animation-name:slideArrowOut;
animation-duration: 0.2s;
animation-fill-mode: forwards ;
}
.arrow2{
    position:relative;
    left:-24px;
    bottom:4px;
    animation-name:slideArrowOut;
animation-duration: 0.2s;
animation-fill-mode: forwards ;
}
@keyframes slideArrowIn{
    from{ transform: translateX(0px) translateY(0px);
    }
    to{transform: translateX(24px) translateY(-24px);
        
    }
}
@keyframes slideArrowOut{
    from{ transform: translateX(24px) translateY(-24px);}
    to{transform: translateX(0px) translateY(0px);
    }
}

.arrow-hover{
    width:24px;
    height:24px;
    overflow:hidden;
    margin-top:7px;
   
}
.link-arrow{
    display:flex;
    gap:16px;
    width:195px;
    
}
.link-arrow p{
    font-size:24px;
    font-weight: 700;
    font-family:eurostile;
    color:#F8F8F8!important;
}



#link-grey {
  position: relative;
  display: flex;
}

#link-grey:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: #F8F8F8;
    height: 3px;
    left: auto;
    right: 0;
    width: 0px;
    -webkit-transition: all .2s cubic-bezier(.23,1,.32,1);
    transition: all .2s cubic-bezier(.23,1,.32,1);
}

.link-arrow:hover #link-grey:before {
    width: 100%;
    right: auto;
    left: 0;
}
@media only screen and (max-width:700px){
    .link-arrow p{
    font-size:18px;
    font-weight: 500;
    line-height:44px;
}
#link-grey:before {
    bottom: 11px;
    height: 2px;
}
.arrow-hover{
    width:16px;
    height:16px;
    margin-top:10px;
   
}
.arrow2{
    position:relative;
    left:-24px;
    bottom:0px;

}
.link-arrow{
    display:flex;
    gap:13px;
    width:195px;
    
}
}

 .elementor-1906 .elementor-element.elementor-element-5c00661{
    height:800px;
    overflow:hidden;
    width:25%;
    transition:0.5s all;
}
.elementor-1906 .elementor-element.elementor-element-5c00661:hover{
    width:40%;
}

@media only screen and (max-width:700px){
    .elementor-1906 .elementor-element.elementor-element-5c00661{
        height:420px;
        width:100%;
    }
    .elementor-1906 .elementor-element.elementor-element-5c00661:hover{
    width:100%;
}
}
@media only screen and (min-width:700px) and (max-width:1050px){
    .elementor-1906 .elementor-element.elementor-element-5c00661{
        height:500px;
        width:50%;
    }
    .elementor-1906 .elementor-element.elementor-element-5c00661:hover{
        width:50%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebf4c5d */.elementor-1906 .elementor-element.elementor-element-ebf4c5d{
    height:800px;
    overflow:hidden;
    width:25%;
       transition:0.5s all;
}
.elementor-1906 .elementor-element.elementor-element-ebf4c5d:hover{
    width:40%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
    .elementor-1906 .elementor-element.elementor-element-ebf4c5d{
        height:500px;
        width:50%;
    }
    .elementor-1906 .elementor-element.elementor-element-ebf4c5d:hover{
        width:50%;
    }
}
@media only screen and (max-width:700px){
    .elementor-1906 .elementor-element.elementor-element-ebf4c5d{
        height:420px;
        width:100%;
    }
    .elementor-1906 .elementor-element.elementor-element-ebf4c5d:hover{
    width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3433164 */.elementor-1906 .elementor-element.elementor-element-3433164{
    height:800px;
    overflow:hidden;
    width:25%;
       transition:0.5s all;
}
.elementor-1906 .elementor-element.elementor-element-3433164:hover{
    width:40%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
    .elementor-1906 .elementor-element.elementor-element-3433164{
        height:500px;
        width:50%;
    }
    .elementor-1906 .elementor-element.elementor-element-3433164:hover{
        width:50%;
    }
}
@media only screen and (max-width:700px){
    .elementor-1906 .elementor-element.elementor-element-3433164{
        height:420px;
        width:100%;
    }
    .elementor-1906 .elementor-element.elementor-element-3433164:hover{
    width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc59957 */.elementor-1906 .elementor-element.elementor-element-dc59957{
    height:800px;
    overflow:hidden;
    width:25%;
       transition:0.5s all;
}
.elementor-1906 .elementor-element.elementor-element-dc59957:hover{
    width:40%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
    .elementor-1906 .elementor-element.elementor-element-dc59957{
        height:500px;
        width:50%;
    }
    .elementor-1906 .elementor-element.elementor-element-dc59957:hover{
        width:50%;
    }
}
@media only screen and (max-width:700px){
    .elementor-1906 .elementor-element.elementor-element-dc59957{
        height:420px;
        width:100%;
    }
    .elementor-1906 .elementor-element.elementor-element-dc59957:hover{
    width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2aa36d0 */.scroll {
  height: 1000px;
}

.box-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

.box {
  position: relative;
  overflow: hidden;
  max-width: 300px;
  transition: transform 0.5s ease-in-out;
}

.img-wrapper {
  position: relative;
  overflow: hidden;
}

.img-wrapper img {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.box.inView img {
  transform: scale(1.1);
}/* End custom CSS */