
/* h2.wdt__parallex_heading { font-size: clamp(1rem, 8vw, 10rem); font-weight: 600; text-align: center; 
    margin-right: -0.5em; width: 90vw; max-width: 1200px; text-transform: none; } */

.wdt__parallex_holder { width: 100%; height: 100vh; overflow: hidden; }

.wdt__parallex { height: 100%; width: 100%; top: 0; left: 0; position: absolute; visibility: hidden; }
.wdt__parallex .wdt__parallex_outer,
.wdt__parallex .wdt__parallex_inner { width: 100%; height: 100%; overflow-y: hidden; }

div[data-slide-type="horizontal"] .wdt__parallex .wdt__parallex_outer,
div[data-slide-type="horizontal"] .wdt__parallex .wdt__parallex_inner { width: 100%; height: 100%; overflow-x: hidden; }

.wdt__parallex .wdt__parallex_bg { /* display: flex; align-items: center; justify-content: center; */ position: absolute; 
    height: 100%; width: 100%; top: 0; left: 0; background-size: cover; background-position: center; }

.wdt__parallex .wdt__parallex_bg:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute;
    background-color: #000; opacity: 0.5;  }

.wdt__parallex .wdt__parallex_bg h2.wdt__parallex_heading { z-index: 999; }
.wdt__parallex .wdt__parallex_bg .clip-text { overflow: hidden; }

h2.wdt__parallex_heading * { will-change: transform; }



.wdt__parallex_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; 
    max-width: 1540px; margin: auto; padding: 50px clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); text-align: center; }

.wdt__parallex_content > h2.wdt__parallex_heading:only-child { margin: 0px; }

.wdt__parallex_content > h2.wdt__parallex_heading { /* text-transform: uppercase; */
  font-weight: 800; font-size: clamp(3rem, 2.1058rem + 3.9744vw, 6.875rem);  line-height: var(--wdtLineHeight_H1);/* color: transparent; -webkit-text-stroke: 1px; 
  -webkit-text-stroke-color: currentcolor; -webkit-text-stroke-color: var(--wdtAccentTxtColor); */ }

.wdt__parallex_content > *:not(:last-child) { margin: 0 0 20px; }

.wdt__parallex_content > .wdt-content-description { text-wrap: balance; }

.wdt__parallex_content > h2.wdt__parallex_heading + .wdt-heading-button-wrapper { margin-top: 20px; /*transform: translateY(30px);*/ }
.wdt__parallex_content .wdt-content-subtitle{
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: inline-flex;
    align-items: center;
    text-wrap: nowrap;
    white-space: nowrap;
    color: var(--wdtPrimaryColor);
    margin-bottom: 10px !important;
}
.wdt-dark-bg .wdt__parallex_content .wdt-content-subtitle{
    color: var(--wdtAccentTxtColor);
}
.wdt__parallex_content .wdt-content-subtitle::before{
    content: "";
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    margin-right: 10px;
    -webkit-mask-image: var(--wdt-star-mask);
    mask-image: var(--wdt-star-mask);
    -webkit-mask-size: 98%;
    mask-size: 98%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    font-size: 1.1rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-animation: wdtCircle 3.5s 
linear infinite;
    animation: wdtCircle 3.5s 
linear infinite;
    transition: none;
    will-change: transform;
}


/* Common Button style */

.wdt__parallex .wdt__button { display: inline-flex; flex-direction: column; align-items: center; background-color: var(--wdtPrimaryColor); 
    color: var(--wdtAccentTxtColor); border-color: currentColor; border: 1px solid; transform-style: preserve-3d; perspective: 1000px; }

.wdt-dark-bg .wdt__parallex .wdt__button:not(:focus), 
.wdt-dark-bg .wdt__parallex .wdt__button:not(:hover) { color: var(--wdtAccentTxtColor); 
    border-color: transparent; background-color: var(--wdtPrimaryColor); } 

.wdt-dark-bg .wdt__parallex .wdt__button:focus, 
.wdt-dark-bg .wdt__parallex .wdt__button:hover { border-color: transparent; } 

.wdt__parallex .wdt__button:focus, 
.wdt__parallex .wdt__button:hover { background-color: var(--wdtPrimaryColor); 
    border-color: transparent; color: var(--wdtAccentTxtColor); }

.wdt__parallex .wdt__button { position: relative; font-size: var(--wdt-btn-font-size); overflow: hidden;
    -webkit-transform-style: preserve-3d; transform-style: preserve-3d; gap: 0px; transform: translateY(0px); 
    transition: var(--wdt-Ad-Transition); transform-origin: 50% 0; height: fit-content; padding: 14px 48px; }

.wdt__parallex .wdt__button .wdt__button_text { transition: var(--wdt-Ad-Transition); text-align: center; display: inline-flex; align-items: center; filter: blur(0); }
.wdt__parallex .wdt__button .wdt__button_text:nth-child(2) { position: absolute; opacity: 0; transform: translateY(100%); filter: blur(2px); }

.wdt__parallex .wdt__button:hover .wdt__button_text:nth-child(1),
.wdt__parallex .wdt__button:focus .wdt__button_text:nth-child(1) { opacity: 0; transform: translateY(-100%); filter: blur(2px); }

.wdt__parallex .wdt__button:hover .wdt__button_text:nth-child(2),
.wdt__parallex .wdt__button:focus .wdt__button_text:nth-child(2) { opacity: 1; transform: translateY(0%); filter: blur(0); }


.wdt__parallex .wdt__button .wdt__button_text:after { content: ""; position: relative; display: inline-block;
    width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--wdt-arrow-mask); mask-image: var(--wdt-arrow-mask);
    -webkit-mask-size: 99%; mask-size: 99%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; font-size: var(--btn-arrow-size);
    -webkit-mask-position: center; mask-position: center; transition: var(--wdt-Ad-Transition); margin-left: 8px; align-self: center; }
