.elementor-4581 .elementor-element.elementor-element-4893e6d{--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-4581 .elementor-element.elementor-element-4893e6d:not(.elementor-motion-effects-element-type-background), .elementor-4581 .elementor-element.elementor-element-4893e6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1050px){.elementor-4581 .elementor-element.elementor-element-4893e6d{--flex-wrap:wrap;}}@media(max-width:700px){.elementor-4581 .elementor-element.elementor-element-4893e6d{--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-06514fc */.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-4581 .elementor-element.elementor-element-06514fc{
    height:100vh;
    overflow:hidden;
    width:33%;
    transition:0.5s all;
}
.elementor-4581 .elementor-element.elementor-element-06514fc:hover{
    width:80%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
    .elementor-4581 .elementor-element.elementor-element-06514fc{
        height:500px;
        width:50%;
    }
}
@media only screen and (max-width:700px){
    .elementor-4581 .elementor-element.elementor-element-06514fc{
        height:420px;
        width:100%;
    }
    .elementor-4581 .elementor-element.elementor-element-06514fc:hover{
        width:100%;
    }
}
@media only screen and (min-width:1050px) and (max-width:1600px){
    .elementor-4581 .elementor-element.elementor-element-06514fc:hover{
        width:45%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c7924d */.elementor-4581 .elementor-element.elementor-element-0c7924d{
    height:100vh;
    overflow:hidden;
    width:33%;
       transition:0.5s all;
}
.elementor-4581 .elementor-element.elementor-element-0c7924d:hover{
    width:80%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
  
  .elementor-4581 .elementor-element.elementor-element-0c7924d{
    height:500px;
    overflow:hidden;
    width:50%;}
}
@media only screen and (max-width:700px){
    .elementor-4581 .elementor-element.elementor-element-0c7924d{
        height:420px;
        width:100%;
    }
     .elementor-4581 .elementor-element.elementor-element-0c7924d:hover{
        width:100%;
    }
}
@media only screen and (min-width:1050px) and (max-width:1600px){
    .elementor-4581 .elementor-element.elementor-element-0c7924d:hover{
        width:45%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6542545 */.elementor-4581 .elementor-element.elementor-element-6542545{
    height:100vh;
    overflow:hidden;
    width:33%;
       transition:0.5s all;
}
.elementor-4581 .elementor-element.elementor-element-6542545:hover{
       width:80%;
}
@media only screen and (min-width:700px) and (max-width:1050px){
  
  .elementor-4581 .elementor-element.elementor-element-6542545{
    height:500px;
    overflow:hidden;
    width:50%;}
}
@media only screen and (max-width:700px){
    .elementor-4581 .elementor-element.elementor-element-6542545{
        height:420px;
        width:100%;
    }
     .elementor-4581 .elementor-element.elementor-element-6542545:hover{
        width:100%;
    }
}
@media only screen and (min-width:1050px) and (max-width:1600px){
    .elementor-4581 .elementor-element.elementor-element-6542545:hover{
        width:45%;
    }
}/* End custom CSS */