@charset "utf-8";
/* CSS Document */

 @font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-ExtraBold.woff2') format('woff2'),
        url('../fonts/Maxis-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-Bold.woff2') format('woff2'),
        url('../fonts/Maxis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-Black.woff2') format('woff2'),
        url('../fonts/Maxis-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-Light.woff2') format('woff2'),
        url('../fonts/Maxis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-Regular.woff2') format('woff2'),
        url('../fonts/Maxis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maxis';
    src: url('../fonts/Maxis-SemiBold.woff2') format('woff2'),
        url('../fonts/Maxis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'slick';
    src: url('../fonts/slick.woff2') format('woff2'),
        url('../fonts/slick.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body
{
	font-family: 'Maxis', sans-serif;
	font-size:14px;line-height:21px;
	background-color:transparent; font-weight:400;
}
 
 
 a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#15a648;
	text-decoration:none;
}

.main-title{
	width:100%;
	display:flex;
	justify-content:center;
}


.main-title h2 {
	font-family: "Maxis", sans-serif;
	font-size:40px;
	line-height:49px;
	color:#000000;
	font-weight:bold;
	margin-top:0;
 	text-transform:capitalize;
	position:relative;
}


.btn-wrap{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;
}

 
 .btn-primary, .button, .size, .ClsButton {
	font-size:14px;
	line-height:17px;
	letter-spacing:1.4px;
	color:#fff;
	font-weight:600;
	white-space:normal;
	text-decoration:none;
	padding:12px 29px;
	text-transform:uppercase;
	background:#15a648;
	border-radius:14px !important;
 	border: 2px solid #0000;
	position:relative;
	overflow:hidden;
	display:flex;
	justify-content:center;
	width:170px;
	 transition: all .4s ease;
}
 
 
.btn-primary:hover, .button:hover, .size:hover, .ClsButton:hover {
	font-size:14px;
	color:#fff !important;
	font-weight:600;
	width:170px;
	text-decoration:none;
	padding:12px 29px;
	text-transform:uppercase;
	white-space:normal;
	border-radius:14px !important;
	border: 2px solid #0000;
	background:#15a648;
	letter-spacing: 2.5px !important;
    transition: all .4s ease;
}




 
.btn-primary:focus, .button:focus, .size:focus, .ClsButton:focus{
	color:#fff;
}


 
 
 /*============================================================
 KEY HIGHLIGHTS CSS STARTS HERE
 ============================================================*/
 .kh-sec{
 
	 width:100%;
	 
 }
 
 .kh-cont{
	 display:flex;
	 width:100%;
	 flex-direction:column;
	 gap:30px;
 }
 
/* .kh-cont .main-title{
	 margin-bottom:30px;
}*/
 
 
 .kh-blocks{
	 display:flex;
	 width:100%;
	 flex-wrap:wrap;
	 gap:30px;
	 
 }
 
 .kh-col{
	 flex: 1 1 calc((100% - 60px) / 3);
	 flex-direction:column;
 }
 
 .kh-title{
	 font-size:20px;
	 line-height:24px;
	 font-weight:bold;
	 color:#000;
	 width:100%;
	 text-align:left;
	 margin-bottom:10px;
 }
 
 .kh-val{
	  font-size:60px;
	 line-height:60px;
	 font-weight:bold;
	 color:#15a648;
	 width:100%;
	 text-align:left;
	 margin-bottom:20px;
 }
  .kh-val span{
	  font-size:40px;
	  line-height:49px;
	  color:#000;
	  font-weight:300;
  }
 
 .progress-bar{
	 width:100%;
	 height:25px;
	 max-width:395px;
	 background:#007F89;
	 margin-bottom:10px;
	 
 }
 .progress-fill{
	 background:#15a648;
	 height:100%;
	 width:0;
	  transition: width 0.5s ease;
 }
 
 .chg {
	 width:100%;
	 clear:both;
	 font-size:20px;
	 line-height:24px;
	 color:#000;
 }
 
.chgUp span::before{
	content:'';
	display:inline-block;
	margin-right:5px;
	background:url(../images/up.png) no-repeat;
	width:9px;
	height:6px;
	background-position:center center;
	background-size:cover;
}



.chgDown span::before{
	content:'';
	display:inline-block;
	margin-right:5px;
	background:url(../images/up.png) no-repeat;
	width:19px;
	height:11px;
	background-position:center center;
	background-size:cover;
	 transform: rotate(180deg);
}












 
@media print, screen and (min-width: 1024px)
{
 
}
@media (max-width: 575px) 
{
 	
}

/***********END conatainer css*************/



/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
 
@media (min-width: 768px) {
 .kh-sec .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
 .kh-sec .container {
      width: 970px;
  }
}
@media (min-width: 1200px) {
 .kh-sec .container {
     width: 1200px;
  }
}

@media (min-width: 1336px) {
  .kh-sec .container{
          width:1300;
    }
}