/***<<--- 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-horizontal.wdt-progressbar-content-floating svg { height: 3px; }
.wdt-progressbar-container .wdt-progressbar-value { gap: .1em; z-index: 1;
    line-height: 1; position: absolute; right: 0; text-wrap: nowrap; display: flex; align-items: center; }
.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-floating .wdt-progressbar-value:after { 
    content: ''; position: absolute; width: 12px; height: 12px; right: 5%;
    transform: translateX(50%); border: 1px solid var(--wdtHeadAltColor); -webkit-border-radius: var(--wdtRadius_Full);
    border-radius: var(--wdtRadius_Full); bottom: -1.5em; background: var(--wdtAccentTxtColor); z-index: 4; }
.wdt-progressbar-container .wdt-progressbar-value sup{ top: 0; }

/* 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-content .wdt-progressbar-title {
    line-height: 1; width: 100%; margin: 0 0 15px 0; color: var(--wdtHeadAltColor); }
.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-floating .wdt-progressbar-value { color: var(--wdtPrimaryColor); }
.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-floating .wdt-progressbar-value,
.wdt-progressbar-container.wdt-progressbar-horizontal.wdt-progressbar-content-floating .wdt-progressbar-title {
    font-size: 18px; font-weight: var(--wdtFontWeight_Ext); text-transform: capitalize; margin-bottom: 20px; }

.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;
}