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



@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/*
 
 
.libre-baskerville-<uniquifier> {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
 
 
 
 */







body {
	font-family: "Nunito", sans-serif;
	color: #222222;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8;
}
.mt-100 {
	margin-top: 100px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-80 {
	margin-top: 80px;
}
.sec-1 {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 100px;
}
.sec-3, .sec-4, .sec-5, .sec-6 {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 60px;
}
a {
	color: #b0975f;
	text-decoration: none;
}
a:hover {
	color: #222222;
	text-decoration: none;
}
h1 {
	font-family: "Montserrat", serif;
}
.main-title h2 {
	font-family: "Nunito", serif;
	font-size: 27px;
	line-height: 37px;
	color: #b0975f;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
	text-transform: capitalize;
}
.main-title h2 {
	color: #b0975f;
	display: inline-block;
	position: relative;
}
.main-title h3 {
	font-family: "Nunito", sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #b0975f;
	font-weight: bold;
	margin-top: 0;
	text-transform: uppercase;
}
.main-title h5 {
	font-family: "Nunito", sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #e9292c;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 0;
}
.text-left h2 {
	text-align: left;
}
.white {
	color: #fff !important;
}
.white h2 {
	color: #fff !important;
}
.white-btn {
	color: #fff;
	border-color: #fff;
}
/*=================================================
buttons
===================================================*/
.ClsButton, .ClsButton:hover{
	font-family: "Nunito", sans-serif !important;
	width: 88px !important;
	height: inherit !important;
	font-size: 16px !important;
  
	font-weight: bold !important;
	text-transform: capitalize !important;
	/* 	background: #F0E9B4 !important;
	background: linear-gradient(62deg, rgba(240, 233, 180, 1) 0%, rgba(212, 179, 113, 1) 43%, rgba(219, 192, 139, 1) 62%, rgba(180, 126, 56, 1) 100%) !important;*/
	
	
		background: #D8BF7F;
background: linear-gradient(33deg, rgba(216, 191, 127, 1) 16%, rgba(239, 230, 173, 1) 51%, rgba(216, 191, 127, 1) 89%);
	border:none !important;
	border-radius:50px !important;
	color:#44290e !important;
	position: relative;
	overflow: hidden;
}
.btn-primary, .button, .size{
	font-size: 16px;
	background: #998c67;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 28px;
	text-transform: capitalize;
	border-radius:50px;
	position: relative;
	overflow: hidden;
}
.btn-primary:hover, .button:hover, .size:hover{
	font-size: 16px;
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 28px;
	text-transform: capitalize;
	background-color:#998c67 !important;
}
/*======================================================================*/








.view-more {
	font-size: 14px;
}
.white {
	color: #fff !important;
}
.view-more {
	font-size: 14px;
	margin-left: 20px;
}
.white, .white:hover {
	color: #fff !important;
}
.nl-bcn {
	float: left;
	width: 100%;
	margin-top: 52px;
}
.csreq-form-btn {
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: right;
}
.btn-hldr {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}




/*table radius fix*/

.table, #ctl00_cphContent_fvStkInfo{
	border-collapse:separate !important;
	border-spacing:0;
}


.table tr{
	border-top-left-radius:10px;
}
.table tr th:first-child{
	border-top-left-radius:10px;
}

.table tr th:last-child{
	border-top-right-radius:10px;
}

#ctl00_cphContent_fvStkInfo{
		border-top-left-radius:10px;
}

#ctl00_cphContent_uPnlPrcTicker .border, .priceticker .stockUpper{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}






/*==============================================================
IR HOME PAGE  CSS STARTS HERE
================================================================*/

/*stock info sec*/

.stk-title-bar {
	float: left;
	width: 100%;
	max-height: 44px;
	padding: 13px 27px;
	background: #C49954;
	background: linear-gradient(62deg, rgba(196, 153, 84, 1) 0%, rgba(203, 164, 97, 1) 9%, rgba(212, 180, 115, 1) 80%, rgba(239, 228, 164, 1) 100%);
	margin-bottom: 20px;
}
.stk-title-bar h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	margin: 0;
	padding: 0;
}
.stk-qt-lr-full {
	display: flex;
	width: 100%;
	height: 100%;
}
.stk-qt-left {
	float: left;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid #b29863;
	padding-left:15px;
}
.chart-box {
	width: 100%;
	min-height: 147px;
	margin-bottom: 20px;/*border: 1px solid #ddd;*/
	 
}

/*.stockQuoteType{
	font-family: "Nunito", sans-serif;
	margin-bottom:0;
	font-size:11px;
	line-height:11px;
	text-align:right;
	 
}*/

.caat {
		font-family: "Nunito", sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #7f8082;
	margin-bottom: 10px;
	/*text-align:right;*/
}


