@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body, html {
	scrollbar-color:  #056449 rgba(0, 0, 0, 0.15) !important;
	scrollbar-width: thin !important;
}
body {
	margin: 0;
	padding: 0;
	color:#5f6368;
	overflow-x:hidden;
	font-family: "Roboto", sans-serif;
	position:relative;
	background:#fff;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a, a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
img {
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
* {
	box-sizing: border-box;
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 10px;
	padding-left: 10px;
}
 
/*********************
// Start Homepage //
***********************/
 .logo-Main > img {
	width: auto;
	height: 35px;
}
.sticky header {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
}
header {
	position: fixed;
	background:#fff;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99999;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.main-Menu {
	padding: 0 20px;
}
.main-Menu ul > li > a {
	font-size: 14px;
	color: #5f6368;
	font-weight: 500;
	padding: 15px;
	overflow: hidden;
	position: relative;
	width: auto;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.main-Menu ul > li > a:after {
	background:#01875f;
	content:"";
	width: calc(100% - 30px);
	margin:0 auto;
	height:3px;
	border-radius:3px 3px 0 0;
	position:absolute;
	left:0;
	right:0;
	bottom:-10px;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.main-Menu ul > li > a > span {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-Menu ul > li > a:hover {
	color:#01875f;
}
.main-Menu ul > li > a.active {
	color:#01875f;
}
.main-Menu ul > li > a.active:after {
	bottom:0px;
}
.menu-Inse {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.menu-Inse ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner-Coverse {
	background:#222; 
	padding:60px 0;
	position:relative;
	overflow:hidden;
	z-index:2;
	color: #999;
}

.ban-Title > h1 {
	font-size: 44px;
	line-height: 47px;
	font-weight: 700;
	color:#fff;
}

.right-Banse .primaryBtn.blackBtn {
	width: 150px;
	text-align: center;
	border: 0;
	background: #000;
	color: #fff;
	border-radius: 90px;
}
 .app-Inse > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
}
.slick-list.draggable {
	padding:0 !important;
}
.mid-Banse {
	padding: 30px 0;
}
.mid-Banse > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding-top: 5px;
}
.mid-Banse > ul > li {
	font-size: 13px;
	line-height: 14px;
	color: #999;
}
.mid-Banse > h3 {
	font-size: 14px;
	color:#00a173;
}
.app-Revse > ul, .media-Sec > ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.appImg {
	position: absolute;
	width: 50px;
	left: 0;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
}
.app-Revse > ul > li {
	padding-right: 40px;
	position: relative;
}
.app-Revse > ul > li:after {
	 position: absolute;
 content: "";
 height: 20px;
 width: 1px;
 background:#999;
 top: 50%;
 margin-top: -10px;
 right: 20px;
}
.app-Revse > ul > li:last-child {
	padding-right:0;
}
 .app-Revse > ul > li:last-child:after{
	 display:none; 
}
.stats-Mainse {
	width: 450px;
	display: inline-block;
	max-width: 100%;
	text-align: center;
}
.app-Inse > h3 {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	color: #fff;
	text-align: center;
}
.app-Inse > h3 > span {
	background: #fff;
	padding: 2px;
	font-size: 13px;
	line-height: 13px;
	display: inline-block;
	font-weight: 500;
	color: #333;
}
.app-Inse > p {
	font-size: 13px;
	line-height: 13px;
	color: #999;
	padding-top: 5px;
	font-weight: 400;
}
.media-Sec > ul > li > a {
	font-size: 13px;
	line-height: 13px;
	color: #00a173;
	display: flex;
	align-items: center;
	justify-content: center;
}
.media-Sec > ul > li > a.primaryBtn {
	color: #333;
	width: 191px;
	padding: 15px 10px;
	font-size: 13px;
	line-height: 13px;
}
.media-Sec > ul > li > a.blackBtn {
	color:#00a173;
}
.media-Sec > ul > li > a > span {
	display: inline-block;
	width: 25px;
	margin-right:10px;
}
.media-Sec {
	padding: 30px 0; 
}
.media-Sec > ul {
	gap:20px;
}
.left-Banse p {
	font-size: 14px;
	line-height: 20px;
}
.left-Banse p + p {
	padding-top: 15px;
}
.left-Banse p > i {
	color: #00a173;
	margin-right: 5px;
}
.left-Banse p > a {
	color:#999;
	text-decoration:underline;
}
 .customBor::after, .customBor::before {
 position: absolute;
 content: "";
 height: 20px;
 width: 1px;
 background:#999;
 top: 50%;
 margin-top: -10px;
 left: -20px;
}
.customBor::before {
 left:auto;
 right:20px;
}
.right-Banse {
	text-align: right;
}
.right-Banse > img {
	width: auto;
	height: 250px;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
}
.primaryBtn {
	background:#01875f;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	text-transform: capitalize;
	padding:15px 20px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.035);
	border-radius:10px;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.primaryBtn::after {
 background: rgba(255, 255, 255, 0.15);
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 0;
 z-index: -1;
 -webkit-transition: all 400ms ease-in-out 0s;
 -moz-transition: all 400ms ease-in-out 0s;
 -ms-transition: all 400ms ease-in-out 0s;
 -o-transition: all 400ms ease-in-out 0s;
 transition: all 400ms ease-in-out 0s;
 transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);
}
.primaryBtn:hover:after {
	height: 100%;
}
.primaryBtn:hover {
	color: #fff;
}
.blackBtn {
	background:#212121;
	border:1px solid #5F6368;
	color:#01875f;
}
.blackBtn:hover {
	color:#01875f;
}
.whiteBtn {
	background:#fff;
	border:1px solid #dadce0;
	color:#01875f;
}
.whiteBtn:hover {
	color:#01875f;
}
.mid-Section {
	padding: 60px 0;
}
.screenshot-Wrapse {
	border-radius: 10px;
	overflow: hidden;
	margin:10px 0;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.095);
}
.screenshot-Wrapse img {
	width: 100%;
}
.about-Gamese {
	padding: 40px 0;
}
.title-Text > h3 {
	font-size: 24px;
	color:#2f3033;
	display: flex;
	align-items: center;
}
.title-Text > h3 > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	margin-left: 15px;
	margin-top: 4px;
}
.title-Text > p {
	font-size: 13px;
	text-align: right;
}
.title-Text > p > i {
	width: 15px;
	height: 15px;
	border: 1px solid;
	display: inline-block;
	text-align: center;
	line-height: 15px;
	border-radius: 30px;
	font-size: 10px;
}
.text-Cover > ul {
	padding-top: 25px;
}
.text-Cover > ul > li {
	font-size: 14px;
	line-height: 21px;
	position: relative;
	padding-left: 25px;
}
.text-Cover > p {
	font-size: 14px;
	line-height: 22px;
	padding-top: 25px;
}
.text-Cover > ul > li > span {
	position: absolute;
	left: 0;
	top: 0;
}
.info-Appse {
	padding-top: 25px;
}
.update-Info > h4 {
	font-size: 14px;
	color: #2f3033;
	line-height: 14px;
}
.update-Info > h4 > span {
	display: block;
	font-size: 13px;
	color: #5f6368;
	padding-top: 5px;
}
.info-Appse > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	padding-top:30px;
}
.info-Appse > ul > li > a {
	background: #fff;
	color: #5f6368;
	border: 1px solid #b9b6b6;
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 14px;
	border-radius: 50px;
	font-weight: 600;
}
.event-Offer {
	padding: 25px 0 40px;
}
.event-Offer > h3 {
	font-size: 18px;
	line-height: 19px;
	color:#000;
	padding-bottom:25px;
}
.event-Cover {
	background:#1c2361;
	color: #fff;
	overflow: hidden;
	border-radius:20px;
	position: relative;
}
.off-Date {
	position: absolute;
	left: 0;
	top: 0;
	background:#494f81;
	border-radius: 0 0 15px 0;
	padding: 15px;
}
.off-Date > p {
	font-size: 15px;
	line-height: 15px;
	font-weight: 600;
}
.offer-Title {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 50px 30px;
}
.offer-Title > h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}
.offer-Title > h3 > span {
	display:block;
	padding-top:15px;
}
.safety-Sec {
	background: #fff;
	border: 1px solid #dadce0;
	padding: 20px;
	border-radius: 10px;
	margin-top: 35px;
}
.safe-Inse {
	padding-left:30px;
	position:relative;
}
.safe-Inse > h4 {
	font-size: 14px;
	color: #2f3033;
	line-height: 15px;
}

