
:root {
    --wdt-elementor-color-black: #000;
    --wdt-elementor-color-white: #fff;

    --wdt-elementor-base-transition: all 0.3s linear 0s;
}


/* Common Styles */

    svg { height: 1em; width: 1em; }

    /**
    * Change the fill color to match the text color in all browsers (opinionated).
    */
    svg:not([fill]) { fill: currentColor; }

    /**
    * Hide the overflow in IE.
    */
    svg:not(:root) { overflow: hidden; }


/* Icon list gap */
.custom-icon-list.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self: auto;}
.custom-icon-list.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a{align-items: baseline;}
.custom-icon-list.elementor-widget .elementor-icon-list-icon{display: unset;}
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title{margin-right: auto;}

.custom-icon-list-type-one.elementor-widget .elementor-icon-list-item, .custom-icon-list-type-one .elementor-widget .elementor-icon-list-item a{background: var(--wdt-elementor-color-accent);padding: 0 !important;}
.custom-icon-list-type-one.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{width: 40px;height: 40px;background: var(--wdt-elementor-color-custom-2);display: flex;align-items: center;justify-content: center;}
.custom-icon-list-type-one.elementor-widget .elementor-icon-list-icon i{width: auto;}
.custom-icon-list-type-one.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{padding-left: 10px;}

.aside-icon-list .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:before {content: '';background: var(--wdt-elementor-color-custom-4);width: 100%;height: 1px;top: 0;position: absolute;}
.aside-icon-list .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item{padding-top: 12px;margin-bottom: 10px;}
.custom-icon-listing.elementor-widget .elementor-icon-list-item, .custom-icon-listing.elementor-widget .elementor-icon-list-item a{align-items: flex-start;}
.custom-icon-listing.elementor-widget .elementor-icon-list-icon{display: unset;}
.gray-bg.elementor-widget .elementor-icon-list-item, .gray-bg .elementor-widget .elementor-icon-list-item a{background: #f5f5f5;}
.wrap-icon-text .elementor-icon-list-text{width: 58%;}

/* button hover style */
.elementor-widget-button .elementor-button {position: relative;z-index: 1;overflow: hidden;}
.elementor-widget-button .elementor-button:after {content: '';background: var(--wdt-elementor-color-custom-1);width: 100%;height: 0;left: 0;top: 0;position: absolute;z-index: -1;border-radius: 5px;transition: var(--wdt-elementor-base-transition);}
.elementor-widget-button .elementor-button:hover:after{height: 100%;}

/* Moving background */
.background-image-moving.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default{-webkit-animation: mov 10s infinite linear;-moz-animation: mov 10s infinite linear;-ms-animation: mov 10s infinite linear;-o-animation: mov 10s infinite linear;animation: mov 10s infinite linear;}
@keyframes mov
{0% {background-position: 0 0;}
100% {background-position: 100% 0%;}}

/* Contact form */
.side-contact-form form.wpcf7-form {text-align: center;}
.side-contact-form input.wpcf7-form-control.wpcf7-submit {float: unset;}
.side-contact-form div.wpcf7 .ajax-loader{display: block;margin: 10px auto 0;}

/* wave border top and bottom */
.top-bottom-wave-border .elementor-shape svg{transform: translateX(-50%) skewX(-26deg);-webkit-transform: translateX(-50%) skewX(-26deg);}

/* Gradiant bg */
.gradiant-background.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default{background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 40%, rgba(255, 255, 255, 0));}

