.elementor-777 .elementor-element.elementor-element-d6b3317{--display:flex;--min-height:400px;--justify-content:flex-end;--border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-xl);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-777 .elementor-element.elementor-element-e5f5466{--display:flex;--gap:calc(var(--space-xs) / 1.25) calc(var(--space-xs) / 1.25);--row-gap:calc(var(--space-xs) / 1.25);--column-gap:calc(var(--space-xs) / 1.25);--padding-top:0;--padding-bottom:var(--space-s);--padding-left:var(--space-xs);--padding-right:var(--space-xs);--z-index:19;}.elementor-777 .elementor-element.elementor-element-f97f023 .elementor-heading-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--text-s);font-weight:500;color:var( --e-global-color-07182a2 );}.elementor-777 .elementor-element.elementor-element-94bd773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-xs);color:var( --e-global-color-07182a2 );}.elementor-777 .elementor-element.elementor-element-94bd773.elementor-element{--order:-1;}.elementor-777 .elementor-element.elementor-element-dd4f498{--e-rating-icon-font-size:16px;--e-rating-icon-marked-color:var( --e-global-color-accent );--e-rating-icon-color:var( --e-global-color-327f2cf );}.elementor-777 .elementor-element.elementor-element-355ca7d .vx-price{font-size:var(--text-m);font-weight:600;color:var( --e-global-color-07182a2 );}.elementor-777 .elementor-element.elementor-element-355ca7d .vx-price s{color:#D9D9D973;}.elementor-777 .elementor-element.elementor-element-03e4663 img{width:100%;height:100%;object-fit:cover;object-position:center center;}/* Start custom CSS for container, class: .elementor-element-e5f5466 */.elementor-777 .elementor-element.elementor-element-e5f5466{
    position: static;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6b3317 */.elementor-777 .elementor-element.elementor-element-d6b3317{
    overflow: hidden;
}

/*position image as bg*/
.elementor-777 .elementor-element.elementor-element-d6b3317 .hero-card__image{
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
}

/*Overlay*/
.elementor-777 .elementor-element.elementor-element-d6b3317:after {
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    position: absolute;
    opacity: 0;
    transition: opacity 0.35s;
    z-index: 1;
}


/*Show overlay all times on mobile*/
@media screen and (max-width: 1200px){
    .elementor-777 .elementor-element.elementor-element-d6b3317:after{
    opacity: 1;
}
}


/*Desktop*/
@media screen and (min-width: 1200px){
    
/*Show overlay on hover*/
.elementor-777 .elementor-element.elementor-element-d6b3317:hover:after{
    opacity: 1;
}


/*Move footer down and hide*/
.elementor-777 .elementor-element.elementor-element-d6b3317 .hero-card__footer{
    transform: translateY(10%);
    opacity: 0;
    transition: transform 0.35s, opacity 0.5s;
}

/*on hover move footer into view and show */
.elementor-777 .elementor-element.elementor-element-d6b3317:hover .hero-card__footer{
    transform: translateY(0);
    opacity: 1;
}
}


/*Hide fav icon*/
.elementor-777 .elementor-element.elementor-element-d6b3317 .hero-card__favourite{
    opacity: 0;
    transform: translateY(5px);
    transition: transform 0.35s, opacity 0.35s;
}

/*show fav icon on hover*/
.elementor-777 .elementor-element.elementor-element-d6b3317:hover .hero-card__favourite{
    opacity: 1;
    transform: translateY(0px)
}


/* Position all child elements static */
.hero-card >*:not(.hero-card__image),
.hero-card__heading{
    position: static !important;
}

/* Make whole card clickable, not in builder */
.elementor-777 .elementor-element.elementor-element-d6b3317 .hero-card__heading:not(.elementor-editor- active .hero-card__heading) >* a:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
}/* End custom CSS */