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

 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 
/*font-family: "Nunito", sans-serif;*/
/*@font-face {
    font-family: 'Arial Rounded MT';
    src: url('../fonts/ArialRoundedMTBold.eot');
    src: url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialRoundedMTBold.woff2') format('woff2'),
        url('../fonts/ArialRoundedMTBold.woff') format('woff'),
        url('../fonts/ArialRoundedMTBold.ttf') format('truetype'),
        url('../fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arial-Rounded';
    src: url('../fonts/Arial-Rounded.eot');
    src: url('../fonts/Arial-Rounded.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-Rounded.woff2') format('woff2'),
        url('../fonts/Arial-Rounded.woff') format('woff'),
        url('../fonts/Arial-Rounded.ttf') format('truetype'),
        url('../fonts/Arial-Rounded.svg#Arial-Rounded') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

body{
	 font-family: "Nunito", sans-serif;
	 font-size:16px;
	 line-height:22px;
	 color:#000;
	 overflow-x:hidden;
}


.mt20{
	margin-top:20px;
}
.white{
	color:#fff !important;
}
.float-none{
	float:none !important;
}

.main-title h2{
	font-family: "Nunito", sans-serif;
	font-size:75px;
	line-height:75px;
	color:#000;
	text-align:center;
	margin-bottom:75px;
	
}

a{
	color:#8dbba7;
	text-decoration:none;
}
a:hover{
	color:#6b9487;
	text-decoration:none;
}

.btn-primary{
	font-family: "Nunito", sans-serif;
	 
	display:inline-block;
	background:#6b9487;
	border-radius:30px;
	padding:10px 70px;
	text-transform:capitalize;
	text-align:center;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	color:#ffff;
	font-weight:bold;
	border:none;
	text-decoration:none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn:first-child:active{
	background:#8dbba7;
}
.btn-primary .btn-text{
	width:100%;
	font-size:16px;
	line-height:20px;
	color:#fff;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}


a.vm-btn, .vm-btn{
	font-family: "Nunito", sans-serif;
	/*float:left;
	width:150px;
	height:50px;*/
	display:inline-block;
	background:#97BAA9;
	border-radius:30px;
	padding:10px 30px;
	text-transform:uppercase;
	text-align:center;
	font-size:18px;
	line-height:18px;
/*	font-size:30px;
	line-height:30px;*/
	text-decoration:none;
	color:#ffff;
	font-weight:bold;
	border:none;
}
.ClsButton{
	font-family: "Nunito", sans-serif;
	display:inline-block;
	background:#97BAA9 !important;
	border-radius:30px;
	padding:10px 30px !important;
	text-transform:uppercase !important;
	text-align:center !important;
	font-size:18px !important;
	line-height:18px !important;
	text-decoration:none !important;
	color:#ffff !important;
	font-weight:bold !important;
	border:none !important;
	width:auto !important;
	height: auto !important;
}

.cal-circle{
	 
      width: 100px;
      height: 100px;
      background: #b2202a;
      border-radius: 50%;
}

.round{
	  width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 50%;
}
.mnews-circle{
	float:left;
	 height: 530px;
	 background: #e8f3f9;
}
.mnews-circle .sec-title{
	margin-top:90px;
	text-align:center;
}

.lb-color{
	background:#576B84 !important;
}
.lg-color{
	background:#749388 !important;
}
.wbtn{
	background:#fff !important;
	color:#749388 !important;
}




.stk-round img{
	width:100%;
	height:auto;
		border-radius:50%;
	 aspect-ratio: 1 / 1; /* Keeps it a square */
	
}
.stk-info-sec{
	float:left;
	width:100%;
	background:#fff;
	padding:47px 0;
}

.stk-cntnr .sec-title h2{
	margin-top:90px;
	text-align:left;
	margin-bottom:40px;
	
}


/*.stk-title:before{
	content:'';
	display:inline-block;
	background:url(../images/chart-icon.png) no-repeat;
	background-size:cover;
	width:126px;
	height:110px;
}*/

.stk-title-sec{
	float:left;
	width:100%;
	margin-bottom:60px;
	
}


.stk-sec{
	float:left;
	width:100%;
	margin-top:30px;
/*	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 636px;*/
}

.stk-prc-sec{
	float:left;
	width:100%;
}

.stk-img{
	float:left;
	width:127px;
	height:auto;
	margin-right:15px;
	margin-top:9px;
}

.twrap{
	float:left;
	width:75%;
}

.ctitle{
	font-size:42px;
	line-height:42px;
	color:#000;
	display:block;
	
	/*border-bottom:1px solid #3F495E;*/
	vertical-align:top;
	width:100%;
}