/* Border line */
.border-line .wdt-heading-holder .wdt-heading-title-wrapper{margin-bottom: 0;}
.border-line.elementor-column{position: relative;}
.border-line.elementor-column:before,
.border-line.elementor-column:after {content: '';background-repeat: no-repeat;background-size: contain;width: 100%;height: 100%;position: absolute;pointer-events: none;}
.border-line.elementor-column:before{background-image: url(https://spalabep.wpengine.com/wp-content/uploads/2022/07/border-image.png);top: 0;background-position: center top;}
.border-line.elementor-column:after{background-image: url(https://spalabep.wpengine.com/wp-content/uploads/2022/07/border-image-bottom.png);bottom: 0;background-position: center bottom;}
.tab-paragraph.elementor-widget.elementor-widget-text-editor{margin-bottom: 0;}
.menu-title .price, .dt-sc-catalog-menu a.dt-sc-button{color: var(--wdt-elementor-color-accent);}

/* Contact-form */

.wdt-cf-with-bg.elementor-widget.elementor-widget-shortcode h6{background: var(--wdt-elementor-color-custom-2);padding: 10px 15px;color: var(--wdt-elementor-color-accent);margin-bottom: 0;}
.wdt-cf-with-bg form.wpcf7-form{background: #f5f5f5;padding: 15px 15px 20px;}
.wdt-cf-with-bg.elementor-widget.elementor-widget-shortcode h6:before {content: "\f017";font-family: 'FontAwesome';margin-right: 5px;}
.wdt-contact-form-design .elementor-button{padding: 11px 20px;}
.single-product-details .elementor-widget.elementor-widget-wdt-heading {margin-bottom: 10px;}

/* ----------------------------------Custom Css--------------------------------------- */

.portfolio .image-overlay, .recent-portfolio-widget ul li a:before, .dt-sc-image-caption.type2:hover .dt-sc-image-content, .dt-sc-fitness-program-short-details-wrapper .dt-sc-fitness-program-short-details{
	background: rgba(0, 0, 0, 0.66) !important;
}

/* ------------------------Portfolio Gallery LHS ---------------------*/

.portfolio-carousel li{ margin: 0 !important; }

/* ----After Animation---------- */

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
	border-width: 0 1px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    top: 30px;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    left: 50px;
    right: 50px;
    transform-origin: 100% 0 0;
    -webkit-transform-origin: 100% 0 0;
    -moz-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    -o-transform-origin: 100% 0 0;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    content: "";
    border-color: #fff;
    border-style: solid;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 0;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    left: 7%;
    right: 7%;
    top: 5%;
    bottom: 5%;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay:after{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* ----Before Animation---------- */

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    border-width: 1px 0;
    bottom: 30px;
    left: 30px;
    right: 30px;
    top: 30px;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    bottom: 50px;
    top: 50px;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    content: "";
    border-color: #fff;
    border-style: solid;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 0;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    bottom: 8%;
    top: 8%;
    left: 5%;
    right: 5%;
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay:before{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after, .wdt-custom-gallery-lhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -webkit-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -moz-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -ms-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -o-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}

/* ------------------------------------------------------------------- */

/* ------------------------Portfolio Gallery RHS ---------------------*/

/* ----After Animation---------- */

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    border-width: 0 1px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    top: 30px;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    content: "";
    border-color: #fff;
    border-style: solid;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 0;
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after{
    bottom: 8%;
    top: 8%;
    left: 8%;
    right: 8%;
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay:after{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* ----Before Animation---------- */

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    border-width: 1px 0;
    bottom: 30px;
    left: 30px;
    right: 30px;
    top: 30px;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    content: "";
    border-color: #fff;
    border-style: solid;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 0;
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    bottom: 8%;
    top: 8%;
    left: 8%;
    right: 8%;
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay:before{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:after, .wdt-custom-gallery-rhs-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay:before{
    transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -webkit-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -moz-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -ms-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    -o-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}

/* ------------------------------------------------------------------- */

/* ------------------------Portfolio Gallery RHS ---------------------*/

.wdt-custom-gallery-filter-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay{
    border: 1px solid rgba(255,255,255,0.75);
    height: auto;
    width: auto;
    bottom: 30px;
    left: 30px;
    right: 30px;
    top: 30px;
    box-shadow: 0 0 0 30px rgb(0 0 0 / 35%);
    -webkit-box-shadow: 0 0 0 30px rgb(0 0 0 / 35%);
    -moz-box-shadow: 0 0 0 30px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 0 30px rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 0 30px rgba(0,0,0,0.35);
    transform: scale3d(1.4, 1.4, 1);
    -webkit-transform: scale3d(1.4, 1.4, 1);
    -moz-transform: scale3d(1.4, 1.4, 1);
    -ms-transform: scale3d(1.4, 1.4, 1);
    -o-transform: scale3d(1.4, 1.4, 1);
}

.wdt-custom-gallery-filter-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay{
    background-color: rgba(0,0,0,0.6);
    background-image: none;
}

.wdt-custom-gallery-filter-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column .portfolio-thumb .image-overlay{
    transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
    -webkit-transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
    -moz-transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
    -ms-transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
    -o-transition: opacity 0.55s ease 0s, transform 0.55s ease 0s;
}

.wdt-custom-gallery-filter-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.wdt-custom-gallery-filter-ani .wdt-portfolios-holder .portfolio-carousel-wrapper.gallery .portfolio-carousel .portfolio.wdt-column:hover .portfolio-thumb .image-overlay{
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
}

/* -------------------------------------------------- */

/* ------------------------Portfolio Gallery RHS ---------------------*/

.wdt-custom-mask-img .portfolio-carousel-wrapper .portfolio-carousel li.portfolio .portfolio-thumb:after{
    background: url('https://spalabep.wpengine.com/wp-content/uploads/2023/01/portfolio-mask-img.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -1px;
}

.wdt-custom-mask-img-2 .portfolio-carousel-wrapper .portfolio-carousel li.portfolio .portfolio-thumb:after{
    background: url('https://spalabep.wpengine.com/wp-content/uploads/2023/01/portfolio-mask-img-2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -1px;
}

.wdt-custom-mask-img-3 .portfolio-carousel-wrapper .portfolio-carousel li.portfolio .portfolio-thumb:after{
    background: url('https://spalabep.wpengine.com/wp-content/uploads/2023/01/portfolio-mask-img-3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -1px;
}

.wdt-custom-mask-img-4 .portfolio-carousel-wrapper .portfolio-carousel li.portfolio .portfolio-thumb:after{
    background: url('https://spalabep.wpengine.com/wp-content/uploads/2023/01/portfolio-mask-img-4.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -1px;
}

/* -------------------------------------------------------------------------------------- */