.elementor-193 .elementor-element.elementor-element-d8bff4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-193 .elementor-element.elementor-element-4a4674d{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:3px 3px 3px 3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-193 .elementor-element.elementor-element-142f96b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-193 .elementor-element.elementor-element-142f96b img{width:100%;max-width:100%;}.elementor-193 .elementor-element.elementor-element-5b5a38a{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;text-align:center;}.elementor-193 .elementor-element.elementor-element-5b5a38a .elementor-heading-title{font-family:var( --e-global-typography-f41e110-font-family ), Sans-serif;font-size:var( --e-global-typography-f41e110-font-size );font-weight:var( --e-global-typography-f41e110-font-weight );color:var( --e-global-color-1f9a5eb );}@media(max-width:1024px){.elementor-193 .elementor-element.elementor-element-5b5a38a .elementor-heading-title{font-size:var( --e-global-typography-f41e110-font-size );}}@media(max-width:767px){.elementor-193 .elementor-element.elementor-element-5b5a38a .elementor-heading-title{font-size:var( --e-global-typography-f41e110-font-size );}}/* Start custom CSS for container, class: .elementor-element-4a4674d */.card{
    position: relative;
    overflow: hidden;
}

.card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 1;
}

.inner-card{
    position: absolute;
    inset: 0;
    z-index: 2;
}

.title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    opacity: 0;
    color: #fff;
    text-align: center;
    width: 90%;
    transition: opacity .4s ease, transform .4s ease;
}

.card:hover::before{
    opacity: 1;
}

.card:hover .title{
    opacity: 1;
    transform: translate(-50%, -50%);
    z-index: 99;
}

/* Tablet */
@media (max-width: 1024px){
    .title{
        width: 90%;
        font-size: 24px;
    }
}

/* Mobile */
@media (max-width: 767px){
    .title{
        width: 90%;
        font-size: 18px;
        line-height: 1.4;
    }
}/* End custom CSS */