.stk-right-sec{
	padding-right:30px;
}
.stk-qt-right {
	float: left;
	width: 100%;
	height:100%;
	padding:35px 35px 0 35px;
	background: #ece7da;
	border-radius: 20px;
	/*height: 202px;*/
	height:100%;
	box-shadow: 0px -1px 17px -9px rgba(31, 29, 29, 1);
	-webkit-box-shadow: 0px -1px 17px -9px rgba(31, 29, 29, 1);
	-moz-box-shadow: 0px -1px 17px -9px rgba(31, 29, 29, 1);
	position:relative;
}
.stk-qt-box {
	display: flex;
	align-items: center;
}
.stk-qt-box:before {
	content: '';
	background: url(../images/stock-quote-icon.png) no-repeat;
	display: inline-flex;
	width: 48px;
	height: 55px;
	background-size: cover;
	margin-right: 30px;
}
.stk-qt {
	display: flex;
	flex-direction: column;
}
.stk-qt-val {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #9c8964;
}
.stk-chg {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #222;
}
.chgUp {
	color: #0faa5a;
}
.chgDown {
	color: #F00;
}
.chgUp:before {
	content: '';
	display: inline-flex;
	background: url(../images/up-icon.png) no-repeat;
	width: 7px;
	height: 4px;
	margin-right: 10px;
}
.chgDown:before {
	content: '';
	display: inline-flex;
	background: url(../images/down-icon.png) no-repeat;
	width: 7px;
	height: 4px;
	margin-right: 10px;
}
.ohlv-sec {
	display: flex;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 20px;
}
.ohlv-sec .ohlv-col {
	display: flex;
	flex: 1;
	border-left: 1px solid #8e825f;
}
.ohlv-col:first-child {
	border-left: none;
	padding-left: 0;
}
.ohlv-col {
	font-size: 16px;
	line-height: 16px;
	color: #8e825f;
	font-weight: bold;
	flex-direction: column;
	padding-left: 9%;
}
.ohlv-col span {
	font-size: 12px;
	line-height: 12px;
	color: #76777a;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
.qt-foot {
	float: left;
	width: 100%;
	text-align: right;
	position:absolute;
	bottom:13px;
	right:35px;
}
.qt-foot p {
	margin: 0;
	padding: 0;
	color: #7f8082;
	font-size: 12px;
	line-height: 16px;
}
/*==============================================================
REPORTS SECTION CSS STARTS HERE
================================================================*/

.sec-2 {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 100px;
}
.sec-2 .row {
	margin-bottom: 20px;
}
.rpt-left {
	float: left;
	width: 100%;
	background: #ebecea;
	padding: 30px;
	display: flex;
	height: 100%;
	gap: 30px;
	align-items: center;
}
.cover-col {
	display: flex;
	width: 185px;
	height: 246px;
	border: 1px solid #c2c0bf;
}
.cover-col img {
	width: 100%;
	height: 100%;
}
.rpt-text-col {
	display: flex;
	flex-direction: column;
}
.rpt-title h5 {
	margin-bottom: 15px;
	padding: 0;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #9c8964;
}
.rpt-links {
	display: flex;
	flex-direction: column;
}
.ar-vicon, .ar-dicon {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ar-vicon:before {
	content: '';
	display: inline-flex;
	/* background: url(../images/v-icon.png) no-repeat;*/
	    background: url(../images/iconView.png) no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-size:cover;
	/*border: 2px solid #9c8964;
        border-radius: 50px;*/
        padding: 10px;
	align-items: center;
}
.ar-dicon:before {
	content: '';
	display: inline-flex;
	background: url(../images/iconDownload.png) no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	background-size:cover;
	margin-right: 10px;
	padding: 10px;
	align-items: center;
}
.ar-vicon:hover:before {
	content: '';
	display: inline-flex;
	background: url(../images/iconViewHover.png) no-repeat;
	width: 30px;
	height: 30px;
	background-size:cover;
	padding: 10px;
	margin-right: 10px;
	/*  border: 2px solid #9c8964;*/
       
        align-items: center;
	justify-content: center;
	/*       background-image: url(../images/v-icon-w.png), linear-gradient(62deg, rgba(240,233,180,1) 0%, rgba(212,179,113,1) 43%, rgba(219,192,139,1) 62%, rgba(180,126,56,1) 100% );*/
        background-repeat: no-repeat;
	background-position: center;
}
.ar-dicon:hover:before {
	content: '';
	display: inline-flex;
	background: url(../images/iconDownloadHover.png) no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	background-size:cover;
	padding: 10px;
	margin-right: 10px;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
}
.rpt-right {
	float:left;
	width:100%;
}
.reports-col {
	display: flex;
	width: 100%;
	height: 100%;
}
.hqr-col {
	display: flex;
	flex-direction: column;
}
.hqr-cover-block {
	padding: 20px;
	background: #ebecea;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.hqr-cover {
	width: 111px;
	height: 147px;
	border: 1px solid #d1d0cf;
}

.hqr-cover img{
	width:100%;
	height:auto;
}


.hqr-foot {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hqr-title {
	margin-bottom: 15px;
	padding: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #9c8964;
}
.hqr-links-sec {
	display: flex;
	gap: 15px;
	align-items: center;
}
.hqr-links-sec a {
	display: flex;
	width: auto;
	height: auto;
}
.f-vall {
	width: 100%;
	display: flex;
	justify-content: right;
	margin-top:30px;
}
.vall-btn {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #877757;
}
 .vall-btn::after {
 content: '';
 display: inline-flex;
 background: url(../images/vall-icon.png) no-repeat;
 width: 23px;
 height: 9px;
 margin-left: 10px;
}
.reports-bg-img {
	float: left;
	width: 100%;
	background: url(../images/reports-bg.png) no-repeat;
	background-position: center center;
	height: 320px;
	box-shadow: 1px 10px 17px -9px rgba(31, 29, 29, 1);
	-webkit-box-shadow: 1px 10px 17px -9px rgba(31, 29, 29, 1);
	-moz-box-shadow: 1px 10px 17px -9px rgba(31, 29, 29, 1);
}
/*==============================================================
ANNOUNCEMENTS  SECTION CSS STARTS HERE
================================================================*/

.sec-3 {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 100px;
}
.la-block {
	float: left;
	width: 100%;
	background: #ebecea;
	padding: 70px 40px;
	border-radius: 30px;
}
.la-main-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 60px;
}
.la-main-title h2 {
	margin: 0;
	padding: 0;
}
.la-main-title:before, .la-main-title:after {
	content: '';
	display: inline-flex;
	border: 1px solid #9c8964;
	width: 50px;
	height: 2px;
	margin-left: 20px;
	margin-right: 20px;
}
.anm-blks {
	width: 100%;
	max-width:1170px;
	margin:0 auto;
	display: flex;
	gap: 60px;
	margin-bottom: 40px;
}
.anlink-col {
	flex: 1;
}
.anlink-col {
	width: 100%;
	background: #fff;
	padding: 20px;
}
.anlink-col:hover {
	background: #B6823B;
	background: linear-gradient(30deg, rgba(182, 130, 59, 1) 18%, rgba(211, 177, 112, 1) 50%, rgba(212, 180, 114, 1) 74%, rgba(238, 227, 163, 1) 100%);
}
.anlink-col:hover a, .anlink-col:hover .an-date p {
	color: #fff;
}
.anlink-col a {
	width:100%;
	font-size: 16px;
	line-height: 22px;
	display: inline-flex;
	flex-direction: column;
	color: #59595b;
}
.anlink-col a > p {
	display:flex;
	align-items:center;
	min-height:120px;
}
.an-date {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	position: relative;
	margin-top: 10px;
}
.an-date p {
	font-size: 16px;
	line-height: 22px;
	color: #9c8964;
	font-weight: 500;
	margin-top: 5px;
}
.an-date:before {
	content: '';
	display: inline-flex;
	width: 50%;
	height: 2px;
	background: #c2b194;
	position: absolute;
	top: 0;
}
.anlink-col:hover .an-date:before {
	background: #fff;
}
/*==============================================================
NEWS ALERT SECTION CSS STARTS HERE
================================================================*/




.sec-4 {
	float: left;
	width: 100%;
	background: url(../images/news-alert-sec-bg.png) no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	padding: 120px 0 60px 0;
	min-height: 740px;
	margin-bottom: 0;
}
.sec-4 .container .row {
	display: flex;
	align-items: center;
}
.sec-4 .container .row {
	position: relative;
}
.ir-cont-left {
	display: flex;
	align-items: center;
}
.ir-cont-right {
	position: absolute;
	right: 0;
	z-index: 1;
}
.nl-sec, .ir-cont-sec {
	float: left;
	width: 100%;
}
.nl-sec .main-title {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}
.nl-sec .main-title h2 {
	margin: 0;
	padding: 0;
}
.nl-sec .main-title:before {
	content: '';
	display: inline-flex;
	background: url(../images/newsalert-icon.png) no-repeat;
	width: 55px;
	height: 55px;
	margin-right: 15px;
}
.news-alert-sec {
	float: left;
	width: 100%;
}
.frm-cnt {
	float: left;
	width: 100%;
}
.nl-sec {
	text-align: left;
	background: #ece7da;
	padding: 30px;
	border-radius: 0px;
	box-shadow: 10px 10px 23px -19px rgba(31, 29, 29, 1);
	-webkit-box-shadow: 10px 10px 23px -19px rgba(31, 29, 29, 1);
	-moz-box-shadow: 10px 10px 23px -19px rgba(31, 29, 29, 1);
	position: relative;
	z-index: 2;
}
.nl-sub {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 22px;
	font-weight: normal;
}
 .frm-cnt [class*="col-"] {
 padding-left: 0;
 padding-right: 10px;
}
.form-control {
	display: block;
	width: 100%;
	height: 49px;
	padding: 6px 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.42857143;
	color: #898b8e !important;
	background-color: transparent;
	background: #fff;
	border-radius: 50px;
	border: none;
	border: 1px solid #898b8e;
}

::placeholder {
 color: #000 !important;
 opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
 color: #000 !important;
}
.form-control:focus {
	border-color: #00A3DA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.frm-cnt input {
	margin-bottom: 15px;
}
.view-more {
	color: #064f94;
	margin-left: 5px;
}
.btn-cont {
	width: 120px;
	margin: 0 auto;
}
.btn-register {
	width: 100%;
	border-radius: 50px;
	text-align: center;
	padding: 10px 30px;
	font-size: 18px;
	color: #44290e;
	font-weight: 500;
/*	background: #F0E9B4;
	background: linear-gradient(62deg, rgba(240, 233, 180, 1) 0%, rgba(212, 179, 113, 1) 43%, rgba(219, 192, 139, 1) 62%, rgba(180, 126, 56, 1) 100%);*/
	
	background: #D8BF7F;
background: linear-gradient(33deg, rgba(216, 191, 127, 1) 16%, rgba(239, 230, 173, 1) 51%, rgba(216, 191, 127, 1) 89%);
}



.nl-foot {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 50px;
	padding-top: 20px;
}
.nl-foot:before {
	content: '';
	display: inline-flex;
	width: 100%;
	height: 2px;
	background: #c2b194;
	position: absolute;
	top: 0;
}
/*IR Contact sec css*/



.ir-cont-sec .main-title-light {
	float: left;
	width: 100%;
	position: relative;
}
.ir-cont-sec .main-title-light h1 {
	font-size: 38px;
	line-height: 44px;
	white-space: nowrap;
	color: #ebeaeb;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top:-30px;
}
.ir-cont-sec .main-title {
	float: left;
	width: 100%;
	/*margin-bottom: 25px;*/
	text-align: center;
	margin-top: 25px;
}
.ir-cont-sec .main-title h2 {
	font-weight: bold;
	border-bottom: 2px solid #9c8964;
	padding-bottom: 10px;
	position: relative;
	top: -30px;
	font-size: 39px;
}
.ir-cont-sec {
	float: left;
	width: 100%;
	border: 2px solid #b0975f;
/*	border:2px solid transparent;
	background:
 linear-gradient(#fff, #fff) padding-box,  linear-gradient(45deg, #ac7a2a, #f3c758) border-box;*/
	border-radius: 30px 0 30px 0;
	padding: 70px 0px 70px 33%;
	position: relative;
}
 .ir-cont-sec [class*="col-"] {
 padding-left: 0;
 padding-right: 10px;
}
.nl-sub {
	float: left;
	width: 100%;
	margin-bottom: 33px;
	color: #000;
}
.cont-person {
	/*font-size: 22px;
	line-height: 28px;*/
	font-weight: bold;
	color: #9d8b65;
	text-align: left;
	margin-bottom: 17px;
	margin-bottom: 40px;
}
.cont-person span {
	display: block;
	color: #818386;
	font-weight: normal;
}
.phone, .email {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.phone a, .fax a {
	/*font-size: 22px;
	line-height: 22px;*/
	font-weight: 500;
	color: #000;
	text-align: left;
	display: flex;
	align-items:center;
}
 .phone a::before {
 content: '';
 display: inline-flex;
 background: url(../images/phone-icon.png) no-repeat;
 background-position: center center;
 width: 29px;
 height: 29px;
 background-size: contain;
 margin-right: 15px;
}
 .email a::before {
 content: '';
 display: inline-flex;
 background: url(../images/mail-icon.png) no-repeat;
 background-position: center center;
 width: 29px;
 height: 29px;
 background-size: contain;
 margin-right: 15px;
}
.email a {
	/*font-size: 22px;
	line-height: 22px;*/
	font-weight: 500;
	color: #000;
	display: flex;
	align-items:center;
}
.email a:hover {
/*	font-size: 22px;
	line-height: 22px;*/
	font-weight: bold;
	color: #000;
	text-align: center;
}
.mob-off {
	display: block;
}
.mob-on {
	display: none;
}
/*==============================================================================================
CORPORATE GOVERNANCE SECTION CSS STARTS HERE
================================================================================================*/


.cg-sec {
 
	width:90%;
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	margin-bottom:100px;
	margin:0 auto;
 
}
.cg-sec h3 {
	width: 100%;
	clear: both;
	font-weight:bold;
	color:#998c67;
	margin-bottom:35px;
}
.cg-item {
	flex: 1 1 calc(33.333% - 60px);
	margin-bottom: 50px;
 
	
}
.cg-item a {
	background: white;
	border-radius: 5px;
	padding: 20px 40px;
	border:2px solid #b0975f;
	/*border:2px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(22deg, #bc8b45, #f0e7a7) border-box;*/
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:220px;
	position: relative;
	border-radius:20px;
}
.cg-item a:hover {
	  filter: drop-shadow(0 8px 20px rgba(0,0,0,.15));
	 
}
.inner-cont {
	font-size: 22px;
	line-height: 26px;
	color: #59595b;
	text-align:center;
	font-weight:500;
}
.cg-icon {
	width: 90px;
	height: 66px;
	background: #fff;
	position: absolute;
	top: -30px;
	left: 19px;
}
.cg-item a:hover .cg-icon {
	background: url(../images/policies-hover-bg.png) no-repeat;
	width: 137px;
    height: 89px;
    background-size: contain;
	left:0px;
	top:-40px;
}
/*.cgp-icon-1, .cgp-icon-2, .cgp-icon-3, .cgp-icon-4, .cgp-icon-5, .cgp-icon-6, .cgp-icon-7, .cgp-icon-8, .cgp-icon-9{
	display:flex;
	align-items:center;
	justify-content:center;
}*/


.dfpp-icon, .wb-icon, .abac-icon, .bc-icon, .ccbe-icon, .cgr-icon, .rctr-icon, .actr-icon, .nctr-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dfpp-icon:before {
	content: '';
	background: url(../images/cgp-icon-1.png) no-repeat;
	display: flex;
	width: 48px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .dfpp-icon:before {
	content: '';
	background: url(../images/cgp-icon-1-w.png) no-repeat;
	display: flex;
	width: 48px;
	height: 48px;
	background-size:contain;
}
.wb-icon:before {
	content: '';
	background: url(../images/cgp-icon-2.png) no-repeat;
	display: flex;
	width: 48px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .wb-icon:before {
	content: '';
	background: url(../images/cgp-icon-2-w.png) no-repeat;
	display: flex;
	width: 48px;
	height: 48px;
	background-size:contain;
}
.abac-icon:before {
	content: '';
	background: url(../images/cgp-icon-3.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .abac-icon:before {
	content: '';
	background: url(../images/cgp-icon-3-w.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.bc-icon:before {
	content: '';
	background: url(../images/cgp-icon-4.png) no-repeat;
	display: flex;
width: 55px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .bc-icon:before {
	content: '';
	background: url(../images/cgp-icon-4-w.png) no-repeat;
	display: flex;
width: 55px;
	height: 48px;
	background-size:contain;
}
.ccbe-icon:before {
	content: '';
	background: url(../images/cgp-icon-5-8.png) no-repeat;
	display: flex;
width: 55px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .ccbe-icon:before {
	content: '';
	background: url(../images/cgp-icon-5-8-w.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.cgr-icon:before {
	content: '';
	background: url(../images/cgp-icon-6.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .cgr-icon:before {
	content: '';
	background: url(../images/cgp-icon-6-w.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.rctr-icon:before {
	content: '';
	background: url(../images/cgp-icon-7.png) no-repeat;
	display: flex;
width: 58px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .rctr-icon:before {
	content: '';
	background: url(../images/cgp-icon-7-w.png) no-repeat;
	display: flex;
width: 58px;
	height: 48px;
	background-size:contain;
}
.actr-icon:before {
	content: '';
	background: url(../images/cgp-icon-5-8.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .actr-icon:before {
	content: '';
	background: url(../images/cgp-icon-5-8-w.png) no-repeat;
	display: flex;
width: 48px;
	height: 48px;
	background-size:contain;
}
.nctr-icon:before {
	content: '';
	background: url(../images/cgp-icon-9.png) no-repeat;
	display: flex;
width: 60px;
	height: 48px;
	background-size:contain;
}
.cg-item a:hover .nctr-icon:before {
	content: '';
	background: url(../images/cgp-icon-9-w.png) no-repeat;
	display: flex;
width: 60px;
	height: 48px;
	background-size:contain;
}
/*==================================================================================
QUARTERLY REPORTS CSS STARTS HERE
====================================================================================*/

.qr-sec {
	float: left;
	width: 100%;
}
.qr-top {
	background: #ebecea;
	padding: 35px;
	max-width: 1170px;
	margin: 0 auto 50px auto;
	border-radius: 30px;
}
.qr-hr {
	width: 100%;
	max-width: 1170px;
	border-bottom: 1px solid #cdc4b1;
	margin: 0 auto 50px auto;
}
.qr-top .main-title {
	text-align: center;
}
.qtr-latest-four {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: calc(400px + 60px);
	margin: 0 auto;
	justify-content: center;
}
.lqr-holder {
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
	background: #fff;
	padding: 25px;
	box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-webkit-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-moz-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	border-radius: 15px;
	display:flex;
	align-items:center;
	justify-content:center;
}


.lqr-holder a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:85%;
	height:auto;
}

.lqr-holder a img, .pyqr-block a img{
	width:100%;
	height:auto;
}


 .lqr-holder:hover, .lqr-holder:has(a:hover) {
 background: url(../images/qr-hover-bg.png) no-repeat;
 background-size:cover;
 background-position:center;
 
}
.qr-bottom-sec {
	display: flex;
	gap: 30px;
}
.qr-left-img-sec, .qr-tree-scroll {
	flex: 1;
}
.qr-left-img-sec {
    width: calc(50vw + 50%);
    margin-left: calc(50% - 50vw);
}

.qr-left-img {
    width: 100%;
    height: 602px; /* your height */
    background: url("../images/your-image.jpg") center center no-repeat;
    background-size: cover;
	border-radius: 0 50px 50px 0;
}


/*.qr-left-img {
	background: url(../images/qr-sec-img.png) no-repeat;
	width: 480px;
	height: 602px;
	background-size:cover;
	border-radius:0 50px 50px 0;
	 
}*/
.qr-tree-scroll {
	max-height: 602px;
	overflow-y: auto;
	position: relative;
	/* hide scrollbar */
    scrollbar-width: none; /* Firefox */
}
 .qr-tree-scroll::-webkit-scrollbar {
 display: none; /* Chrome, Safari, Edge */
}
/* bottom fade hint */
    .qr-tree-scroll:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	/*background: linear-gradient( transparent, rgba(255, 255, 255, 0.9) );*/
	pointer-events: none;
}
.qr-right-tree-sec {
	position: relative;
	padding-left: 80px;
	overflow: hidden; /* clears floats */
}
/* One continuous vertical line */
    .qr-right-tree-sec:before {
	content: "";
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #ccc;
}
.year-block {
	float: left;
	width: 100%;
	margin-bottom: 150px;
}
.qr-yr-title {
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
	color: #b0975f;
	margin-bottom: 25px;
	position: relative;
}
/* Horizontal connecting line */
    .qr-yr-title:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 2px;
	background: #ccc;
	left: -40px;
	top: 50%;
}
.qr-items {
	display: flex;
	gap: 25px;
}
.pyqr-block {
	width: 60px;
	height: auto;
}
/*==================================================================================
NEWSROOM PAGE CSS STARTS HERE
====================================================================================*/
.search-box-sec {
	width: 100%;
	max-width: 250px;
	float: right;
}
.s-box-col {
	margin-bottom: 50px;
}
.search-box-col {
	width: 100%;
	display: flex;
	box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-webkit-box-shadow: -3px 10px 23px -22px rgba(31, 29, 29, 1);
	-moz-box-shadow: -3px 10px 23px -22px rgba(31, 29, 29, 1);
	border: 1px solid #d4c9b5;
	border-radius: 10px;
	padding: 10px 20px;
}
.search-box {
	display: flex;
	width: 100%;
}
.search-box select {
	width: 100%;
	border-radius: 50px;
	border: 1px solid #e7e7e8;
	outline: none;
	padding: 3px 15px 3px 40px;
	font-size: 15px;
	line-height: 15px;
}
.search-btn {
	display: flex;
	width: 30%;
}
.search-btn a {
	width: 100%;
	border-radius: 50px;
	text-align: center;
	padding: 10px 10px;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	font-weight: 500;
	background: #F0E9B4;
	background: linear-gradient(62deg, rgba(240, 233, 180, 1) 0%, rgba(212, 179, 113, 1) 43%, rgba(219, 192, 139, 1) 62%, rgba(180, 126, 56, 1) 100%);
}
.search-box select, .search-box .form-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: none;
}
.search-box .form-select {
	appearance: none;
	background-image: url('../images/dropdownArrow.png');
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px;
	padding-right: 40px;
}
.news-room-r-section {
	clear: both;
	width: 100%;
}
.news-room-r-section h2 {
	font-size: 22px;
	line-height: 22px;
	color: #b39b6e;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
 .news-room-r-section h2::before, .news-room-r-section h2::after {
 content: '';
 display: inline-flex;
 border: 1px solid #9c8964;
 width: 100%;
 height: 2px;
 margin-left: 20px;
 margin-right: 20px;
}
.news-blocks-sec {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: stretch;
	justify-content: flex-start;
}
.news-box {
	flex: 1 1 calc((100% - 60px) / 3); /* max 3 per row */
	/* min-width: 250px;  */
    max-width: 312.33px;
	margin-bottom: 30px;
}
.news-date {
	font-size: 40px;
	line-height: 42px;
	color: #a28e68;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	max-width: 40px;
	align-items: center;
}
.news-date span {
	font-size: 19px;
	line-height: 19px;
	color: #a28e68;
}
.news-box a {
	background: #eae9e6;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 59px);
	margin-top: -27px;
	padding: 15px 15px 15px 50px;
	position:relative;
}
.news-cont {
	font-size: 16px;
	line-height: 21px;
	min-height: 120px;
	 color:#4d2911;
	display: flex;
	align-items: center;
	 
}
.nsource {
	font-size: 12px;
	text-align: right;
	line-height: 18px;
	color: #87888b;
	    display: flex;
    align-items: center;
    justify-content: flex-end;
	position:absolute;
	bottom:21px;
	right:21px;
}
.nsource:before {
	content: '';
	display: inline-flex;
	background: url(../images/pen-icon.png) no-repeat;
	background-size:contain;
	width: 20px;
	height: 20px;
	background-position: center center;
	margin-right: 5px;
	 
}

.nsource:empty:before{
	display:none;
}
.news-room-sec .col-sm-12:has(.pagination){
	display: flex;
    align-items: center;
    justify-content: flex-start;
	 width:1000px;
	 margin:0 auto;
	 float:none;
}

/*=========================================================================
BURSA NEWS ITEM CSS, LATER COPY TO MASTER STYLE
===========================================================================*/

.bursa-section{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

.bursa-header-sec {
	display: flex;
	width: 100%;
	padding: 30px;
	border-radius: 15px;
	border:2px solid #b0975f;
	/*border:2px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(22deg, #bc8b45, #f0e7a7) border-box;*/
	margin-bottom: 70px;
	flex-direction: column;
}
.stk-nc-block {
	display: flex;
	width: 100%;
	margin-bottom: 35px;
}
.stk-n-sel {
	display: flex;
	width: 100%;
	align-items: center;
	white-space:nowrap;
	gap: 10px;
	flex-wrap:wrap;
}
.stk-n-sel label {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	color: #9c8964;
	align-items:center;
}
.stk-n-sel select {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	color: #9c8964;
	padding: 0px 40px 5px 15px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-color: #9c8964;
	outline: none;
}
.stk-n-sel select.dropDownArrow {
	margin-bottom:0;
}
.stk-n-sel .form-select, .ba-cate .form-select,  .ba-yr .form-select,  .ba-month .form-select {
	appearance: none;
	background-image: url(../images/dropdownArrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px;
	padding-right: 40px;
}
.bursa-sel-col, .bursa-cym-fr {
	display: flex;
	 
	width: 100%;
	gap: 20px;
}
.cym-col {
	display: flex;
 
	gap: 20px;
}
.ba-cate {
	width:58%;
	display: flex;
	gap: 20px;
}
 .ba-cate::after {
 content: '';
 display: inline-flex;
        /*border-right:1px solid #d1c7b4;*/
        height: 34px;
 width: 2px;
 background: #d1c7b4
}
.ba-yr, .ba-month {
	width: 150px;
}
.ba-cate select,  .ba-yr select,  .ba-month select {
	width: 100%;
	border: 1px solid #c9cacc;
	border-radius: 50px;
	padding: 10px 40px 10px 15px;
	outline: none;
	color: #c9cacc;
	font-size: 14px;
	line-height: 14px;
}
.bursa-filter-btns {
	display: flex;
	margin-left: auto;
	width: 240px;
}
.fr-btns {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 15px;
}
.fr-btns .btn-primary {
	font-size: 16px;
	line-height: 16px;
	display: flex;
	background: #9c8964;
	text-align: center;
	padding: 11px 30px;
	color: #fff !important;
	border-radius: 30px;
}
.bursa-item {
	float: left;
	width: 100%;
	background: #ebecea;
	/*padding:18px;*/
    display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.bursa-item a {
	display: flex;
	flex-direction: column;
	padding: 18px;
}
.bursa-more {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	visibility: hidden;
}
.bursa-more:after {
	content: '';
	display: inline-flex;
	background: url(../images/bursa-view-more-icon.png) no-repeat;
	width: 38px;
	height: 18px;
	justify-content: flex-end;
}
.bursa-item a:hover .bursa-cal {
	background: url(../images/bursa-cal-hover-bg.png) no-repeat;
	width: 85px;
	height: 80px;
	color: #fff;
}
.bursa-item a:hover .bursa-cal .month, .bursa-item a:hover .bursa-cal .date {
	color: #fff;
}
 .bursa-item:has(a:hover) {
 box-shadow: -3px 8px 23px -20px rgba(31, 29, 29, 1);
 -webkit-box-shadow: -3px 8px 23px -20px rgba(31, 29, 29, 1);
 -moz-box-shadow: -3px 8px 23px -20px rgba(31, 29, 29, 1);
    /* filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .15));*/
 background: #ebe8db;
}
.bursa-item a:hover .bursa-more {
	visibility: visible;
}
.bursa-day {
	float: left;
	width: 100%;
	border-bottom: 1px solid #a69575;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.bursa-day p {
	font-size: 14px;
	line-height: 14px;
	font-weight:bold;
	color: #a69575;
}
.bursa-date-news {
	width:100%;
	display: flex;
	gap: 20px;
	align-items: center;
}
.bursa-cal {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #fff;
	width: 85px;
	height: 80px;
	align-items: center;
	justify-content: center;
}
.bursa-cal .month {
	font-size: 14px;
	line-height: 21px;
	color: #a69575;
	font-weight:bold;
}
.bursa-cal .date {
	font-size: 20px;
	line-height: 20px;
	color: #a69575;
	font-weight:bold;
}
.bursa-news{
	display:flex;
	width:100%;
}

.bursa-news p {
	font-size: 14px;
	line-height: 18px;
	color: #a69575;
	font-weight:bold;
}
/*bursa item multi news*/


.multi-news-links {
	padding: 18px;
}
.bursa-news a {
	padding: 5px 0px;
	position: relative;
	padding-left: 26px;
}
.bursa-news a:before {
	content: "\f105";
	display: block;
	position: absolute;
	left: 2px;
	font-family: FontAwesome;
	top: 2px;
	background-color: transparent;
	font-size: 23px;
	line-height: 23px;
}
.multi-news-links:hover .bursa-cal {
	background: url(../images/bursa-cal-hover-bg.png) no-repeat;
	width: 85px;
	height: 80px;
	color: #fff;
}
.multi-news-links:hover .bursa-cal .month, .multi-news-links:hover .bursa-cal .date {
	color: #fff;
}
.multi-news-links:hover {
	box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-webkit-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-moz-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	background: #ebe8db;
}
.multi-news-links:hover .bursa-more {
	visibility: visible;
}
/*================================================================

ANNUAL REPORTS NEW PAGE
==================================================================*/

.annual-report-sec {
 width: 100%;
 max-width:1200px;
  margin:0 auto;
	display: flex;
	flex-direction: column;
}
.ar-top-latest {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}
.ar-top-box {
	display: flex;
	position: relative;
}
.ar-top-left, .ar-top-right {
	width: 50%;
}
.ar-top-left {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 40px;
	border:1px solid #b0975f;
	/*border: 1px solid transparent;
	 background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(270deg, #b27c36, #ede1a1) border-box;*/
	position: relative;
}
.ar-top-right {
	position: absolute;
	left: 32%;
	width: 68%;
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 2;
}
.wbg-cont {
	background: url(../images/ar-top-cont-bg.png) no-repeat;
	width: 100%;
	height: 224px;
	padding: 40px;
	display: flex;
	align-items: center;
	background-size: cover;
}
.ar-r-cont-box {
	padding-left: 15%;
}
.ar-l-title {
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #9c8964;
}
.ar-vd-btns {
	display: flex;
	gap: 20px;
}
.ar-vd-btns a {
	display: flex;
	align-items: center;
}
.ar-v-btn:before {
	content: '';
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	margin-right: 10px;
}
.ar-d-btn:before {
	content: '';
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	margin-right: 10px;
}
.ar-v-btn:before {
	background: url(../images/iconView.png);
	background-size:cover;
}
.ar-d-btn:before {
	background: url(../images/iconDownload.png);
	background-size:cover;
}
.ar-v-btn:hover:before {
	background: url(../images/iconViewHover.png);
	background-size:cover;
}
.ar-d-btn:hover:before {
	background: url(../images/iconDownloadHover.png);
	background-size:cover;
}
.ar-pre-section {
	display: grid;
	grid-template-columns: repeat(3, 165px);
	justify-content: space-between;
	/*width: 850px;*/
	margin: 0 auto;
}
.ar-pre-section .ar-item {
	flex: 0 0 165px; /* Fixed width */
	width: 165px;
	margin-bottom: 70px;
}
.ar-cover {
	/*border: 1px solid #c1c0c0;*/
	box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-webkit-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	-moz-box-shadow: -3px 10px 23px -13px rgba(31, 29, 29, 1);
	margin-bottom: 20px;
	position: relative;
	z-index: 9;
}

.ar-cover img{
	width:100%;
}

.ar-pre-title {
	width: 100%;
	display: flex;
	justify-contet: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #9c8964;
	margin-bottom: 20px;
}
.ar-dv-btns {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 10px;
}
.ar-dv-btns a {
	display: flex;
	justify-content: center;
}
/*===========================================================================

AGM PAGE CSS STARTS HERE
=============================================================================*/

#ctl00_cphContent_dvAgm{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}


.agm-section {
	display:flex;
	width:100%;
	border:2px solid #998c67;
	padding:30px;
	border-radius:15px;
	margin-left: 12px;
    margin-right: 12px;
	margin-bottom:30px;
}
.agm-col {
	display:flex;
	gap:30px;
	width:100%;
}
.agm-cal-col {
	display:flex;
	flex-direction:column;
	width:15%;
}
.agm-cal {
	background:url(../images/corp-cal-img.png) no-repeat;
	/*width:86px;
	height:80px;*/
	width: 124px;
    height: 123px;
	background-size:contain;
	display:flex;
	align-items:center;
	flex-direction:column;
	position:relative;
}
.agm-num {
	font-size:20px;
	line-height:20px;
	margin-bottom:15px;
	color:#998c67;
	font-weight:bold;
	margin-top:44px;
	width:100%;
	text-align:center;
}
.agm-num sup {
	font-size:12px;
	line-height:12px;
}
.agm-txt, .egm-txt {
	font-size:25px;
	line-height:25px;
	margin-bottom:15px;
	color:#998c67;
	font-weight:bold;
	margin-top:-11px;
	width:100%;
	text-align:center;
}

.egm-txt{
	position:absolute;
	top:56px;
	margin-top:0;
}
.agm-cont {
	display:flex;
	flex-direction:column;
	width:100%;
}
.agm-title {
	width:100%;
	border-bottom:1px solid #998c67;
	font-size:22px;
	line-height:22px;
	padding-bottom:10px;
	margin-bottom:20px;
	color:#998c67;
	font-weight:bold;
}
.agm-info {
	display:flex;
	width:100%;
	flex-wrap:wrap;
}
.agm-info div {
	flex:1;
}

.agm-venue, .agm-venue p, .agm-venue span, .agm-venue div{
	font-family: "Nunito", sans-serif !important;
	font-size:18px !important;
	line-height:22px !important;
	font-weight:500 !important;
	padding-right:30px !important;
}

.agm-links {
	display:flex;
	flex-direction:column;
}
.agm-links a {
	font-size:16px;
	line-height:16px;
	margin-bottom:10px;
	color:#998c67;
	gap:10px;
	display:flex;
	align-items:center;
}
.agm-links a:before {
	content:'';
	display:inline-flex;
	background:url(../images/iconView.png) no-repeat;
	width:30px;
	height:30px;
	align-items:center;
	background-size:contain;
}

.agm-links a:hover:before {
	content:'';
	display:inline-flex;
	background:url(../images/iconViewHover.png) no-repeat;
	width:30px;
	height:30px;
	align-items:center;
	background-size:contain;
}

.agm-links a.download:before {
	content:'';
	display:inline-flex;
	background:url(../images/iconDownload.png) no-repeat;
	width:30px;
	height:30px;
	align-items:center;
	background-size:cover;
	background-size:contain;
}
.agm-links a.download:hover:before {
	content:'';
	display:inline-flex;
	background:url(../images/iconDownloadHover.png) no-repeat;
	width:30px;
	height:30px;
	align-items:center;
	background-size:cover;
	background-size:contain;
}



.black-btn{
/*	background: #F0E9B4;
	background: linear-gradient(62deg, rgba(240, 233, 180, 1) 0%, rgba(212, 179, 113, 1) 43%, rgba(219, 192, 139, 1) 62%, rgba(180, 126, 56, 1) 100%);*/
	
		background: #D8BF7F;
background: linear-gradient(33deg, rgba(216, 191, 127, 1) 16%, rgba(239, 230, 173, 1) 51%, rgba(216, 191, 127, 1) 89%);
	border:none !important;
	color:#44290e !important;
}

.black-btn:hover{
	color:#222 !important;
}

/*==========  Mobile First Method  ==========*/


@media(max-width:1199px) {
}






/* Large desktops and laptops */
@media (min-width: 1500px) {

.cg-sec{
	width:90%;
}
}
/* Large desktops and laptops */
@media (min-width: 1200px) {

.qr-left-img {
	background: url(../images/qr-sec-img.png) no-repeat;
	width: 100%;
	height: 1146px;
	background-size:cover;
	border-radius:0 50px 50px 0;
	 
	 
	 
}	

.qr-tree-scroll {
    max-height: 1100px;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none;
}
	
	
	
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}
 @media (min-width: 992px) {
 .ar-top-right {
}
 .ar-pre-section {
/* width:80%;*/
}
}
 @media (max-width: 991px) {
 .ar-pre-section {
 width:100%;
}

.bursa-cym-fr{
	flex-wrap:wrap;
}

}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
.bursa-cym-fr{
	flex-wrap:wrap;
}
	
}
 @media (min-width: 768px) {
}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .stk-qt-lr-full {
 display: flex;
 width: 100%;
 height: 100%;
 flex-wrap: wrap;
}
 .stk-qt-right {
 margin-top: 30px;
}
 .rpt-left, .hqr-col {
 margin-bottom: 30px;
}
 .anm-blks {
 flex-wrap: wrap;
}
 .ir-cont-sec {
 padding: 30px;
 margin-top: 30px;
}
 .sec-4 .container .row {
 flex-wrap: wrap;
}
 .ir-cont-right {
 position: unset;
}
 .qr-top {
 width: 100%;
}
 .qtr-latest-four {
 width: 100%;
 justify-content: center;
}
 .qr-bottom-sec {
 flex-wrap: wrap;
}
 .qr-left-img {
 width: 100%;
}
 .qr-left-img-sec, .qr-tree-scroll {
 flex: 0 0 100%;
}
 .news-box {
 flex: 1 1 calc((100% - 60px)); /* max 3 per row */
        /* min-width: 250px;  */
        max-width: 312.33px;
 margin-bottom: 30px;
}



    /*ar page*/


    .ar-top-left, .ar-top-right {
 width: 100%;
}
 .ar-top-box {
 display: flex;
 position: unset;
 flex-wrap: wrap;
}
 .ar-top-left {
}
 .ar-top-right {
 position: unset;
 width: 100%;
}
 .ar-pre-section {
 width:100%;
 display: grid;
 grid-template-columns: repeat(2, 165px);
 justify-content:center;
        /*grid-template-columns: repeat(auto-fit, 165px);*/
       /* justify-content: center;*/
        gap: 40px;
}
 .agm-info div {
 flex:0 0 100%;
}


.cym-col{
	flex-wrap:wrap;
}

.ba-cate::after{
	content:'';
	display:none;
}

.ba-cate{
	width:100%;
}

}
 @media (max-width:576px) {
 .agm-col {
 display:flex;
 gap:30px;
 width:100%;
 flex-wrap:wrap;
}
}



/* Portrait phones and smaller */
@media (max-width: 480px) {
 .ba-cate, .ba-yr, .ba-month {
 width:100%;
}
 .ba-cate::after {
 display:none;
}
}
 @media(max-width:414px) {
}

/* Portrait i phones and smaller */
@media (max-width: 380px) {
}