.elementor-744 .elementor-element.elementor-element-62b3180{--display:flex;--min-height:50vh;--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:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:0.36;--border-radius:5px 5px 5px 5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-744 .elementor-element.elementor-element-62b3180::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .elementor-background-video-container::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .e-con-inner > .elementor-background-video-container::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .elementor-background-slideshow::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .e-con-inner > .elementor-background-slideshow::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-744 .elementor-element.elementor-element-62b3180:not(.elementor-motion-effects-element-type-background), .elementor-744 .elementor-element.elementor-element-62b3180 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-744 .elementor-element.elementor-element-62b3180:hover::before, .elementor-744 .elementor-element.elementor-element-62b3180:hover > .elementor-background-video-container::before, .elementor-744 .elementor-element.elementor-element-62b3180:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .elementor-background-slideshow:hover::before, .elementor-744 .elementor-element.elementor-element-62b3180 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-744 .elementor-element.elementor-element-62b3180:hover{--overlay-opacity:0.5;}.elementor-744 .elementor-element.elementor-element-62b3180, .elementor-744 .elementor-element.elementor-element-62b3180::before{--overlay-transition:1.7s;}.elementor-744 .elementor-element.elementor-element-2a66b37 .elementor-heading-title{font-size:50px;line-height:60px;color:#FFFFFF;}.elementor-744 .elementor-element.elementor-element-989c233{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-744 .elementor-element.elementor-element-ff86b01:after{content:"0.66";position:absolute;color:transparent;}.elementor-744 .elementor-element.elementor-element-ff86b01{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio-item__img, .elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio-item__overlay{border-radius:2px 2px 2px 2px;}.elementor-744 .elementor-element.elementor-element-ff86b01 a .elementor-portfolio-item__overlay{background-color:#0A2A44;}.elementor-744 .elementor-element.elementor-element-ff86b01 a .elementor-portfolio-item__title{color:#FFFFFF;}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio-item__title{font-size:30px;font-weight:300;line-height:38px;}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter.elementor-active{color:#FFFFFF;}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filters{margin-bottom:25px;}@media(max-width:1366px){.elementor-744 .elementor-element.elementor-element-989c233{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-744 .elementor-element.elementor-element-2a66b37 .elementor-heading-title{font-size:35px;line-height:40px;}}/* Start custom CSS for portfolio, class: .elementor-element-ff86b01 *//* =====================================
   PORTFOLIO CATEGORY FILTER - DESKTOP
===================================== */

.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

/* All category buttons */
.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter {
    background-color: #0A2A44;
    color: #ffffff;
    padding: 16px 38px;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    white-space: nowrap;
    line-height: 1.2;
    transition: all 0.3s ease;
}

/* Hover */
.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter:hover {
    background-color: #5FA3CE;
    color: #ffffff;
}

/* Active category */
.elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter.elementor-active {
    background-color: #5FA3CE;
}


/* =====================================
   MOBILE HORIZONTAL SCROLL
===================================== */

@media (max-width: 767px) {

    /* Full-width scroll area */
    .elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filters {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;

        gap: 12px;
        padding: 0 15px 12px;

        width: 100%;
        max-width: 100%;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    /* Hide scrollbar */
    .elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filters::-webkit-scrollbar {
        display: none;
    }

    /* Keep every button in one line */
    .elementor-744 .elementor-element.elementor-element-ff86b01 .elementor-portfolio__filter {
        flex: 0 0 auto;
        white-space: nowrap;

        padding: 14px 25px;
        font-size: 15px;
    }
}/* End custom CSS */