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

 
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/*


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

*/

body {
		font-family: "DM Sans", sans-serif;
	color: #000;
	font-size:16px;
	font-weight:normal;
	line-height: 1.8;
	 background-color:transparent !important;
	/*background:url(../images/glance-bg.png) #F1FBE8 no-repeat;*/
/*	background: linear-gradient(17deg, rgba(241, 251, 232, 1) 0%, rgba(228, 247, 213, 1) 100%);*/
}
.mt-100 {
	margin-top: 100px;
}
.mt-80 {
	margin-top: 80px;
}
.sec-1 {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:76px;
}
.grey-bg {
	background:#e4e4e4;
}
.sec-2 {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:60px;
}
.sec-3, .sec-4, .sec-5, .sec-6 {
	float:left;
	width:100%;
	clear:both;
	margin-bottom:60px;
}
a {
	color:#811017;
	text-decoration:none;
}
a:hover {
	color:#1f1f1f;
	text-decoration:none;
}
.main-title h2 {
	font-size:40px;
	line-height:40px;
	color:#044E80;
	font-weight:900;
	margin-top:0;
	margin-bottom:36px;
	text-transform:capitalize;
	z-index:2;
	position:relative;
}
.main-title h3 {
	font-size:30px;
	line-height:30px;
	color:#044E80;
	font-weight:400;
	margin-top:0;
	text-transform:uppercase;
	z-index:2;
	position:relative;
}
.main-title h5 {
	font-size:13px;
	line-height:13px;
	color:#044E80;
	font-weight:bold;
	margin-bottom:30px;
	margin-top:0;
	z-index:2;
	position:relative;
}
.text-left h2 {
	text-align:left;
}
.white {
	color:#fff !important;
}
.white h2 {
	color:#fff !important;
}
/*=================================================
buttons
===================================================*/
.btn-primary:hover{
	background:none !important;
	border:none !important;
	color:#811017 !important;
}
 

.btn-sec {
	float:left;
	width:155px;
	position:relative;
}




input.btn-primary, input.ClsButton{
  font-size:16px;
  line-height:16px;
  display:inline-flex;
  align-items:center;
 width:auto !important;
  background:none;
  color:#811017;
  border:1px solid #811017;
  border-radius:30px;
  padding:10px 26px;
  font-weight:500;
  text-decoration:none;
  text-transform:capitalize;
  cursor:pointer;
  height:auto !important;
}

input.btn-primary:hover, input.ClsButton:hover{
  font-size:16px;
  line-height:16px;
  display:inline-flex;
  align-items:center;
  width:auto !important;
  background:#811017 !important;
  color:#fff !important;
  border:1px solid #811017 !important;
  border-radius:30px;
   padding:10px 26px;
  font-weight:500;
  text-decoration:none;
  text-transform:capitalize;
  cursor:pointer;
  height:auto !important;
}

/* Button */
.btn-primary{
  font-size:18px;
  display:inline-flex;
  align-items:center;
  position:relative;
  background:none;
  color:#811017;
  border:none;
  padding:0;
  font-weight:500;
  text-decoration:none;
  text-transform:capitalize;
  cursor:pointer;
}

