.elementor-kit-491{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a276587:#1A1A1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-491 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Cobalt:#2563EB; }
/* Start custom CSS */.image-zoom {
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
}

.image-zoom::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: inherit;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    transform: scale(1);
    transition: transform 0.5s ease;
    pointer-events: none;
}

.image-zoom:hover::after {
    transform: scale(1.08);
}




/*-------------------------------------


FIX FEATURED IMAGE EXCESS SPACE

---------------------------------*/


@media (max-width: 767px) {

    .project-featured-image,
    .project-featured-image .elementor-widget-container {
        height: auto !important;
        min-height: 0 !important;
    }

    .project-featured-image img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;
        margin: 0 auto;
    }
}

  
  
/*-------------------------------------


FIX RESPONSIVE SCREENSHOTS EXCESS SPACE

---------------------------------*/
@media (max-width: 767px) {
.responsive-screenshot img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: initial !important;
    display: block;
}
}/* End custom CSS */