.ctitle::after{
	content:'';
	border-bottom:1px solid #3F495E;
	height:1px;
	width:75%;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
}

.stk-qt{
	font-size:57px;
	line-height:57px;
	font-weight:bold;
	color:#3F495E;
	display:block;
}
.stk-qt span{
	font-size:43px;
	line-height:43px;
	font-weight:bold;
	color:#3F495E;
	display:inline-block;
}

.stk-title{
	 font-family: "Nunito", sans-serif;
	font-size:40px;
	color:#323232;
	margin-bottom:15px;
}

.stk-price, .standard{
	 font-family: "Nunito", sans-serif;
	float:left;
	margin-right:15px;
	font-size:50px;
	line-height:50px;
	color:#97BAA9;
	font-weight:bold;
	width:40%;
	
}
.priceUp{
	color:#97BAA9 !important;
}
.priceDown{
	color:#d70a14 !important;
}

.arrow .standard{
	float:left;
	display:block;
	margin-right:12px;
}
.arrow.Up{
	float:left;
	width:17px;
	height:15px;
	background:url(../images/priceUp.png) no-repeat;
	background-size:cover;
	margin-right:12px;
	margin-top:21px;
	 
}
.arrow.Down{
	float:left;
	width:18px;
	height:20px;
	background:url(../images/priceDown.png) no-repeat;
	margin-right:12px;
	margin-top:21px;
	 
}

.stk-price span{
	float:left;
	 font-family: "Nunito", sans-serif;
	font-size:27px;
	color:#000000;
	  margin-right: 12px;
	
}
.stk-change{
	float:left;
	 font-family: "Nunito", sans-serif;
	font-size:22px;
	color:#323232;
 	width:50%;
	margin-top:15px;
}

.vhl-sec{
	float:left;
	width:100%;
	margin-top:22px;
	margin-bottom:70px;
}

.vhl-val, .vhl-val span{
	display:block;
	width:100%;
	font-size:34px;
	line-height:34px;
	color:#3F495E;
	text-align:center;
}
.vhl-val span{
	margin-bottom:10px;
}

.vhl-val{
	color:#000;
}


.eod{
	clear:both;
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:20px;
	text-align:center;
}

.eod p{
	font-size:28px;
	line-height:28px;
}

.btn-cont{
	float:left;
	width:100%;
	text-align:center;
}
.btn-cont a{
	float:none;
	text-align:center;
}


/*=======================================
MEdia news Bursa annaouncements section
========================================*/

.sub-title h2{
	font-size:48px;
	line-height:58px;
	color:#000000;
	font-weight:bold;
}

.news-sec{
	float:left;
	width:100%;
	padding:30px 50px;
	border-top:1px solid #7D7D7D;
}

.news-sec:last-child{
		border-bottom:1px solid #7D7D7D;
		margin-bottom:35px;
}

.date-circle{
	float:left;
 
	margin-right:40px;
	border-radius:50%;
	max-width:30%;
	width:135px;
	height:135px;
	text-align:center;
	display:flex;
	justify-content:center;
	flex-direction:column;
}

.ndate{
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	margin-bottom:5px;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	
}
.nmonth{
	font-size:26px;
	line-height:26px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
		display:block;
	width:100%;
	text-align:center;
	 
}

.news-cont{
	float:left;
	width:60%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:135px;
}
.news-cont a{
	font-size:27px;
	line-height:29px;
	color:#000;
	margin-bottom:15px;
	display:block;
	text-decoration:none;
}

.news-cont span{
	font-size:23px;
	line-height:23px;
	color:#000;
	font-weight:normal;
	margin-top:15px;
	display:block;
}

/*=======================================
Reports section
========================================*/
.reports-sec{
	float:left;
	width:100%;
	background:#fff;
	padding:47px 0;
}
.reports-sec .sec-title{
	text-align:center;
	margin-bottom:50px;
}
.ar-icon{
	margin-bottom:31px;
	margin-top:50px;
	width:113px;
	height:auto;
}
.rpt-title{
	 font-family: "Nunito", sans-serif;
	/* font-size:36px;*/
	 font-size:24px;
	 font-weight:bold;
	 color:#000000;
	 margin-bottom:31px;
}
.rpt-circle{
    float: left;
    width:100%;
	height:100%;
	border-radius:50%;
	 aspect-ratio: 1 / 1; /* Keeps it a square */
    background:#97BAA9;
	text-align:center;
	
}

.ar-cntnt{
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}