.safe-Inse h4 > span.txtInfo > a {
	color: #5f6368;
	text-decoration: underline;
	display: inline-block;
	padding-top: 5px;
}
.safe-Inse > span {
	position: absolute;
	left: 0;
	top: -4px;
}
.safe-Inse h4 > span.txtInfo {
	display:block;
	font-weight:normal;
	font-size: 12px;
	padding-top: 5px;
	position:static;
}
.safety-Sec ul > li + li {
	padding-top: 20px;
}
.safety-Sec > a {
	font-size: 14px;
	display: table;
	padding-top: 30px;
	color: #01875f;
	line-height: 14px;
	font-weight:600;
}
.review-Cover {
	padding-top: 40px;
}
.user-Cover {
	position: relative;
	padding-right: 10px;
}
.rightBtn {
	position: absolute;
	right: 0;
	top: 0;
}
.rightBtn > a {
	font-size: 18px;
	color: #5f6368;
}
.user-Cover .row + .row {
	padding-top: 5px;
}
.user-Photo {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.055);
}
.user-Photo > img {
	object-fit: cover;
	object-position: center;
	height: 35px;
	width: auto;
}
.user-Text > h3 {
	font-size: 14px;
	font-weight: 600;
	color: #2f3033;
	line-height: 15px;
}
 
 .star-container {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	width: 82px;
	height: 13px; 
}

    .star-background,
    .star-foreground {
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        height: 100%;
        overflow: hidden;
    }

    .star-background {
        color: #e5e5e5;
        z-index: 1;
    }

    .star-foreground { 
        z-index: 2;
        pointer-events: none;
        color: #01875f;

    }


