.elementor-5646 .elementor-element.elementor-element-21dee54{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5646 .elementor-element.elementor-element-21dee54::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-background-video-container::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .e-con-inner > .elementor-background-video-container::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-background-slideshow::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-5646 .elementor-element.elementor-element-21dee54:hover::before, .elementor-5646 .elementor-element.elementor-element-21dee54:hover > .elementor-background-video-container::before, .elementor-5646 .elementor-element.elementor-element-21dee54:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-background-slideshow:hover::before, .elementor-5646 .elementor-element.elementor-element-21dee54 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#01AED8;--background-overlay:'';}.elementor-5646 .elementor-element.elementor-element-21dee54:not(.elementor-motion-effects-element-type-background), .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5646 .elementor-element.elementor-element-21dee54:hover{--overlay-opacity:0.4;}.elementor-5646 .elementor-element.elementor-element-dc03749{--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;--justify-content:flex-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5646 .elementor-element.elementor-element-ddbd05b{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-5646 .elementor-element.elementor-element-ddbd05b{right:0px;}body.rtl .elementor-5646 .elementor-element.elementor-element-ddbd05b{left:0px;}.elementor-5646 .elementor-element.elementor-element-ddbd05b .elementor-icon-wrapper{text-align:end;}.elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-f5a9049 );}.elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-framed .elementor-icon, .elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-framed .elementor-icon, .elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-f5a9049 );}.elementor-5646 .elementor-element.elementor-element-ddbd05b.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-f5a9049 );}.elementor-5646 .elementor-element.elementor-element-ddbd05b .elementor-icon{font-size:25px;padding:10px;border-radius:0px 0px 0px 0px;}.elementor-5646 .elementor-element.elementor-element-ddbd05b .elementor-icon svg{height:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5646 .elementor-element.elementor-element-b6d9cf2{width:auto;max-width:auto;background-color:#01AED8;padding:10px 20px 10px 20px;text-align:start;}.elementor-5646 .elementor-element.elementor-element-b6d9cf2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:38px;color:#FFFFFF;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:1025px){.elementor-5646 .elementor-element.elementor-element-21dee54:not(.elementor-motion-effects-element-type-background), .elementor-5646 .elementor-element.elementor-element-21dee54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-5646 .elementor-element.elementor-element-21dee54{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5646 .elementor-element.elementor-element-ddbd05b .elementor-icon{font-size:16px;}.elementor-5646 .elementor-element.elementor-element-ddbd05b .elementor-icon svg{height:16px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5646 .elementor-element.elementor-element-b6d9cf2{padding:5px 10px 5px 10px;}.elementor-5646 .elementor-element.elementor-element-b6d9cf2 .elementor-heading-title{font-size:20px;line-height:1.2em;}}/* Start custom CSS for container, class: .elementor-element-dc03749 */.elementor-5646 .elementor-element.elementor-element-dc03749{
    height: 320px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .elementor-5646 .elementor-element.elementor-element-dc03749{
    height: 150px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21dee54 */.project_box {
box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.22), 1px 0px 0px 0px rgba(0,0,0,0.22), 1px 2px 0px 0px rgba(0,0,0,0.22), 2px 1px 0px 0px rgba(0,0,0,0.22), 2px 3px 0px 0px rgba(0,0,0,0.22), 3px 2px 0px 0px rgba(0,0,0,0.22), 3px 4px 0px 0px rgba(0,0,0,0.22), 4px 3px 0px 0px rgba(0,0,0,0.22), 4px 5px 0px 0px rgba(0,0,0,0.22), 5px 4px 0px 0px rgba(0,0,0,0.22), 5px 6px 0px 0px rgba(0,0,0,0.22), 6px 5px 0px 0px rgba(0,0,0,0.22), 6px 7px 0px 0px rgba(0,0,0,0.22), 7px 6px 0px 0px rgba(0,0,0,0.22), 7px 8px 0px 0px rgba(0,0,0,0.22), 8px 7px 0px 0px rgba(0,0,0,0.22);
}

.port_text {
    opacity: 0;
    transform: translateX(-101%);
    transition: all 0.3s;
    transition-duration: 0.3s;
    transition-delay: 0ms;

}
.project_box:hover .port_text {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.7s ease;
    transition-delay: 0ms;
    transition-duration: 0.5s;
}

.port_icon {
    opacity: 0;
    transform: translateY(-101%);
    transition: all 0.3s;
    transition-duration: 0.3s;
    transition-delay: 0ms;
}
 
 
.project_box:hover .port_icon {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.7s ease;
    transition-delay: 0ms;
    transition-duration: 0.5s;
}/* End custom CSS */