/*
=================================================
Business Health Score Card
=================================================
*/

/* .bhr-score-card{position:relative;width:100%;max-width:540px;margin:40px auto;padding:35px;background:#fff;border-radius:28px;box-shadow:0 15px 40px rgba(0,0,0,.08);overflow:hidden;text-align:center;} */

/* ==========================================
Gauge
========================================== */

.bhr-gauge-wrapper{position:relative;}
.bhr-gauge{width:100%;height:100%;overflow:visible;}
/* #bhr-bg-arc{stroke:#EEF2F7;} */
#bhr-progress-arc{transition:stroke-dashoffset 1.5s ease;}

/* ==========================================
Center Content
========================================== */

.bhr-score-center{position:absolute;top:50%;left:50%;transform:translate(-50%, 0%);width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.bhr-score-value{display:flex;justify-content:center;align-items:flex-end;}
#bhr-score{font-size:65px;line-height:1;font-weight:700;color:#08244C;}
.bhr-total{font-size:20px;margin-bottom:6px;color:#4E6A8A;font-weight: 500;}
.bhr-stage{margin:15px 0;font-size:18px;line-height:1.2;font-weight:600;}
.bhr-description{font-size:16px;line-height:1.7;color:#001c4e;text-align: center;}

/* ==========================================
Colors
========================================== */

.stage-red{color:#D32F2F;}
.stage-orange{color:#F57C00;}
.stage-yellow{color:#F9A825;}
.stage-green{color:#1B9A84;}
.stage-darkgreen{color:#00796B;}

/* ==========================================
Decoration
========================================== */

/* .bhr-score-card:before{content:"";position:absolute;width:220px;height:220px;right:-110px;top:-110px;border-radius:50%;background:rgba(18,160,140,.05);}
.bhr-score-card:after{content:"";position:absolute;width:180px;height:180px;left:-90px;bottom:-90px;border-radius:50%;background:rgba(18,160,140,.04);} */

/* ==========================================
Responsive
========================================== */

@media(max-width:767px){
	.bhr-score-card{max-width:100%;padding:25px 20px;}
	.bhr-gauge-wrapper{width:320px;height:320px;}
	.bhr-score-center{width:220px;}
	#bhr-score{font-size:72px;}
	.bhr-total{font-size:28px;}
	.bhr-stage{font-size:22px;}
	.bhr-description{max-width:190px;font-size:15px;}
}