.rprt-foot{
	text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
	display:flex;
	justify-content:center;
}
.btn-text{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	text-decoration:underline;
	color:#fff;
}
/*=======================================
share holders and corp gov section
========================================*/

.sm-cg-sec{
	float:left;
	width:100%;
	background:#fff;
	padding:47px 0;
}

.shm-icon, .hcg-icon{
	float:left;
	width:100%;
	border-radius:15px;
 
}
.shm-icon img, .hcg-icon img{
	float:left;
	width:100%;
	border-radius:15px 15px 0 0;
 	object-fit:cover;
	height:354px;
	object-position:top center;
}

.sh-cg-cont{
	float:left;
	width:80%;
	border-radius:15px;
	border:2px solid #7d7d7d;
	padding-bottom:30px;
}

.img-round{
	  width: 321px;
      height: 321px;
   	  border-radius: 50%;
}

.shm-left{
	float:right;
}

.shm-cntnt, .hcg-cntnt{
	float:left;
	width:100%;
	text-align:center;
}
.shm-cntnt a, .hcg-cntnt a{
	float:none;
 
	text-align:center !important;
}


.shm-title, .hcg-title{
	font-family: 'Arial Rounded MT', Helvetica,Arial,sans-serif;
	font-size:35px;
	color:#576B84;
	margin-top:30px;
	margin-bottom:30px;
}

/*================================================================
FOOTER SECTION STARTS HERE
==================================================================*/

.foot-sec{
	float:left;
	width:100%;
	background:#fff;
	padding:47px 0;
}

.newsalert-sec .sub-title h2, .contact-sec .sub-title h2{
	margin-bottom:30px;
}

.newsalert-sec, .contact-sec{
	float:left;
	width:100%;
}

.newsalert-sec p, .contact-sec p{
	font-family: 'Arial Rounded MT', Helvetica,Arial,sans-serif;
	font-size:27px;
	line-height:32px;
	margin-bottom:35px;
	color:#000;
	min-height:96px;
}
.form-control {
    display: block;
    width: 100%;
  	height:auto;
    padding: 12px 32px;
    font-size:32px;
    line-height: 1.42857143;
    color: #000;
    background-color: #CBDDEF;
    background-image: none;
    border-radius: 50px;
    border: 1px solid #CBDDEF;
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	outline:none;
	margin-bottom:20px;
}


.cal-container .form-control{
	   display: block;
    width: 100%;
  	height:auto;
    padding: 15px 32px;
    font-size:16px;
    line-height: 1.42857143;
    color: #000;
    background-color: #e6f4f0;
    background-image: none;
    border-radius: 50px;
    border: 1px solid #e6f4f0;
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	outline:none;
	margin-bottom:20px;
}
 

.cont-person,  .cont-person span{
	font-family: 'Arial Rounded MT', Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#000;
	 
	margin-bottom:30px;
}

 .cont-person span{
	 color:#000000;
 }


.phn, .mail {
    float: left;
    width: 100%;
	margin-bottom:10px;
 
   
}
.phn a, .mail a {
    font-size:18px;
	color:#000000;
   
}
.pp{
	font-size:21px;
	line-height:50px;
	color:#96B7DF;
	font-style:italic;
	text-decoration:none;
	display: inline-block;
    width: 67%;
    text-align: right;
}

.btn-nl-1 {
    margin-left: 17%;
}


 /*===============================================================================================
 MEDIA QUERIES STARTS HERE
 =================================================================================================*/

@media (min-width: 1200px) {
	
}


@media (min-width: 992px) and (max-width: 1199px) {
	

a.vm-btn, .vm-btn {
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    display: inline-block;
    background: #97BAA9;
    border-radius: 30px;
    padding: 5px 70px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    color: #ffff;
    font-weight: bold;
    border: none;
}	
	
	

.stk-img {
    float: left;
    width: 63px;
    height: auto;
    margin-right: 15px;
}

.ctitle {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    display: inline-block;
  
    vertical-align: top;
    width: 55%;
}
.stk-title-sec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}