/* Icon wrapper = the moving object */
.icon-wrap{
  width:37px;
  height:37px;
  margin-right:10px;
  position:relative;
  flex-shrink:0;

  transition: transform 0.9s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

/* Icons stacked in same space */
.icon-wrap i{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  transition: opacity 0.35s ease;
}

/* Default icon */
.first-icon{
  background-image:url("../images/viewmore.png");
  opacity:1;
}

/* Hover icon */
.last-icon{
  background-image:url("../images/view-more-hover.png");
  opacity:0;
}

/* Text */
.btn-primary span{
  white-space:nowrap;
  transition: transform 0.9s cubic-bezier(.4,0,.2,1);
}

/* Hover behaviour */
.btn-primary:hover .icon-wrap{
  transform: translateX(calc(100% + 30px + 100%));
}

.btn-primary:hover span{
  transform: translateX(-37px);
}

.btn-primary:hover .first-icon{
  opacity:0;
}

.btn-primary:hover .last-icon{
  opacity:1;
}

.view-more {
	font-size:14px;
	margin-left:20px;
}
.white {
	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;
}






.main-title h2 {
	font-size:32px;
	line-height:32px;
	color:#811017;
	font-weight:700;
}
/*==============================================================
FOOD AT GLANCE, THIS GOES TO INVESTORS CENTRE PAGE
================================================================*/



.food-glance {
	float:left;
	width:100%;
}
.rptv-inner {
	float:left;
	width:100%;
	background:#D1E3B7A6;
	border-radius:19px;
	border:1px solid #fff;
	min-height:142px;
	text-align:center;
	padding:17px 0;
}
.rptv-title {
	font-size:20px;
	line-height:26px;
	color:#2D441B;
	font-weight:bold;
}
.rptv-val {
	font-size:40px;
	line-height:46px;
	color:#2D441B;
	font-weight:bold;
}
.val-units {
	font-size:20px;
	line-height:26px;
	color:#2D441B;
	font-weight:bold;
}
/*==============================================================
IR HOME PAGE  CSS STARTS HERE
================================================================*/
.sec-1 {
	float:left;
	width:100%;
	/*background:url(../images/glance-bg.png) no-repeat;*/
	background-position:center center;
	background-size:cover;
}
.glance-iframe {
	float:left;
	width:100%;
	margin-bottom:60px;
}
.stk-per-sec {
	float:left;
	width:100%;
}
.stk-per {
	float:left;
	width:100%;
	background:#D1E3B7A6;
	border-radius:19px;
	border:1px solid #fff;
	padding:32px;
}
.sp-block-long {
	float:left;
	width:40%;
}
.hlv-sec {
	float:left;
	width:60%;
}
.stk-name {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#2D441B;
	margin-bottom:10px;
}
.stk-price {
	font-size:40px;
	line-height:42px;
	font-weight:bold;
	color:#2D441B;
	margin-right:15px;
	margin-bottom:20px;
}
.stk-price span {
	font-size:20px;
	line-height:22px;
	color:#2D441B;
	font-weight:normal;
}
.hlv-blocks {
	float:left;
	width:33.33%;
	padding:0 15px;
	text-align:center;
}
.hlv-title {
	font-size:20px;
	line-height:22px;
	color:#2D441B;
	font-weight:bold;
	margin-bottom:10px;
}
.hlv-val {
	font-size:32px;
	line-height:34px;
	font-weight:bold;
	color:#2D441B;
}
.mid-brds {
	border-left:1px solid #2D441B80;
	border-right:1px solid #2D441B80;
}
.eod {
	font-size:14px;
	line-height:22px;
	color:#2D441B;
	text-align:right;
	margin-top:5px;
}
 .no-gutter [class*="col-"] {
 padding-left: 0;
 padding-right: 0;
}

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

.stk-foot [class*="col-"]{
	padding-left:0;
}


/*=======================================================================================
reports sections
=========================================================================================*/

.reports-bg {
	float:left;
	width:100%;
	background:url(../images/rpt-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	height:370px;
	border-radius:20px 166.5px 20px 20px;
}
.reports-blocks {
	float:left;
	width:100%;
	padding-top:29px;
}
.reports-blocks [class*="col-"] {
 margin-bottom:20px;
}
.rblocks-inner {
	float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	min-height:125px;
	border:1px solid #fff;
	padding:15px 18px;
	box-shadow:0 4px 10px #2D441B0D;
}
.hrpt-title {
	font-size:18px;
	line-height:22px;
	min-height:44px;
	font-weight:bold;
	color:#1F1F1F;
	margin-bottom:27px;
}
.rpt-download {
	float:left;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#811017;
	margin-right:35px;
}
.rpt-download:after {
	content:'';
	display:inline-block;
	background:url(../images/rpt-download.png) no-repeat;
	background-size:cover;
	width:13px;
	height:14px;
	margin-left:10px;
}
.rpt-view {
	float:left;
	font-size:16px;
	line-height:22px;

	font-weight:normal;
	color:#811017;
}
.rpt-view:after {
	content:'';
	display:inline-block;
	background:url(../images/rpt-view.png) no-repeat;
	background-size:cover;
	width:19px;
	height:13px;
	margin-left:10px;
}

.reports-blocks .btn-sec{
	float:right;
}

/*====================================================================================================
BURSA ANNOUNCEMENTS AND MEDIA NEWS
======================================================================================================*/


.bn-mn-sec {
	float:left;
	width:100%;
	display:flex;
	height:100%;
	align-items: stretch;
}
 .bn-mn-sec [class*="col-"] {
 flex: 1;
 display: flex;
}
.ba-inner {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.ba-block {
	float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	min-height:125px;
	border:1px solid #fff;
	padding:28px;
	box-shadow:0 4px 10px #2D441B0D;
	flex:1;
}
.ba-news-item {
	float:left;
	width:100%;
	margin-bottom:28px;
}
.ba-date {
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#2D441B;
	margin-bottom:10px;
}
.ba-news {
	float:left;
	width:100%;
	
}
.ba-news a {
	font-size:16px;
	line-height:16px;
	color:#1F1F1F;
	 display: -webkit-box;
    -webkit-line-clamp: 1;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ba-block .btn-sec{
}


/*===============================================================================================================================================
IR Contact section starts here
=================================================================================================================================================*/

.irc-links-sec [class*="col-"], .frm-cnt [class*="col-"]{
	padding-left:0;
}


.btn-cont-na{
	float:left;
	position:relative;
	margin-top:25px;
}

.btn-cont-na a:last-child{
	margin-left:40px;
}


.form-control {
    display: block;
    width: 100%;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 20px;
    color: #444 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}








.na-ir-sec {
	background: #F4FBEA;
	background: linear-gradient(180deg, rgba(244, 251, 234, 1) 50%, rgba(229, 245, 210, 1) 100%);
	float:left;
	width:100%;
	border-radius:19px;
}

.na-ir-sec > [class*="col-"]:first-child{
	border-right:1px solid #2D441B33;
}

.news-alert-sec{
	float:left;
	width:100%;
	padding:30px;
}

.news-alert-sec .main-title h2, .contact-sec .main-title h2{
	margin-bottom:15px;
}


.ir-cont {
	position:relative;
}
 
 
.ir-cont-sec {
	float:left;
	width:100%;
	padding:133px 60px;
}
 
.nl-sub {
	float:left;
	width:100%;
	margin-bottom:33px;
	min-height:57px;
	color:#000;
}
.contact-sec {
	float:left;
	width:100%;
	padding:30px;
 
}
.irc-links-sec {
	float:left;
}
.irc-link {
	font-size:16px;
	line-height:16px;
	color:#2D441B;
	margin-bottom:20px;
	display:block;
	width:100%;
}
.irc-link span {
	font-size:20px;
	line-height:20px;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}
.ir-cp {
	position:relative;
	display:inline-block;
	padding-left:31px;
}
.ir-cp:before {
	content:'';
	display:inline-block;
	background:url(../images/cont-icon.png) no-repeat;
	background-size:contain;
	width:21px;
	height:21px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-tel {
	position:relative;
	display:inline-block;
	padding-left:31px;
}
.ir-tel:before {
	content:'';
	display:inline-block;
	background:url(../images/tel-icon.png) no-repeat;
	background-size:contain;
	width:21px;
	height:21px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-fax {
	position:relative;
	display:inline-block;
	padding-left:31px;
}
.ir-fax:before {
	content:'';
	display:inline-block;
	background:url(../images/fax-icon.png) no-repeat;
	background-size:contain;
	width:21px;
	height:21px;
	margin-right:30px;
	position:absolute;
	left:0;
}
.ir-email {
	position:relative;
	display:inline-block;
	padding-left:31px;
}
.ir-email:before {
	content:'';
	display:inline-block;
	background:url(../images/email-icon.png) no-repeat;
	background-size:contain;
	width:21px;
	height:16px;
	margin-right:30px;
	position:absolute;
	left:0;
}


/*==========================================================================================================
PRESENTAION MATERIALS CSS STARTS HERE
============================================================================================================*/

.pm-pd-sec [class*="col-"]{
	margin-bottom:24px;
}

.prs-mtr-inner{
	float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	padding:20px;
	box-shadow: 0 4px 10px #2D441B0D;
}

.pm-pd-title{
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#1F1F1F;
	min-height:74px;
	margin-bottom:10px;
}

.pd-pm-btns{
	float:left;
	width:100%;
}

.pd-btn{
	float:left;
	width:50%;
	display:flex;
	align-items:center;
	height:37px;
}

 


.dwnl-link {
	float:left;
	font-size:18px;
	line-height:22px;
	font-weight:500;
	color:#811017;
	 
}
.dwnl-link:after {
	content:'';
	display:inline-block;
	background:url(../images/rpt-download.png) no-repeat;
	background-size:cover;
	width:13px;
	height:14px;
	margin-left:10px;
}

/*==========================================================================================================
SHAREHOLDERS MEETING CSS STARTS HERE
============================================================================================================*/

.epf-shm-sec{
	float:left;
	width:100%;
	margin-bottom:32px;
}

.sm-title{
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#1F1F1F;
	margin-bottom:20px;
}
.sm-venue b, .sm-venue strong{
	display:block;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#1F1F1F;
}
.sm-venue, .sm-venue p{
	display:block;
	font-size:16px;
	font-weight:normal;
	color:#1F1F1F;
}

.sm-date b, .sm-time strong, .sm-date strong, .sm-time strong{
	font-size:16px;
	color:#1F1F1F;
	line-height:22px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}

.sm-date, .sm-time, .sm-date p, .sm-time p{
	font-size:16px;
	color:#1F1F1F;
	line-height:16px;
}

.sm-docs-sec{
	float:left;
	width:100%;
	margin-bottom:32px;
}

.sm-docs-sec [class*="col-"]{
	margin-bottom:24px;
}

.sm-docs-inner{
		float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	padding:20px;
	box-shadow: 0 4px 10px #2D441B0D;
}
.sm-doc-title{
		font-size:16px;
	line-height:19px;
	font-weight:bold;
	color:#1F1F1F;
	min-height:74px;
	margin-bottom:10px;
}



/*==========================================================================================================
CORPORATE PRESENTATIONS CSS STARTS HERE
============================================================================================================*/

 
.pm-title{
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#1F1F1F;
	margin-bottom:20px;
}
 
 
.pm-docs-sec{
	float:left;
	width:100%;
	margin-bottom:32px;
}

.pm-docs-sec [class*="col-"]{
	margin-bottom:24px;
}

.pm-docs-inner{
		float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	padding:20px;
	box-shadow: 0 4px 10px #2D441B0D;
}
.pm-doc-title{
		font-size:16px;
	line-height:19px;
	font-weight:bold;
	color:#1F1F1F;
	min-height:74px;
	margin-bottom:10px;
}
.pm-doc-btns, .pm-btn{
	float:left;
	width:100%;
}


/*===========================================================================================================================
ANNUAL REPORTS NEW PAGE SECTION CSS STARTS HERE
=============================================================================================================================*/


.ar-inner{
	float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	min-height:249px;
	box-shadow: 0 4px 10px #2D441B0D;
}
.ar-cover{
	float:left;
	width:36%;
	max-width:175px;
	margin-right:26px;
	
}
.ar-cover img{
	object-fit:cover;
	height:249px;
	border-radius:19px 0 0 19px;
}

.ar-cvr-right{
	float:left;
	width:60%;
	padding:50px 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:249px;
}

.iar-blcok{
	float:left;
	width:100%;
	margin-bottom:24px;
	
}
.iar-title{
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#1F1F1F;
	margin-bottom:10px;
}
.rpt-btns{
	float:left;
	width:100%;
}



.cgr-blcok{
	float:left;
	width:100%;
	 
	
}
.cgr-title{
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#1F1F1F;
	margin-bottom:10px;
}

.ar-sec-full [class*="col-"]{
	margin-bottom:24px;
}


/*===========================================================================================================================
QUARTER REPORTS NEW PAGE SECTION CSS STARTS HERE
=============================================================================================================================*/

.qr-sec-full{
	float:left;
	width:100%;
}
.qr-sec-full [class*="col-"]{
	margin-bottom:27px;
}
.qr-inner{
	float:left;
	width:100%;
	background:#fff;
	border-radius:19px;
	min-height:239px;
	box-shadow: 0 4px 10px #2D441B0D;
}

.qr-title{
	padding:18px;
	
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#1F1F1F;
	border-bottom:1px solid #D5D5D5;
}
.qr-list-sec{
	padding:18px;
}




.qr-link {
	width:100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #333;
	margin-bottom:12px;
  
}

/* Icons wrapper */
.qr-link .qr-dl-v {
    display: inline-flex;
    gap: 6px;
}

/* Base icon style */
.icon-link .qicon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Individual icons */
.icon-download {
    background-image: url("../images/rpt-download.png");
	width:14px;
	height:16px;
	margin-right:5px;
	display:inline-block;
}

.icon-view {
    background-image: url("../images/rpt-view.png");
	width:18px;
	height:12px;
	margin-right:5px;
	display:inline-block;
}

.qr-text{
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#1F1F1F;
}



/*===========================================================================================================================
SUSTAINABILITY REPORTS NEW PAGE SECTION CSS STARTS HERE
=============================================================================================================================*/
.sustainability-sec-full{
	float:left;
	width:100%;
	
}

.sustainability-sec-full [class*="col-"]{
	margin-bottom:27px;
}

.sus-inner{
	float:left;
	width:100%;
}
.sus-cover{
	width:100%;
	text-align:center;
	max-width:174px;
	height:268px;
	margin-bottom:23px;
	margin-left:auto;
	margin-right:auto;
	
}
.sus-cover img{
	max-width:174px;
	height:268px;
	margin:0 auto;
	object-fit:cover;
	border-radius:19px;
}
.sus-title{
	float:left;
	width:100%;
	margin-bottom:10px;
	text-align:center;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#1F1F1F;
}
.sus-btns{
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
}
.sus-btns a{
	font-size:18px;
	line-height:18px;
	color:#811017;
	display:flex;
	align-items:center;
}

.sus-download {
	float:left;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#811017;
	margin-right:35px;
}
.sus-download:after {
	content:'';
	display:inline-block;
	background:url(../images/rpt-download.png) no-repeat;
	background-size:cover;
	width:14px;
	height:16px;
	margin-left:10px;
}
.sus-view {
	float:left;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#811017;
}
.sus-view:after {
	content:'';
	display:inline-block;
	background:url(../images/rpt-view.png) no-repeat;
	background-size:cover;
	width:18px;
	height:12px;
	margin-left:10px;
}

/*ir privacy policy*/


.privacy-policy .z-content-inner table{
	background:none !important;
}

.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > a, .z-tabs.underlined.red > ul.z-tabs-nav > li > a:hover {
    border-color: #811017 !important;
}


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


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







/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}
 @media (min-width: 992px) {
}
@media (max-width: 991px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}
 @media (max-width:576px) {
}



/* Portrait phones and smaller */
@media (max-width: 480px) {
.ar-cvr-right{
	width:55%;
}
.iar-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #1F1F1F;
    margin-bottom: 10px;
}
	
	
}
 @media(max-width:414px) {
}

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