.date-review > p {
	font-size: 13px;
}
.revs-Text > h3 {
	font-size: 14px;
	font-weight: 600;
	color: #2f3033;
	line-height: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.revs-Text > h3 > span {
	font-size:13px;
	font-weight: 400;
	color: #5f6368;
}
.revs-Text > p {
	font-size: 14px;
	line-height: 21px;
	padding-top: 15px;
	overflow: auto;
}
.revs-Text > p > a {
	background: #fff;
	border: 1px solid #dadce0;
	display: inline-block;
	padding: 8px 15px;
	font-size: 14px;
	line-height: 14px;
	color: #5f6368;
	border-radius: 50px;
	font-weight: 500;
	margin-left:5px;
}
.replySec {
	background: #f8f9fa;
	padding: 20px;
	margin-left: 30px;
	margin-top: 40px;
}
.inner-Reviews > a {
	font-size: 14px;
	display: table;
	padding-top: 30px;
	color: #01875f;
	line-height: 14px;
	font-weight: 600;
}
.text-Cover > h4 {
	font-size: 14px;
	line-height: 15px;
	padding-top: 30px;
	color: #202124;
}
.text-Cover > h4 > i {
	color: #5f6368;
	padding-right:5px;
}
.reviews-Mainse .text-Cover {
	padding-top: 40px;
}

.black-Cover {
	background: #282828;
	padding: 30px;
	border-radius: 10px;
	margin-top: 10px;
	color:#fff;
}

.tpone-Text > h3 {
	font-size: 24px;
	line-height: 25px;
	display: flex;
	align-items: center;
}
.tpone-Text > h3 > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 15px;
}

.tpone-Text > p {
	font-size: 16px;
	line-height: 24px;
	padding-top:15px;
	color:#bdc1c6;
}
.tpone-Text > a {
	font-size: 16px;
	color: #28feaf;
	padding-top: 15px;
	display: inline-block;
}
.tptwo-Text {
	margin: 30px 0;
	padding: 30px 0;
	border-top: 2px solid #3c3c3c;
	border-bottom: 2px solid #3c3c3c;
}

