/* Start Basic Progress Bar CSS */
:root{
	--ld-primary: #14B670;
	--ld-progress-bg: var(--ld-primary);
	--ld-progress-bg-rgb: 20, 182, 112;
}
.progress-orange{
	--ld-progress-bg: #FBAA37;
	--ld-progress-bg-rgb: 251, 170, 55;
}
.progress-red{
	--ld-progress-bg: #FD4438;
	--ld-progress-bg-rgb: 253, 68, 56;
}
.progress-dark{
	--ld-progress-bg: #003C43;
	--ld-progress-bg-rgb: 0, 60, 67;
}
.progress-blue{
	--ld-progress-bg: #0066D6;
	--ld-progress-bg-rgb: 0, 102, 214;
}
.progress-skyblue{
	--ld-progress-bg: #03ABFE;
	--ld-progress-bg-rgb: 3, 171, 254;
}
.progress-pink{
	--ld-progress-bg: #9243D2;
	--ld-progress-bg-rgb: 146, 67, 210;
}
.progress-purple{
	--ld-progress-bg: #4152E5;
	--ld-progress-bg-rgb: 65, 82, 229;
}
/*
.text-primary{
	color: var(--ld-primary) !important;
}
.text-orange{
	color: #FBAA37 !important;
}
.text-red{
	color: #FD4438 !important;
}
.text-dark{
	color: #003C43 !important;
}
.text-blue{
	color: #0066D6 !important;
}
.text-skyblue{
	color: #03ABFE !important;
}
.text-pink{
	color: #9243D2 !important;
}
.text-purple{
	color: #4152E5 !important;
}
*/
.ld-progress{
	background-color: red;
	border-radius: 4px;
	height: 8px;
	background-color: rgba(var(--ld-progress-bg-rgb), 0.15);
	position: relative;
}
.ld-progress .progress-bar{
	border-radius: inherit;
    height: 100%;
    background-color: var(--ld-progress-bg);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
 	transition: width 1.5s ease-out;
	width: 0;
}
.progress-label{
	color: #003C43;
    display: inline-flex;
    align-items: center;
}
.progress-value{
	color: #4B7C82;
	display: inline-flex;
    align-items: center;
	font-weight: 700;
    font-size: 14px;
}
.ld-progress .progress-value{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
    padding-left: 20px;
    padding-right: 20px;
}
.progress-rounded{
	border-radius: 30px;
}
.progress-shadow .progress-bar{
	box-shadow: 0px 10px 30px 0px rgba(var(--ld-progress-bg-rgb), 0.5);
}
.ld-progress-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    font-weight: 700;
	font-size: 14px;
}
.ld-progress + .ld-progress-info{
    margin-top: 8px;
    margin-bottom: 0;
}
.ld-progress-info .ld-progress{
	flex: 1;
    margin: 0 10px;
}
.progress-text{
	font-size: 12px;
    font-weight: 500;
    display: block;
    margin-top: 8px;
}
.text-end{
	text-align: right;
}
.size-2x{
	font-size: 24px !important;
}
.progress-avatar{
	border-radius: 50%;
}
/* End Basic Progress Bar CSS */


/* Start outline CSS */
.progress-outline{
	background-color: #fff;
	padding: 3px;
	border: 1px solid var(--ld-progress-bg);
}
.progress-outline.lh-1,
.progress-outline.lh-2{
	padding: 0;
}
.progress-outline.lh-3{
	padding: 1px;
}
/* End outline CSS */


/* Start Progress Step */
.progress-step{
	background-color: transparent;
    display: flex;
    gap: 2px;
}
.progress-step .inner-step{
	width: 100%;
    height: 100%;
	background-color: rgba(var(--ld-progress-bg-rgb), 0.15);
    border-radius: 50px;
}
.progress-step .inner-step.active{
    background-color: var(--ld-progress-bg);
}
/* End Progress Step */


/* Start Progress Striped */
.progress-striped .progress-bar{
	background-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 70%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 95%, transparent 90%, transparent);
    background-size: inherit;
}
.progress-bg-striped{
	background-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 70%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0.5) 95%, transparent 90%, transparent);
    background-size: inherit;
}
.progress-full-striped{
    mask-image:url('data:image/svg+xml,<svg width="7" height="22" viewBox="0 0 7 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447716 0.447715 0 1 0H4C4.55228 0 5 0.447715 5 1V21C5 21.5523 4.55228 22 4 22H1C0.447715 22 0 21.5523 0 21V1Z" fill="white"/></svg>');
    mask-size: auto 100%;
    border-radius: 0;
    mask-repeat: repeat;
}
/* End Progress Striped */


