.elementor-685 .elementor-element.elementor-element-3c3a0e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-685 .elementor-element.elementor-element-3c3a0e9 > .elementor-background-overlay{background-color:#00000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-685 .elementor-element.elementor-element-3c3a0e9{overflow:hidden;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-c68ef66 );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-685 .elementor-element.elementor-element-3c3a0e9:not(.elementor-motion-effects-element-type-background), .elementor-685 .elementor-element.elementor-element-3c3a0e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-685 .elementor-element.elementor-element-3c3a0e9:hover > .elementor-background-overlay{opacity:0.4;}.elementor-bc-flex-widget .elementor-685 .elementor-element.elementor-element-b6b92d2.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-685 .elementor-element.elementor-element-b6b92d2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-685 .elementor-element.elementor-element-b6b92d2 > .elementor-element-populated{padding:0px 0px 0px 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-685 .elementor-element.elementor-element-2a37934{width:auto;max-width:auto;top:0px;}.elementor-685 .elementor-element.elementor-element-2a37934 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-685 .elementor-element.elementor-element-2a37934{right:0px;}body.rtl .elementor-685 .elementor-element.elementor-element-2a37934{left:0px;}.elementor-685 .elementor-element.elementor-element-2a37934 .elementor-icon-wrapper{text-align:end;}.elementor-685 .elementor-element.elementor-element-2a37934 .elementor-icon{font-size:25px;padding:10px;border-radius:0px 0px 0px 0px;}.elementor-685 .elementor-element.elementor-element-2a37934 .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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-685 .elementor-element.elementor-element-2f56db9{width:auto;max-width:auto;text-align:start;}.elementor-685 .elementor-element.elementor-element-2f56db9 > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-685 .elementor-element.elementor-element-2f56db9 .elementor-heading-title{font-family:var( --e-global-typography-05e1af5-font-family ), Sans-serif;font-size:var( --e-global-typography-05e1af5-font-size );font-weight:var( --e-global-typography-05e1af5-font-weight );line-height:var( --e-global-typography-05e1af5-line-height );}@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 );}.elementor-685 .elementor-element.elementor-element-2f56db9 .elementor-heading-title{font-size:var( --e-global-typography-05e1af5-font-size );line-height:var( --e-global-typography-05e1af5-line-height );}}@media(min-width:1025px){.elementor-685 .elementor-element.elementor-element-3c3a0e9:not(.elementor-motion-effects-element-type-background), .elementor-685 .elementor-element.elementor-element-3c3a0e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-685 .elementor-element.elementor-element-3c3a0e9{padding:20px 20px 20px 20px;}.elementor-685 .elementor-element.elementor-element-2a37934 .elementor-icon{font-size:16px;}.elementor-685 .elementor-element.elementor-element-2a37934 .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-685 .elementor-element.elementor-element-2f56db9 > .elementor-widget-container{padding:5px 10px 5px 10px;}.elementor-685 .elementor-element.elementor-element-2f56db9 .elementor-heading-title{font-size:var( --e-global-typography-05e1af5-font-size );line-height:var( --e-global-typography-05e1af5-line-height );}}/* Start custom CSS for column, class: .elementor-element-b6b92d2 */.elementor-685 .elementor-element.elementor-element-b6b92d2{
    height: 320px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .elementor-685 .elementor-element.elementor-element-b6b92d2{
    height: 170px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3c3a0e9 */.port_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;

}
.port_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;
}
 
 
.port_box:hover .port_icon {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.7s ease;
    transition-delay: 0ms;
    transition-duration: 0.5s;
}/* End custom CSS */