/***<<--- Progress Bar Transition --->>***/

.wdt-progressbar-container { -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }
.wdt-progressbar-container { position: relative; display: flex; }

.wdt-progressbar-container svg { width: auto; height: auto; }

.wdt-progressbar-container .wdt-progressbar-value { line-height: 1; position: absolute; right: 0; display: flex; align-items: center; }

/* Horizontal - Progress Bar*/

.wdt-progressbar-container.wdt-progressbar-horizontal { flex-direction: column; }
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-content { position: relative; display: flex; align-items: center; width: 100%; }

.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-value .wdt-progressbar-percentage{
    align-self: flex-end;
    font-size: var(--wdtFontSize_H6);
}
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-value{
    top: 0;
}

.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-content .wdt-progressbar-title { line-height: 1; width: 100%; margin: 0 0 clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem) 0; /*40px - 30px*/ }
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-title{
    color: var(--wdtSecondaryColor);
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Ext);
    font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem) /*24px - 20px*/;
}
.wdt-dark-bg .wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-title{
    color: var(--wdtAccentTxtColor);
}
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-value{
    color: var(--wdtSecondaryColor);
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem) /*24px - 20px*/;
}
.wdt-dark-bg .wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-value{
    color: var(--wdtAccentTxtColor);
}
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    font-size: 15px;
    background-color: rgba(var(--wdtBorderColorRgb), .2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--wdtRadius_Full);
    color: var(--wdtPrimaryColor);
    margin-left: -15px;
}
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-icon svg{
    width: 11px;
    height: 11px;
}
.wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar { position: relative; width: 100%; }

.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-floating .wdt-progressbar-value { right: auto; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); }

.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-fixed-along .wdt-progressbar-value { z-index: 1; bottom: 0; margin: 0 0 0 15px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); }

.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-fixed .wdt-progressbar-content { position: absolute; z-index: 1; top: 50%; left: 0; transform: translateY(-50%); }

.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-fixed .wdt-progressbar-content .wdt-progressbar-title { width: auto; margin: 0 10px; }

.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-fixed .wdt-progressbar-content .wdt-progressbar-value { position: relative; }

/*Circle - Progress Bar*/

.wdt-progressbar-container.wdt-progressbar-circle .wdt-progressbar-value { top: 0; left: 0; right: 0; bottom: 0; justify-content: center; padding: 0; margin: 0; }

/*Semi-Circle - Progress Bar*/

.wdt-progressbar-container.wdt-progressbar-semi-circle .wdt-progressbar-value { top: auto; left: 0; right: 0; bottom: 0; justify-content: center; padding: 0; margin: 0; }