/***<<--- Heading Transition --->>***/

.wdt-heading-holder { -webkit-transition: var(--wdtAdTransition); transition: var(--wdtAdTransition); }

/***<<--- Heading Common --->>***/

.wdt-heading-holder { position: relative; }

.wdt-heading-holder>*:not(:last-child) {
    margin-bottom: 10px;
}

.wdt-heading-holder>*:last-child {
    margin-bottom: 0;
}

.wdt-heading-holder .wdt-heading-title-wrapper:has(+ .wdt-heading-content-wrapper) {
    margin-bottom: 20px;
}

.wdt-heading-holder .wdt-heading-title-wrapper {
    line-height: var(--wdtLineHeight_Alt);
    margin-top: 0;
}

.wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title .wdt-heading-title-item {
    margin: 0;
}

/* sub title */
.wdt-heading-holder .wdt-heading-subtitle-wrapper {
    display: inline-block;
    text-transform: uppercase;
    font-size: var(--wdtFontSize_Base);
    letter-spacing: var(--wdtLetterSpacing_1X);
    color: var(--wdtPrimaryColor);
    line-height: var(--wdtLineHeight_Ext);
}

.wdt-dark-bg .wdt-heading-holder .wdt-heading-subtitle-wrapper {
    color: var(--wdtAccentTxtColor);
}

/* subtile icon */
.wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle-icon {
    display: inline-block;
    font-size: 20px;
    color: var(--wdtPrimaryColor);
    margin-right: 8px;
}

/* heightlight element */
.wdt-heading-holder .wdt-heading-title .wdt-heading-colored-elements { 
    position: relative;
    display: inline-block;
    color: var(--wdtPrimaryColor); 
    margin-right: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); /* Min-14 & Max-18 */
}

.wdt-heading-holder .wdt-heading-title .wdt-heading-colored-elements:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-1 * clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem)); /* Min-14 & Max-20 */
    width: 0;
    height: 0;
    border-radius: var(--wdtRadius_Full);
    -webkit-border-radius: var(--wdtRadius_Full);
    border-style: solid;
    border-width: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); /* Min-14 & Max-20 */
    border-color: transparent currentColor transparent transparent;
    transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}

/***<<--- Heading - Background Text Elements --->>***/

.wdt-heading-holder .wdt-heading-background-text-wrapper {
    line-height: 1;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none;
}

.wdt-heading-holder .wdt-heading-background-text-wrapper .wdt-heading-background-text {
    display: inline-block;
    font-family: var(--wdtFontTypo_Alt);
    font-size: 12.5em;
    font-weight: 900;
    letter-spacing: 0.075em;
    line-height: 0.65;
    opacity: 0.048;
    margin-top: 5px;
    margin-left: -5px;
}