.elementor-1225 .elementor-element.elementor-element-4d7d2d5{--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;--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-1225 .elementor-element.elementor-element-3ce7dc8{--display:flex;--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-1225 .elementor-element.elementor-element-bfcc2b8{--display:flex;--min-height:80px;--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-1225 .elementor-element.elementor-element-84ad996{text-align:start;}.elementor-1225 .elementor-element.elementor-element-84ad996 img{width:100%;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-1225 .elementor-element.elementor-element-2abba39 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:24px;font-weight:700;color:#1F3855;}/* Start custom CSS for container, class: .elementor-element-3ce7dc8 */.wrapper-img-portfolio{
    position: relative;
}

.icon-portfolio a svg{
    width: 35px !important;
    height: 35px !important;
}

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

 .wrapper-img-portfolio .icon-portfolio {
     position: absolute;
     bottom: 20px;
     right: 20px;
        opacity: 0 !important;
        visibility: hidden !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;
        transition:
            opacity 300ms ease,
            visibility 0s linear 0s !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d7d2d5 */.cut-diagonal-top {
    position: absolute !important;
    top: 0 !important;
    right: 0 !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-diagonal-top::after {
    content: "";
    position: absolute;

    top: 0;
    right: 0;

    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-diagonal-top {
    opacity: 1;
    visibility: visible;

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

@media only screen and (max-width: 769px) {
    .cut-diagonal-top {
        width: 48px !important;
        height: 48px !important;
    }

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