.tptwo-Text ul > li, .tpthree-Text ul > li {
	padding-left: 30px;
	position: relative;
	font-size: 14px;
	color: #bdc1c6;
}
.tptwo-Text ul > li + li {
	margin-top: 15px; 
}
.tptwo-Text ul > li > span {
	position: absolute;
	left: 0;
	top: 1px;
	width:17px;
	height: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tpthree-Text > h3 {
	font-size: 24px;
	line-height: 25px; 
}
.tpthree-Text ul {
	padding-top:30px;
}
.tpthree-Text ul > li {
	padding-left:15px;
}
.tpthree-Text ul > li + li {
	margin-top:10px;
	}
.tpthree-Text ul > li:before {
	background:#fff;
	content:"";
	position:absolute;
	left:0;
	top:7px;
	width:6px;
	height:6px;
	border-radius:6px; 
}
.tpthree-Text ul > li > span {
	font-weight:500;
	color:#fff;
}
.tpfour-Text {
	padding-top: 40px;
}
.tpfour-Text > p {   
	font-size: 14px;
	color: #bdc1c6;
}
.tpfour-Text > p > a {
	color: #28feaf;
}
.tpfour-Text > p + p {
	padding-top:15px; 
}
.relative-Cover  {
	padding: 40px 0 0;
}
.relative-Cover .title-Text {
	padding-left: 10px;
}
.relative-Cover .title-Text + .title-Text {
	padding-top: 30px;
}
.app-Post {
	background: #fff;
	border-radius: 10px;
	padding: 10px;	
	color: #202124;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.app-Post:hover {
	background:#f5f5f5;
}
.app-Wrap {
	margin-top: 15px;
}
.img-App > img {
	height: 65px;
	width: auto;
	border-radius: 15px;
}
.text-App > h3 {
	font-size: 16px;
	font-weight: normal;
}
.text-App > h3 > span{
	font-size: 14px;
	display:block;
	padding:5px 0; 
}
.text-App > p {
	font-size: 14px;
	font-weight: normal;
	color:#5f6368;
}
footer {
	background: #fff;
	position: relative;
}
.top-Footer {
	padding: 60px 0 30px;
	border-top: 1px solid #e8eaed;
}
.footer-Menu > h3 {
	font-size: 14px;
	font-weight: 500;
	padding-bottom:15px;
}
.footer-Menu > ul > li > a, .footer-Menu2 > ul > li > a {
	font-size: 13px;
	color: #333;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.footer-Menu > ul > li > a:hover, .footer-Menu2 > ul > li > a:hover {
	color: #01875f;
}
.footer-Menu > ul > li + li {
	margin-top: 10px;
}
.bottom-footer {
	padding: 20px 0;
}
.footer-Menu2 > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}
.countrySec {
	text-align: right;
}
.countrySec > p {
	font-size: 14px;
}
.countrySec > p > span > img {
	width: auto;
	height: 18px;
	margin-right: 10px;
}
.custom-Bor {
	border-left: 1px solid #dadce0;
	border-right: 1px solid #dadce0;
}
@media screen and (min-width:991px) {
.custom-Order {
 order: 1;
}
.black-Cover { 
	margin-left: 30px;
}
.relative-Cover {
	margin-left:20px;
}
.banner-Insec .row {
	margin-bottom: -220px;
}
.app-Revse {
	position: relative;
	padding-left: 65px;
}.banner-Insec {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
	display: flex;
	align-items: center;
}
.banner-Coverse:after, .banner-Coverse:before {
background: #222;
background: linear-gradient(90deg, rgba(34, 34, 34, 1) 28%, rgba(34, 34, 34, 0.2) 60%, rgba(34, 34, 34, 1) 80%);
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:3; 
}
.banner-Coverse:before {
background: #222;
background: linear-gradient(180deg, rgba(34, 34, 34, 0) 59%, rgba(34, 34, 34, 1) 86%);

}
 .banner-Inse {
	position: relative;
}
.video-Cover {
	text-align: right;
}
.video-Cover .ratio {
	display: inline-block;
	width: 1070px;
	max-width: 100%;
}
}
/*************************
// Start Media query//
*************************/
@media screen and (max-width:991px) {
	
	.logo-Main > img {
	width: auto;
	height: 30px;
}
.right-nav.d-flex.d-lg-none {
	align-items: center;
}
.main-Menu .right-nav > li > a {
	padding: 10px;
}
.navbar-brand.logo-Main {
	margin: 0;
}
	.main-Menu {
	padding: 0;
}
	.banner-Coverse { 
	padding: 160px 0 60px; 
}
	header {
	padding-top: 10px;
}
	.right-Banse {
	text-align: inherit;
	position: absolute;
	left: 0;
	top: 0px;
}
	.mob-Banse {
	position: relative;
	padding-left: 110px;
}
.left-nav {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 5px;
}
.right-Banse > img {
	width: auto;
	height: 90px;
	box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
}
.main-Menu ul > li > a { 
	padding:10px 15px;  
	height: auto; 
}
.ban-Title > h1 {
	font-size: 20px;
	line-height: 23px;
	font-weight: 500; 
}
.mid-Banse {
	padding: 5px 0 30px;
}
.area-Right {
	margin-top: 40px;
}
.top-Footer .col-lg-4 + .col-lg-4 {
	padding-top: 40px;
}
.countrySec {
	text-align: left;
}
.offer-Title > h3 {
	position: absolute;
	bottom: 0;
	z-index: 4;
	left: 0;
	right: 0;
	padding:15px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
}
.offer-Title { 
	padding: 0; 
}
.offerImg , .offerImg > img {
	width: 100%;
}
.off-Date > p {
	font-size: 13px;
	line-height: 14px; 
}
.off-Date { 
	padding: 10px;
}
}
 @media screen and (max-width:767px) {
}
 @media screen and (max-width:585px) {
}
.rating-summary {
	padding-top: 40px;
}
.average-rating span.stars {
	display: block;
	font-size:13px;
}
.average-rating span.stars i {
	margin:0 2px;
}
.average-rating > p {
	font-size: 12px;
}
.average-rating .rating-value {
	font-size: 42px;
	font-weight: 600;
	color: #000;
	line-height: 42px;
}
.bar-label {
	width: 20px;
	text-align: right;
	margin-right: 10px;
	font-size: 13px;
	line-height: 13px;
}
.stars {
	color: #0a8f6a;
}
.bar-group {
	display: flex;
	align-items: center;
	margin: 4px 0;
}
.bar-label {
	width: 20px;
	text-align: right;
	margin-right: 10px;
}
.bar {
	background-color: #e0e0e0;
	flex: 1;
	height: 10px;
	border-radius: 4px;
	position: relative;
}
.fill {
	background-color: #0a8f6a;
	height: 100%;
	border-radius: 4px;
}