.elementor-1084 .elementor-element.elementor-element-c486885{--display:flex;--min-height:320px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-1084 .elementor-element.elementor-element-c486885:not(.elementor-motion-effects-element-type-background), .elementor-1084 .elementor-element.elementor-element-c486885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vilvex.com/wp-content/uploads/2025/12/27d13c_2b79e90953cc4e908bf3f6c03b002abcmv2-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1084 .elementor-element.elementor-element-c486885::before, .elementor-1084 .elementor-element.elementor-element-c486885 > .elementor-background-video-container::before, .elementor-1084 .elementor-element.elementor-element-c486885 > .e-con-inner > .elementor-background-video-container::before, .elementor-1084 .elementor-element.elementor-element-c486885 > .elementor-background-slideshow::before, .elementor-1084 .elementor-element.elementor-element-c486885 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1084 .elementor-element.elementor-element-c486885 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-1084 .elementor-element.elementor-element-fe1cd87{text-align:center;}.elementor-1084 .elementor-element.elementor-element-fe1cd87 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;line-height:50px;color:#FFFFFF;}.elementor-1084 .elementor-element.elementor-element-2fb7ca6 .woocommerce-breadcrumb{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-1084 .elementor-element.elementor-element-2fb7ca6 .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-1084 .elementor-element.elementor-element-c2c39c9{--display:flex;}.elementor-1084 .elementor-element.elementor-element-c6d1096{--spacer-size:50px;}.elementor-1084 .elementor-element.elementor-element-7a06beb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1084 .elementor-element.elementor-element-9312d89 .elementor-repeater-item-5417597 .swiper-slide-bg{background-image:url(https://vilvex.com/wp-content/uploads/2025/12/IMG_1093-scaled-1.webp);background-size:cover;}.elementor-1084 .elementor-element.elementor-element-9312d89 .elementor-repeater-item-188c6c0 .swiper-slide-bg{background-image:url(https://vilvex.com/wp-content/uploads/2025/12/IMG_1097-scaled-1.webp);background-size:cover;}.elementor-1084 .elementor-element.elementor-element-9312d89 .elementor-repeater-item-089359a .swiper-slide-bg{background-image:url(https://vilvex.com/wp-content/uploads/2025/12/IMG_1094-scaled-1.webp);background-size:cover;}.elementor-1084 .elementor-element.elementor-element-9312d89 .swiper-slide{transition-duration:calc(5000ms*1.2);height:330px;}.elementor-1084 .elementor-element.elementor-element-9312d89 .swiper-slide-contents{max-width:66%;}.elementor-1084 .elementor-element.elementor-element-9312d89 .swiper-slide-inner{text-align:center;}.elementor-1084 .elementor-element.elementor-element-13aee11{--display:flex;}.elementor-1084 .elementor-element.elementor-element-81df76b{width:var( --container-widget-width, 95% );max-width:95%;padding:60px 0px 0px 18px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:center;}.elementor-1084 .elementor-element.elementor-element-81df76b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1084 .elementor-element.elementor-element-81df76b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:40px;color:#F9122B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1084 .elementor-element.elementor-element-b8f0158{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 60px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#000000;}.elementor-1084 .elementor-element.elementor-element-3bfe1b4{--display:flex;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-9d84a54{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-1ef9e7b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-ad2806f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-952f04d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-05956f2{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:0.5px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-1084 .elementor-element.elementor-element-3df284b{--display:flex;}.elementor-1084 .elementor-element.elementor-element-e25a549{width:var( --container-widget-width, 95% );max-width:95%;padding:60px 0px 0px 18px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:center;}.elementor-1084 .elementor-element.elementor-element-e25a549.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1084 .elementor-element.elementor-element-e25a549 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:40px;color:#F9122B;}.elementor-1084 .elementor-element.elementor-element-1c8ca78{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 60px 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#000000;}.elementor-1084 .elementor-element.elementor-element-30b8633{--display:flex;--min-height:0px;}.elementor-1084 .elementor-element.elementor-element-5d115cb{border-style:solid;border-width:2px 2px 2px 2px;border-color:#F42F2F;}.elementor-1084 .elementor-element.elementor-element-5d115cb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1084 .elementor-element.elementor-element-6b07a48{--display:flex;}.elementor-1084 .elementor-element.elementor-element-941f568{--spacer-size:60px;}.elementor-1084 .elementor-element.elementor-element-55e5efe{--display:flex;--gap:0px 5px;--row-gap:0px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-f24d298{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-2cd7b4c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-9c0cb3c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-af19a3a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-0c2eb77{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1084 .elementor-element.elementor-element-6132600{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:0.5px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-1084 .elementor-element.elementor-element-4839fa6{--display:flex;}.elementor-1084 .elementor-element.elementor-element-d24b8bb{--spacer-size:60px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1084 .elementor-element.elementor-element-05956f2{--e-n-carousel-swiper-slides-to-display:2;}.elementor-1084 .elementor-element.elementor-element-6132600{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-1084 .elementor-element.elementor-element-13aee11{--content-width:1200px;}.elementor-1084 .elementor-element.elementor-element-3df284b{--content-width:1200px;}.elementor-1084 .elementor-element.elementor-element-30b8633{--content-width:950px;}}@media(max-width:767px){.elementor-1084 .elementor-element.elementor-element-81df76b{text-align:center;}.elementor-1084 .elementor-element.elementor-element-b8f0158{text-align:justify;}.elementor-1084 .elementor-element.elementor-element-3bfe1b4{--width:500px;}.elementor-1084 .elementor-element.elementor-element-9d84a54{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-1ef9e7b{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-ad2806f{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-952f04d{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-05956f2{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1084 .elementor-element.elementor-element-1c8ca78{text-align:justify;}.elementor-1084 .elementor-element.elementor-element-f24d298{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-2cd7b4c{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-9c0cb3c{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-af19a3a{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-0c2eb77{--content-width:320px;}.elementor-1084 .elementor-element.elementor-element-6132600{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for slides, class: .elementor-element-9312d89 */.elementor-1084 .elementor-element.elementor-element-9312d89 .swiper-slide-bg {
    border-radius: 26px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b8f0158 */@media (max-width: 440px) {
    .el1 p {
        text-align: justify;
        word-spacing: -1.8px;
        letter-spacing: 0.2px;
        line-height: 1.6;
        hyphens: auto;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d84a54 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ef9e7b *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2806f *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952f04d *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 2px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d84a54 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ef9e7b *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2806f *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952f04d *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 2px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d84a54 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ef9e7b *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2806f *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952f04d *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 2px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d84a54 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ef9e7b *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2806f *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952f04d *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 2px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d84a54 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ef9e7b *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2806f *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;
    margin-right: 4px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-952f04d *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 2px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f24d298 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cd7b4c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c0cb3c *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af19a3a *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c2eb77 *//* MAIN WRAPPER */
.custom-hover-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
}

.custom-hover-box img {
    width: 100%;
    display: block;
    transition: transform .5s ease;
    filter: brightness(65%); /* darken image always */
}

/* Zoom image */
.custom-hover-box:hover img {
    transform: scale(1.05);
}

/* OVERLAY (slides from bottom) */
.custom-hover-overlay {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: #DD3333CF;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);

    transition: bottom .45s ease-out;
}

/* When hovered - overlay slides fully up */
.custom-hover-box:hover .custom-hover-overlay {
    bottom: 0;
}

/* PLUS ICON */
.custom-hover-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease .2s, transform .4s ease .2s;
}

/* On hover the plus appears */
.custom-hover-box:hover .custom-hover-plus {
    opacity: 1;
    transform: translate(-50%, -60%);
}

/* CONTENT (Title + button) */
.custom-hover-content {
    position: absolute;
    top: 60%; /* pushes content under the + icon */
    left: 8%;
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .45s ease .25s, transform .45s ease .25s;
}

/* Show content */
.custom-hover-box:hover .custom-hover-content {
    opacity: 1;
    transform: translateY(0);
}

/* TITLE */
.custom-hover-title {
    background: #26282e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 16px 15px;
    line-height: 30px;

}

/* BUTTON / TAG */
.custom-hover-btn {
    background: #26282e;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS */html,
body{
    width:100%;
    overflow-x:hidden;
    }
}/* End custom CSS */