.stk-qt {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
.stk-qt span {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
.stk-price, .standard {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    float: left;
    margin-right: 15px;
    font-size: 35px;
    line-height: 43px;
    color: #97BAA9;
    font-weight: normal;
    width: 40%;
}
.stk-price span {
    float: left;
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin-right: 12px;
}

.arrow.Up {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceUp.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 18px;
}

.arrow.Down {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceDown.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 18px;
}
.vhl-val, .vhl-val span {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 22px;
    color: #3F495E;
    text-align: center;

}

.vhl-sec {
    float: left;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 30px;
}
.eod p {
    font-size: 18px;
    line-height: 22px;
}

.sub-title h2 {
    font-size: 26px;
    line-height: 34px;
    color: #000000;
    font-weight: bold;
}
.news-sec {
    float: left;
    width: 100%;
    padding: 30px 25px;
    border-top: 1px solid #7D7D7D;
}

.date-circle {
    float: left;
    margin-right: 40px;
    border-radius: 50%;
    max-width: 30%;
    width: 120px;
    height: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.news-cont a {
    font-size: 22px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.news-cont span {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}


.ar-icon {
    margin-bottom: 17px;
    margin-top: 50px;
    width: 58px;
    height: auto;
}
.rpt-title {
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 17px;
}
.btn-text {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: underline;
    color: #fff;
}
.shm-title, .hcg-title {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #576B84;
    margin-top: 30px;
    margin-bottom: 30px;
}
.newsalert-sec p, .contact-sec p {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 35px;
    color: #000;
    min-height: 96px;
}


		
	
	
}


@media (min-width: 768px) and (max-width: 991px) {
	
.main-title h2 {
    font-family: "Nunito", sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #000;
    text-align: center;
    margin-bottom: 48px;
}	
	

.stk-img {
    float: left;
    width: 63px;
    height: auto;
    margin-right: 15px;
}

.ctitle {
    font-size: 20px;
    line-height: 20px;
    color: #000;
   
    vertical-align: top;
   
}
.stk-title-sec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.stk-qt {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
.stk-qt span {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
	
.stk-price, .standard {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    float: left;
    margin-right: 15px;
    font-size: 27px;
    line-height: 27px;
    color: #97BAA9;
    font-weight: normal;
    width: 40%;
}
.stk-price span {
    float: left;
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin-right: 12px;
}

.arrow.Up {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceUp.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 9px;
}

.arrow.Down {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceDown.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 9px;
}
.stk-change {
    float: left;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    color: #323232;
    width: 50%;
    margin-top: 3px;
}


.vhl-val, .vhl-val span {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #3F495E;
    text-align: center;

}

.vhl-sec {
    float: left;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 30px;
}
.eod p {
    font-size: 18px;
    line-height: 22px;
}

.sub-title h2 {
    font-size: 26px;
    line-height: 34px;
    color: #000000;
    font-weight: bold;
}
.news-sec {
    float: left;
    width: 100%;
    padding: 30px 25px;
    border-top: 1px solid #7D7D7D;
}

.date-circle {
  float: left;
        margin-right: 20px;
        border-radius: 50%;
        max-width: 30%;
        width: 120px;
        height: 88px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        aspect-ratio: 1 / 1;
}
.ndate {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
}
.nmonth {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
}


.news-cont a {
    font-size: 22px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.news-cont span {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}


.ar-icon {
    margin-bottom: 17px;
    margin-top: 29px;
    width: 45px;
    height: auto;
}
.rpt-title {
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin-bottom:10px;
}
.rprt-foot {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.rprt-foot a{
	font-size:14px;
	line-height:14px;
}


.btn-text {
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
    color: #fff;
}
.shm-icon img, .hcg-icon img {
    float: left;
    width: 100%;
    border-radius: 15px 15px 0 0;
    object-fit: cover;
    height: 200px;
    object-position: top center;
}

.shm-title, .hcg-title {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 18px;
	line-height:18px;
    color: #576B84;
    margin-top: 30px;
    margin-bottom: 30px;
}
.newsalert-sec p, .contact-sec p {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 35px;
    color: #000;
    min-height: 96px;
}	
	
	
}

@media (max-width: 767px){

.main-title h2 {
    font-family: "Nunito", sans-serif;
    font-size: 42px;
    line-height: 42px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}	
	
	
.stk-img {
    float: left;
    width: 63px;
    height: auto;
    margin-right: 15px;
}

.ctitle {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    
 
}
.stk-title-sec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.stk-qt {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
.stk-qt span {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #3F495E;
    display: inline-block;
}
	
.stk-price, .standard {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    float: left;
    margin-right: 15px;
    font-size: 27px;
    line-height: 27px;
    color: #97BAA9;
    font-weight: normal;
    width: 40%;
}
.stk-price span {
    float: left;
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin-right: 12px;
}

.arrow.Up {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceUp.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 9px;
}

.arrow.Down {
    float: left;
    width: 12px;
    height: 9px;
    background: url(../images/priceDown.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
    margin-top: 9px;
}
.stk-change {
    float: left;
    font-family: "Nunito", sans-serif;
    font-size: 18px;
    color: #323232;
    width: 50%;
    margin-top: 3px;
}


.vhl-val, .vhl-val span {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #3F495E;
    text-align: center;

}

.vhl-sec {
    float: left;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 30px;
}

.eod{
	margin-top:0;
}
.eod p {
    font-size: 16px;
    line-height: 22px;
}

.sub-title h2 {
    font-size: 26px;
    line-height: 34px;
    color: #000000;
    font-weight: bold;
}
.news-sec {
    float: left;
    width: 100%;
    padding: 30px 25px;
    border-top: 1px solid #7D7D7D;
}

.news-inner{
	float:left;
	width:100%;
	margin-bottom:50px;
}

.news-cont{
	height:auto;
}

.date-circle {
    float: left;
    margin-right: 40px;
    border-radius: 50%;
    max-width: 30%;
    width: 120px;
    height: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.news-cont a {
    font-size: 22px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
}
.news-cont span {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

.reports-sec [class*="col-"]{
	margin-bottom:30px;
	text-align:center;
	display:flex;
	justify-content:center;
}

.rpt-circle {
    float: left;
    width: 58%;
    height: 100%;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background: #97BAA9;
    text-align: center;
}



.ar-icon {
    margin-bottom: 17px;
    margin-top: 50px;
    width: 58px;
    height: auto;
}
.rpt-title {
    font-family: 'Arial-Rounded', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 17px;
}
.btn-text {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: underline;
    color: #fff;
}


.sm-cg-sec [class*="col-"]{
	margin-bottom:30px;
	text-align:center;
	display:flex;
	justify-content:center;
}



.newsalert-sec{
	margin-bottom:30px;
}

.shm-icon img, .hcg-icon img {
    float: left;
    width: 100%;
    border-radius: 15px 15px 0 0;
    object-fit: cover;
    height: 200px;
    object-position: top center;
}
.shm-title, .hcg-title {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #576B84;
    margin-top: 30px;
    margin-bottom: 30px;
}
.newsalert-sec p, .contact-sec p {
    font-family: 'Arial Rounded MT', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 30px;
    color: #000;
    min-height: 38px;
}
.		
	
	
	
}

@media (max-width:570px) {
	
	.stk-prc-sec{
		 
		width:100%;
		 display:flex;
		justify-content:center;
	}
	
	.stk-price, .standard{
		width:auto;
	 
	}
	.stk-change{
		width:auto;
 
	}
.vhl-val{
	margin-bottom:15px;
}

    .stk-title-sec {
        float: left;
        width: 100%;
        margin-bottom: 30px;
		display:flex;
		justify-content:center;
   
    }
.twrap {
    float: left;
    width: 34%;
}	
.ctitle::after{
	width:84%;
}

.newsalert-sec [class*="col-xs-6"]{
	width:50% !important;
}

	
}
@media (max-width:480px) {
	
	
    .ctitle {
        font-size: 18px;
        line-height: 18px;
        color: #000;
    }
	.stk-qt {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        color: #3F495E;
        display: inline-block;
    }
	    .stk-qt span {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        color: #3F495E;
        display: inline-block;
    }	

    .stk-qt {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        color: #3F495E;
        display: inline-block;
    }
	
    .date-circle {
        float: left;
        margin-right: 22px;
        border-radius: 50%;
        max-width: 20%;
        width: 76px;
        height: 76px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
		 aspect-ratio: 1 / 1;
    }	
	
.ndate {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
}

.nmonth {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
}
    .news-cont a {
        font-size: 16px;
        line-height: 20px;
        color: #000;
        margin-bottom: 15px;
        display: block;
        text-decoration: none;
    }
	
    .rpt-circle {
        float: left;
        width: 86%;
        height: 100%;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        background: #97BAA9;
        text-align: center;
    }		

 
}
	
	


@media (max-width:420px){
	
 .date-circle {
        float: left;
        margin-right: 22px;
        border-radius: 50%;
        max-width: 20%;
        width: 60px;
        height: 60px;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
		 aspect-ratio: 1 / 1;
    }	
	
.ndate {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #fff;
        display: block;
        width: 100%;
        text-align: center;
    }

.nmonth {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
}
    .news-cont a {
        font-size: 16px;
        line-height: 20px;
        color: #000;
        margin-bottom: 15px;
        display: block;
        text-decoration: none;
    }	
	
	
	

.newsalert-sec [class*="col-xs-6"]{
	width:100% !important;
}

.newsalert-sec a.vm-btn{
	 margin:0 auto;
	 width:110px;
	 display:block;
}
.pp {
    font-size: 21px;
    line-height: 50px;
    color: #96B7DF;
    font-style: italic;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}
	
}