.elementor-395 .elementor-element.elementor-element-4781e75:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-4781e75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-395 .elementor-element.elementor-element-4781e75{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-395 .elementor-element.elementor-element-4781e75 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-395 .elementor-element.elementor-element-8f586ed > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-395 .elementor-element.elementor-element-6977005 > .elementor-container{max-width:1130px;}.elementor-395 .elementor-element.elementor-element-6977005{margin-top:0px;margin-bottom:-20px;}.elementor-395 .elementor-element.elementor-element-e3bebf3{overflow:hidden;}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid{margin:calc(-20px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item{padding:calc(20px / 2) calc(20px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item_caption{padding:calc(20px / 2 - 1em) calc(20px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid_fancy .grid__item:nth-child(3){margin-top:20px;}.elementor-395 .elementor-element.elementor-element-27589fd{margin-top:0px;margin-bottom:0px;}.elementor-395 .elementor-element.elementor-element-ca5dfa2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-395 .elementor-element.elementor-element-872fa3c > .elementor-container{max-width:1090px;}.elementor-395 .elementor-element.elementor-element-6fb5b20 .section-video__overlay{opacity:0.6;}.elementor-395 .elementor-element.elementor-element-41ee71f > .elementor-container{max-width:1130px;}.elementor-395 .elementor-element.elementor-element-41ee71f{margin-top:-20px;margin-bottom:-20px;}.elementor-395 .elementor-element.elementor-element-af3702d{height:100%;}.elementor-395 .elementor-element.elementor-element-af3702d .elementor-widget-container{height:100%;}.elementor-395 .elementor-element.elementor-element-a90e9db{height:100%;}.elementor-395 .elementor-element.elementor-element-a90e9db .elementor-widget-container{height:100%;}.elementor-395 .elementor-element.elementor-element-f42593b{height:100%;}.elementor-395 .elementor-element.elementor-element-f42593b .elementor-widget-container{height:100%;}body.elementor-page-395 .section-masthead__background{height:1px;min-height:500px;}body.elementor-page-395 .section-masthead__background:after{content:"";min-height:inherit;}@media(max-width:1024px){.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid_fancy .grid__item:nth-child(3){margin-top:0;}.elementor-395 .elementor-element.elementor-element-e3bebf3{overflow:hidden;}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid{margin:calc(-30px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item{padding:calc(30px / 2) calc(30px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item_caption{padding:calc(30px / 2 - 1em) calc(30px / 2);}}@media(max-width:767px){.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid_fancy .grid__item:nth-child(3){margin-top:0;}.elementor-395 .elementor-element.elementor-element-e3bebf3{overflow:hidden;}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid{margin:calc(-15px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item{padding:calc(15px / 2) calc(15px / 2);}.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid__item_caption{padding:calc(15px / 2 - 1em) calc(15px / 2);}}/* Start custom CSS for rubenz-widget-header-section, class: .elementor-element-31afddd */.elementor-395 .elementor-element.elementor-element-31afddd{
    color:black;
}
.elementor-395 .elementor-element.elementor-element-31afddd .section__headline{
    background-color:black;
}/* End custom CSS */
/* Start custom CSS for rubenz-widget-technology-masonry-grid, class: .elementor-element-e3bebf3 */.elementor-395 .elementor-element.elementor-element-e3bebf3 .hover-zoom__inner{
    overflow:visible;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .grid.js-grid{
transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 img{
    filter:grayscale(0.9)  brightness(100%)
    contrast(120%);
transition: all 1000ms cubic-bezier(0.000, -0.005, 0.000, 0.995); /* custom */

transition-timing-function: cubic-bezier(0.000, -0.005, 0.000, 0.995); /* custom */
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .figure-portfolio__wrapper-img:hover img{
    filter:grayscale(0)  brightness(130%)
    contrast(100%)
}

.elementor-395 .elementor-element.elementor-element-e3bebf3 .filter__item_active {
    color: #000;
}
.filter__item:not(.filter__item_active):hover {
    color: #fff;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .figure-portfolio__content{
    overflow: hidden;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .figure-portfolio__content h3{
    text-align:center;
    background:white;
    margin-top:0px;
    transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
overflow: hidden;
transform: translate(0px, 105%);
opacity:0.25;
font-size:14px;
word-wrap: nowrap;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .figure-portfolio__content:hover h3{
    transform: translate(0px, 0%);
    opacity:1;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .lazy-wrapper.d-inline-block{
    padding:15px 35px 0px 35px;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 .filter{
    margin-bottom:40px;
}
.elementor-395 .elementor-element.elementor-element-e3bebf3 a[data-post-id="2261"] img{
    filter:invert(1)!important;
}/* End custom CSS */