/* Start Progress bar height */
.lh-1{
	height: 2px;
	background-size: 2px;
}
.lh-2{
	height: 4px;
	background-size: 3px;
}
.lh-3{
	height: 8px;
	background-size: 5px;
}
.lh-4{
	height: 12px;
	background-size: 8px;
}
.lh-5{
	height: 15px;
	background-size: 9px;
}
.lh-6{
	height: 18px;
	background-size: 12px;
}
.lh-7{
	height: 22px;
	background-size: 14px;
}
.lh-8{
	height: 28px;
	background-size: 18px;
}
/* End Progress bar height */


/* Start Progress Circle */
.ld-progress-circle{
	position: relative;
}
.ld-progress-circle .progress-value{
	display: block;
	color: #003C43;
    font-weight: 800;
	line-height: 1.2;
}
.ld-progress-circle .ld-progress-info{
	flex-direction: column;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.ld-progress-circle .progress-label{
    font-size: 12px;
}
.ld-progress-ring{
    --progress: 75; /* Change this value (0-100) */
	transform: rotate(-90deg) scale(1.1);
}
.progress-ring-bg{
    fill: none;
    stroke: #F0F8FA;
    stroke-width: 8;
}
.progress-ring-circle{
    fill: none;
    stroke: var(--ld-progress-bg);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 251.2;
    stroke-dashoffset: calc(251.2 - (251.2 * var(--progress) / 100));
    transition: stroke-dashoffset 1.5s ease-in-out;
}
.circle-outline .progress-ring-bg,
.circle-outline .progress-ring-circle{
    stroke-width: 3;
}
.circle-outline .ld-progress-ring{
    transform: rotate(-90deg) scale(1.18);
}
.circle-outline .ld-progress-info{
	background-color: rgba(var(--ld-progress-bg-rgb), 0.1);
}
.progress-1x{
	width: 180px;
	height: 180px;
}
.progress-2x{
	width: 140px;
	height: 140px;
}
.progress-3x{
	width: 100px;
	height: 100px;
}
.progress-4x{
	width: 80px;
	height: 80px;
}
.progress-5x{
	width: 40px;
	height: 40px;
}
.progress-1x .progress-value{
	font-size: 35px;
}
.progress-2x .progress-value{
	font-size: 30px;	
}
.progress-3x .progress-value{
	font-size: 24px;
}
.progress-4x .progress-value{
	font-size: 18px;
}
.progress-5x .progress-value{
	font-size: 12px;
}
.progress-1x.circle-outline .ld-progress-info{
	height: calc(100% - 40px);
    width: calc(100% - 40px);
}
.progress-2x.circle-outline .ld-progress-info{
	height: calc(100% - 30px);
    width: calc(100% - 30px);
}
.progress-3x.circle-outline .ld-progress-info{
	height: calc(100% - 20px);
    width: calc(100% - 20px);
}
.progress-4x.circle-outline .ld-progress-info{
	height: calc(100% - 20px);
    width: calc(100% - 20px);
}
.progress-5x.circle-outline .ld-progress-info{
	height: calc(100% - 10px);
    width: calc(100% - 10px);
}
/* End Progress Circle */


/* Start - Basic Progress Steps */
.ld-progress-step .stepbar{
	padding: 0;
	margin: 0;
	position: relative;
}
.ld-progress-step .stepbar li{
	display: block;
	position: relative;
}
.ld-progress-step .progress-label{
	font-size: 16px;
	color: #003C43;
	font-weight: 700;
}
.ld-progress-step .progress-text{
	color: #7F9EA1;
	font-size: 15px;
	margin: 0;
}
.ld-progress-step .progress-link{
	display: block;
}
.ld-progress-step .progress-link.done .progress-label{
	color: #1E5D64;
}
.ld-progress-step .progress-link.inactive .step{
	border-color: #D1E9EC;
	color: #628D92;
}
.ld-progress-step .progress-link.inactive .step-info{
	opacity: 0.4;
}
.ld-progress-step .progress-link .step:after{
	content: "";
	position: absolute;
    left: 0;
    top: 0;
	background-image: url(../images/step-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
	transition: all 0.25s;
	transform: scale(0.5) rotate(-15deg);
	opacity: 0;
	visibility: hidden;
}
.ld-progress-step .progress-link.done .step:after{
	transform: scale(1) rotate(0deg);
	opacity: 1;
	visibility: visible;
}
.ld-progress-step .stepbar .step{
	height: 40px;
    width: 40px;
    border: 2px solid var(--ld-progress-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: 0;
	top: -5px;
	z-index: 2;
	background-color: #fff;
	box-shadow: 0 0 0 5px #fff;
	color: var(--ld-progress-bg);
}
.ld-progress-step .progress-link.done::before{
	background-color: var(--ld-progress-bg);
}
.ld-progress-step .progress-link.done .step{
	background-color: var(--ld-progress-bg);
	color: #fff;
	font-size: 0;
}
/* End - Basic Progress Steps */


/* Start - Progress Steps 1 */
.progress-step1 .stepbar li{
	padding-left: 55px;
}
.progress-step1 .stepbar li:not(:last-child){
	padding-bottom: 30px;
}
.progress-step1 .progress-link::before{
	content: "";
    width: 2px;
    height: 100%;
    background-color: #D1E9EC;
    position: absolute;
    left: 20px;
    z-index: 1;
    top: 0;
}
/* End - Progress Steps 1 */

/* Start - Progress Steps 2 */
.progress-step2:not(.horizontal-step) .stepbar li{
	padding-left: 25px;
}
.progress-step2 .stepbar li:not(:last-child){
	padding-bottom: 30px;
}
.progress-step2:not(.horizontal-step) .stepbar li:last-child .progress-link::before{
	content: none;
}
.progress-step2 .stepbar .step-point{
	height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 8px;
    z-index: 2;
	background-color: #D1E9EC;
}
.progress-step2 .progress-link::before{
	content: "";
    width: 2px;
    height: 100%;
    background-color: #D1E9EC;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 8px;
}
.progress-step2 .progress-link.done::before{
	background-color: var(--ld-progress-bg);
}
.progress-step2 .progress-link.done .step-point{
	background-color: var(--ld-progress-bg);
}
.progress-step2 .progress-link.active .step-point{
	background-color: var(--ld-progress-bg);
	box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--ld-progress-bg);
}
/* End - Progress Steps 1 */


/* Start - Progress Steps 3 */
.progress-step3 .progress-link{
	background-color: #F0F9FA;
    border-radius: 6px;
    padding: 12px 15px 12px 65px;
}
.progress-step3 .progress-link .step {
    box-shadow: none;
    left: 15px;
	top: 15px;
    background-color: transparent;
	border: 0;
}
.progress-step3 .stepbar li:not(:last-child){
    margin-bottom: 10px;
}
.progress-step3 .progress-link .step .ld-progress-ring{
    position: absolute;
    transform: rotate(-90deg) scale(1.2);
}
.progress-step3 .progress-link .step .progress-ring-circle{
	stroke-linecap: square;
	stroke-width: 6;
}
.progress-step3 .progress-link .step .progress-ring-bg {
    stroke: #D1E9EC;
    stroke-width: 6;
}
.progress-step3 .progress-link .step .progress-value {
    color: #1E5D64;
	
}
.progress-step3 .progress-link:not(.active) .step .progress-value {
    display: none;
}
/* End - Progress Steps 3 */

.progress-ring-circle{
    stroke-dasharray: 251.2;
    stroke-dashoffset: 251.2;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 1.5s ease-out;
}
.ld-progress-ring.animate .progress-ring-circle{
    stroke-dashoffset: calc(251.2 - (var(--progress) * 2.512));
}

/* Start - Page Progress */
.page-progress{
	height: 4px;
    background-color: var(--ld-primary);
}
/* End - Page Progress */

/* Start - Backtop To Progress */
.backtop-progress {
	position: fixed;
	cursor: pointer;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #fff;
	display: block;
	box-shadow: 0px 10px 30px rgba(6, 118, 70, 0.1);
	z-index: 999;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.backtop-progress svg path{
    fill: none;
    stroke-width: 4;
    box-sizing: border-box;
    stroke: var(--ld-primary);
    transition: all 200ms linear;
}
.backtop-progress img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* End - Backtop To Progress */

/* Start - Page Progress Vertical */
.page-progress-vertical{
	position: fixed;
    width: 14px;
    height: 180px;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(6, 118, 70, 0.1);
    border-radius: 20px;
	overflow: hidden;
    z-index: 99;
	padding: 5px 4px;
}
.page-progress-vertical .inner-bar{
	width: 6px;
    background-color: var(--ld-primary);
    border-radius: 50px;
}
/* End - Page Progress Vertical */