.elementor-326 .elementor-element.elementor-element-31c983d{--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;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-326 .elementor-element.elementor-element-58d1b03{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-326 .elementor-element.elementor-element-2b3e510{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-326 .elementor-element.elementor-element-ec43c2a.elementor-element{--align-self:flex-start;}.elementor-326 .elementor-element.elementor-element-ec43c2a{border-style:none;}.elementor-326 .elementor-element.elementor-element-ec43c2a img{width:100%;max-width:100%;height:600px;object-fit:cover;object-position:center center;}.elementor-326 .elementor-element.elementor-element-3fbb98f.elementor-element{--align-self:flex-start;}.elementor-326 .elementor-element.elementor-element-3fbb98f img{max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-326 .elementor-element.elementor-element-6d94f5c{padding:5px 0px 5px 0px;}.elementor-326 .elementor-element.elementor-element-6d94f5c .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:24px;font-weight:700;color:#1F3855;}.elementor-326 .elementor-element.elementor-element-4f64cb2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 5px 0px;}.elementor-326 .elementor-element.elementor-element-4f64cb2 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:20px;font-weight:400;color:#1F385585;}@media(max-width:1024px){.elementor-326 .elementor-element.elementor-element-ec43c2a img{height:400px;}}@media(min-width:768px){.elementor-326 .elementor-element.elementor-element-31c983d{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-326 .elementor-element.elementor-element-31c983d{--width:100%;}.elementor-326 .elementor-element.elementor-element-58d1b03{--width:100%;}}@media(max-width:767px){.elementor-326 .elementor-element.elementor-element-31c983d{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-ec43c2a */.image-portfolio{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58d1b03 */.wrapper-img-portfolio{
    position: relative;
}

@media only screen and (min-width: 769px) {

 .wrapper-img-portfolio .icon-portfolio {
     position: absolute;
     bottom: 20px;
     right: 20px;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transition:
            opacity 300ms ease,
            visibility 0s linear 300ms !important;
    }

   .wrapper-img-portfolio:hover .icon-portfolio {
     position: absolute;
     bottom: 20px;
     right: 20px;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transition:
            opacity 300ms ease,
            visibility 0s linear 0s !important;
    }

}

@media only screen and (max-width: 768px) {

 .wrapper-img-portfolio .icon-portfolio {
     position: absolute;
     bottom: 20px;
     right: 20px;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;

        transition:
            opacity 300ms ease,
            visibility 0s linear 300ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31c983d */.cut-top-r {
    position: absolute !important;
    top: -1px !important;
    right: -1px !important;
    left: auto !important;
    bottom: auto !important;

    width: 80px !important;
    height: 80px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 300ms ease-in,
        visibility 0s linear 300ms;

    z-index: 20;
    pointer-events: none;
}

.cut-top-r::after {
    content: "";
    position: absolute;

    top: -1px;
    right: -1px;

    width: 80px;
    height: 80px;

    background-color: #F3F4F6;

    clip-path: polygon(100% 0, 100% 100%, 0 0);

    z-index: 20;
}

/*hover*/
.wrapper-img-portfolio:hover .cut-top-r {
    opacity: 1;
    visibility: visible;

    transition:
        opacity 300ms ease-out,
        visibility 0s linear 0s;
}

@media only screen and (max-width: 769px) {
    .wrapper-img-portfolio .cut-top-r {
    opacity: 1;
    visibility: visible;

    transition:
        opacity 300ms ease-out,
        visibility 0s linear 0s;
}

    .cut-top-r {
        width: 48px !important;
        height: 48px !important;
    }

    .cut-top-r::after {
        width: 48px;
        height: 48px;
    }
}/* End custom CSS */