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


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
body {
	font-family: "Titillium Web", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	line-height:21px;
	background:#FBF6F2;
	overflow-x:hidden;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:30px;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-40 {
	margin-bottom:40px;
}
.mb-50 {
	margin-bottom:50px;
}
.mod-mt-20 {
	margin-top:20px;
}
/** {
  outline: 1px solid red; 
}*/


/*====================================================
sections titles and small titles css goes here
======================================================*/
.section {
	float:left;
	width:100%;
	margin-bottom:100px;
}
.section-last {
	margin-bottom:0 !important;
}
.title-small h5 {
	font-family: "Titillium Web", sans-serif;
	font-size:20px;
	line-height:31px;
	color:#000000;
	margin-bottom:10px;
	display:block;
}

.title{
	float:left;
	width:100%;
}


.title h1 {
	font-family: "Cormorant Garamond", serif;
	font-size:60px;
	line-height:60px;
	font-weight:700;
	color:#8A7F5B;
	margin-bottom:30px;
	display:block;
}
/*slider captions css starts here  */

.slide-title-small, .slide-title, .slide-title-big {
	float:left;
	width:100%;
}
.slide-title-small h5 {
	font-family: "Titillium Web", sans-serif;
	font-size:20px;
	line-height:20px;
	color:#000000;
	margin-bottom:10px;
	display:block;
}
.slide-title h1 {
	font-family: "Cormorant Garamond", serif;
	font-size:60px;
	line-height:60px;
	font-weight:400;
	margin-bottom:10px;
	color:#000000;
	display:block;
}
.slide-title-big h1 {
	font-family: "Cormorant Garamond", serif;
	font-size:120px;
	line-height:70px;
	font-weight:700;
	margin-bottom:10px;
	color:#8A7F5B;
	display:block
}
.slide-rm-cont {
	float:left;
	width:100%;
	margin-top:30px;
}
.cont-block {
	float:left;
	width:100%;
}
.cont-block p {
	font-size:16px;
	line-height:21px;
	text-align:justify;
}
.cw-color {
	color:#8A7F5B !important;
}
/*==========================================================
READ More button
==============================================================*/

.read-more {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.read-more a {
	font-family: "Cormorant Garamond", serif;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#000000;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
}
.read-more a:after {
	content:'';
	display:inline-block;
	background:url(../images/arrow-more.png) no-repeat;
	background-position:center center;
	background-size:cover;
	width:20px;
	height:10px;
	margin-left:10px;
}
.read-more a:hover {
	font-family: "Cormorant Garamond", serif;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	color:#8a7f5b;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
	transition:0.6s;
}
.read-more a:hover:after {
	content:'';
	display:inline-block;
	background:url(../images/arrow-more.png) no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
	width:20px;
	height:10px;
	margin-left:10px;
	/*animation: backInLeft;*/
	animation:fadeInLeft;
	animation-duration: 0.4s;
}
.icon-test {
	width:100px;
	height:auto;
}
.icon-test:hover {
	position:relative;
	animation:flipInY;
	animation-duration:10s;
}



.quick-link-sec{
	margin-top:60px;
}

.qlinks-btn{
	font-size:20px;
	line-height:20px;
	float:left;
	width:100%;
	display:inline-block;
	background:#fff;
	color:#8A7F5B;
	padding:30px 20px;
	text-align:center;
	text-decoration:none;
	box-shadow: 1px 1px 4px #ccc;
}
.qlinks-btn:hover{
	float:left;
	width:100%;
	display:inline-block;
	background:#8A7F5B;
	color:#fff;
	padding:30px 20px;
	text-align:center;
}

 .active{
	float:left;
	width:100%;
	display:inline-block;
	background:#8A7F5B;
	color:#fff;
	padding:30px 20px;
	text-align:center;
	pointer-events:none;
}

.qlinks-btn.active:hover{
	float:left;
	width:100%;
	display:inline-block;
	background:#8A7F5B;
	color:#fff;
	padding:30px 20px;
	text-align:center;
}


/*======================================================================================
Home page css starts here
=======================================================================================*/

.as-img {
	float:left;
	width:100%;
	background:url(../images/about-us.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	height:722px;
	margin-top:88px;
}
.hm-abt-cnt {
	float:left;
	width:100%;
	background-color:#FAF0E6;
	min-height:574px;
	padding:88px 60px;
}
.proj-bar-sec {
	float:left;
	width:100%;
}
.comp-pr, .ong-pr {
	float:left;
	width:100%;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px solid #707070;
}
.p-title {
	float:left;
	width:50%;
	margin-bottom:20px;
	color:#000;
	font-size:16px;
	line-height:16px;
}
.cp-num {
	float:left;
	width:50%;
	margin-bottom:20px;
	color:#000;
	font-size:16px;
	line-height:16px;
	text-align:right;
}
.progress {
	float:left;
	width:100%;
}
.bar-color, .progress, .progress-stacked {
 --bs-progress-bar-bg:#D4AF37 !important;
}
/*home about carouse section css*/


.carousel, .carousel-inner, .carousel-item, .carousel-item img {
	height: 100%;
}
.carousel-item img {
	object-fit: cover; /* Keep image scaled */
}
/*=========================================================================
what we do our business section css starts here
===========================================================================*/

.ourb-item {
	float:left;
	width:100%;
	background-color:#fff;
	padding:20px;
}
.bi-pbg {
	background:url(../images/prorperty-bg.png) no-repeat #fff;
	width:100%;
	min-height:294px;
	background-position:center right;
	background-size:cover;
}
.ourb-item-head {
	float:left;
	width:100%;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #707070;
}
.obitm-img {
	float:left;
	width:78px;
	height:71px;
	margin-right:20px;
}
.obitm-title {
	font-size:20px;
	font-weight:bold;
	color:#000;
	line-height:71px;
}
.prpty {
	background:url(../images/property-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.bi-retail {
	background:url(../images/retail-bg.png) no-repeat #fff;
	width:100%;
	min-height:294px;
	background-position:center right;
	background-size:cover;
}
.retail {
	background:url(../images/retail-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.bi-trading {
	background:url(../images/trading-bg.png) no-repeat #fff;
	width:100%;
	min-height:294px;
	background-position:center right;
	background-size:cover;
}
.trading {
	background:url(../images/trading-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.bi-service {
	background:url(../images/service-bg.png) no-repeat #fff;
	width:100%;
	min-height:294px;
	background-position:center right;
	background-size:cover;
}
.service {
	background:url(../images/service-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.bi-pbg:hover .prpty, .bi-retail:hover .retail, .bi-trading:hover .trading, .bi-service:hover .service {
	position:relative;
	animation:flipInY;
	animation-duration:1s;
}
/*=========================================================================
home page sustainability section css starts here
===========================================================================*/

.hm-sust-cnt {
	float:left;
	width:100%;
	background:#FAF0E6;
	padding:88px 60px;
	margin-top:40px;
}
.sus-item {
	float:left;
	width:100%;
}
.sus-item-img {
	width:117px;
	height:108px;
}
.sus-title {
	font-size:16px;
	line-height:24px;
	color:#000;
	text-align:center;
}
.img-side-text {
/*	display:flex;
	align-items:center;*/
}
.img-side-text .sus-item-img {
	flex-shrink:0;
}
.img-side-text .sus-title {
	width:117px;
	text-align:center;
}
.hm-sust-img {
	float:left;
	width:100%;
	background:url(../images/sustainability-img-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	height:836px;
}
.sus-item:hover .sus-item-img {
	position:relative;
	animation:flipInY;
	animation-duration:1s;
}
/*=========================================================================
home page Milestones section css starts here
===========================================================================*/

.hm-milestones-img {
	float:left;
	width:100%;
	background:url(../images/milestones-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	height:722px;
}
.hm-milestone-cnt {
	float:left;
	width:100%;
	background:#FAF0E6;
	padding:88px 60px;
	margin-top:40px;
}
.slick-slide {
	margin: 0px 20px 0 0;
}
.ba-date {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#2E3B4F;
	margin-bottom:24px;
}
.ba-ann {
	display:inline-block;
	width:90%;
	padding-top:70px;
}
.ba-ann a, .ba-ann a:hover {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#5f6a88;
	text-decoration:none;
	pointer-events:none;
}
.slider-ba .item {
	padding:22px 22px 22px 0;
	background-color:transparent;
}
.item:nth-of-type(even) {
 border-right:none;
 border-left:none;
}
.item-cont {
	display:flex;
	flex-direction:row;
}
.mil-flag {
	display:inline-block;
	width:7px;
	background:#8A7F5B;
	margin-right:10px;
}
.mf-pl {
	width:80px;
	height:40px;
	background:#8A7F5B;
	padding:6px;
	position:relative;
	text-align:center;
}
.mf-pl:after {
	content:'';
	background:url(../images/milstone-flag-edge.png) no-repeat;
	background-size:cover;
	background-position:center center;
	width:30px;
	height:40px;
	position:absolute;
	right: -29px;
	top: 0px;
}
.mf-pl span {
	font-family: "Cormorant Garamond", serif;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#FAF0E6;
}
/*=========================================================================
HOME PAGE IR AND NEWS BLOCKS SECTION CSS STARTS HERE
===========================================================================*/
.bg-block {
	/*background-color:#FAF0E6;*/
	background: linear-gradient(180deg, #FBF6F2 8%, #faf0e6 8%, #faf0e6 40%, #faf0e6 90%, #FBF6F2 90%);
}
.hir-cont {
	float:left;
	width:100%;
	padding:0 60px 60px 60px;
}
.hir-img {
	float:left;
	width:100%;
	background:url(../images/ir-img.jpg) no-repeat;
	background-size:cover;
	height:316px;
	background-position: center center;
	margin-bottom:40px;
}
.hnews-cont {
	float:left;
	width:100%;
	padding:0 60px 60px 60px;
}
.hnews-img {
	float:left;
	width:100%;
	background:url(../images/news-img.jpg) no-repeat;
	background-size:cover;
	height:316px;
	margin-bottom:40px;
	background-position: center center;
}
.bg-layer {
	float:left;
	width:100%;
	background: linear-gradient(180deg, #FBF6F2 30%, #faf0e6 0%);/*background-image:linear-gradient(#FBF6F2 10%, #faf0e6 90%);*/
}
.hir-cont .cont-block, .hnews-cont .cont-block {
	margin-bottom:30px;
}
/*=========================================================================
FOOTER SECTION CSS STARTS HERE
===========================================================================*/

.footer {
	float:left;
	width:100%;
	background:#8A7F5B;
	min-height:254px;
	padding:50px 20px;
}
.foot-bg {
	background:#8A7F5B;
}
/*.foot-logo {
	float:left;
	width:286px;
	background:url(../images/footer-logo.png) no-repeat;
	background-size:cover;
	background-position:center center;
	height:80px;
}*/
.foot-block {
	float:left;
	/*width:100%;*/
	width:auto;
}
.foot-cont, .foot-cont a, .foot-cont p {
	color:#fff;
	text-decoration:none;
}
.foot-cont a {
	display:block;
	margin-bottom:10px;
}
.foot-title {
	font-family: "Cormorant Garamond", serif;
	font-size:22px;
	line-height:29px;
	margin-bottom:18px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
}
.fb-last {
	text-align:left;
}
.foot-cont .phn:before {
	content:'';
	background:url(../images/tel-icon.png);
	background-size:cover;
	background-position:center center;
	width:20px;
	height:20px;
	display:inline-block;
	margin-right:10px;
}
.fb, .insta, .tweet, .linkedin {
	float:left;
	width:36px;
	height:36px;
	margin-right:5px;
	margin-left:5px;
}
.fb {
	background:url(../images/fb-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.insta {
	background:url(../images/ig-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.tweet {
	background:url(../images/x-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.linkedin {
	background:url(../images/linkedin-icon.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.foot-copyright {
	padding:57px;
	border-top:1px solid #fff;
	background:#8A7F5B;
}
.cr-text {
	font-size:16px;
	line-height:19px;
	color:#fff;
}
.pp-tc-links {
	display:flex;
	flex-direction:row;
	float:right;
}
.pp-tc-links a {
	font-size:16px;
	line-height:19px;
	color:#fff;
	text-decoration:none;
	text-align:right;
}
.pp-tc-links a:first-child:after {
	content:'|';
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	color:#fff;
}
.fix-cnt-center {
	display:flex;
	justify-content:center;
}
.pp-banner {
	background:url(../images/banners/about-us-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
/*=================================================================================================================
INNER TAMPLATE AND INNER PAGES ABOUT US
===================================================================================================================*/

.inner-banner {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 639px;
	background:#ddd;
}
.abt-banner {
	background:url(../images/banners/about-us-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.banner-text-layer {
	float:left;
	width:750px;
	height:342px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	padding:60px;
	background-color:rgba(251, 246, 241, 0.8);/*opacity:0.7;*/
}
.page-name {
	font-size:16px;
	line-height:16px;
	color:#000;
}
.banner-big-text {
	font-family: "Cormorant Garamond", serif;
	font-weight:bold;
	font-size:120px;
	line-height:120px;
	margin-bottom:0px;
	color:#8A7F5B;
}
.banner-small-text {
	font-family: "Cormorant Garamond", serif;
	font-weight:normal;
	font-size:46px;
	line-height:60px;
	margin-bottom:20px;
	color:#000;
}
.about-sec-cont {
	justify-content:center;
	display:flex;
	flex-direction:column;
}
.about-sec-cont .cont-block p {
	line-height:28px;
}
.pr {
	display:flex;
	justify-content:center;
	width:100%;
	margin-bottom:20px;
}
.prs-img img {
	width:62px;
	height:auto;
}
.ong-img img {
	width:81px;
	height:auto;
}
.emp-img img {
	width:98px;
	height:auto;
}
.prs-num {
	font-family: "Cormorant Garamond", serif;
	font-size:60px;
	line-height:40px;
	color:#8A7F5B;
	font-weight:bold;
}
.prs-title {
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#000000;
}
.blue-bg {
	/*background:#274885;*/
	background:#90725d;
}
.ov-om {
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:100px 0 100px 150px;
}
.om-pd {
	padding:100px 150px 100px 0;
}
.vborder_divider:after {
	content:'';
	display:flex;
	border-right:1px solid #fff;
	height:372px;
	position:relative;
	left:-50%;
}
.ov-img img {
	width:78px;
	height:auto;
	margin-bottom:20px;
}
.ov-title {
	font-family: "Cormorant Garamond", serif;
	font-size:45px;
	line-height:45px;
	color:#fff;
	font-weight:bold;
	margin-bottom:20px;
}
.line-deco {
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}
.left-line {
	display:flex;
	width:80px;
	border-top:1px solid #fff;
	margin-top:5px;
}
.mcircle {
	width:12px;
	height:12px;
	background:#fff;
	border-radius:50px;
	margin-left:5px;
	margin-right:5px;
	line-height:12px;
}
.right-line {
	display:flex;
	width:80px;
	border-top:1px solid #fff;
	margin-top:5px;
}
.ov-small-img img {
	width:34px;
	height:auto;
	margin-bottom:20px;
}
.ov-om-cont {
}
.ov-om-cont p {
	font-size:16px;
	line-height:24px;
	color:#fff;
	text-align:center;
}
.om-img img {
	width:77px;
	height:auto;
	margin-bottom:20px;
}
.om-small-img img {
	width:33px;
	height:auto;
	margin-bottom:20px;
}
/*=================================================================================================
corporate - Our core values css starts here
===================================================================================================*/

.cv-in-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:40px 20px;
}
.cv-img, .cv-title, .cv-text {
	margin-bottom:20px;
}
.cf-img {
	height:76px;
}
.cv-img img {
	width:65px;
	height:auto;
}
.val img {
	width:92px;
	height:auto;
}
.rspns img {
	width:89px;
	height:auto;
}
.tw img {
	width:84px;
	height:auto;
}
.cd img {
	width:113px;
	height:auto;
}
.blue {
	border-color:#274885;
}
.cv-title {
	font-family: "Cormorant Garamond", serif;
	font-size:20px;
	line-height:24px;
	color:#8A7F5B;
	font-weight:bold;
	text-align:center;
}
.ocv-left-line, .ocv-right-line {
	display: flex;
	width: 80px;
	border-top: 1px solid #274885;
	margin-top: 15px;
}
.cf:after, .ocv-val:after, .ocv-resp:after, .ocv-tw:after, .ocv-cd:after {
	content:'';
	display:inline-block;
	/*background:url(../images/customer-focus-small.png) no-repeat;*/
	background-size:cover;
	background-position:center center;
	/*width:21px;
	height:25px;*/
	margin-left:5px;
	margin-right:5px;
}
.cf:after {
	background:url(../images/customer-focus-small.png) no-repeat;
	width:21px;
	height:25px;
	background-size:cover;
	background-position:center center;
}
.ocv-val:after {
	background:url(../images/value-small.png) no-repeat;
	width:30px;
	height:25px;
	background-size:cover;
	background-position:center center;
}
.ocv-resp:after {
	background:url(../images/responsible-small.png) no-repeat;
	width:28px;
	height:25px;
	background-size:cover;
	background-position:center center;
}
.ocv-tw:after {
	background:url(../images/teamwprk-small.png) no-repeat;
	width:27px;
	height:25px;
	background-size:cover;
	background-position:center center;
}
.ocv-cd:after {
	background:url(../images/commitment-small.png) no-repeat;
	width:44px;
	height:25px;
	background-size:cover;
	background-position:center center;
}
.cv-text {
	text-align:center;
	min-height:80px;
}
.pt-150 {
	padding-top:150px;
}
/*=================================================================================================
corporate - BOD css starts here
===================================================================================================*/

.bod-banner {
	background:url(../images/banners/bod-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.bod-item-inner {
	float:left;
	width:100%;
	height:100%;
	background:#fff;
	padding:60px 50px;
}
.bod-item-name {
	font-family: "Cormorant Garamond", serif;
	font-size:30px;
	line-height:37px;
	color:#8A7F5B;
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:20px;
	 
}

.d-line{
	min-height:75px;
}

.bod-item-ptitle {
	font-size:16px;
	line-height:32px;
	color:#000;
	font-weight:500;
	margin-bottom:20px;
}
.gender, .age, .nation {
	font-size:16px;
	line-height:32px;
	color:#000;
	font-weight:500;
	margin-bottom:20px;
	display:flex;
}
.nation {
	margin-bottom:0;
}
.gender:before {
	content:'';
	background:url(../images/bod/gender.png) no-repeat;
	background-size:cover;
	width:25px;
	height:32px;
	display:flex;
	margin-right:14px;
}
.age:before {
	content:'';
	background:url(../images/bod/age.png) no-repeat;
	background-size:cover;
	width:25px;
	height:27px;
	display:flex;
	margin-right:14px;
}
.nation:before {
	content:'';
	background:url(../images/bod/nationality.png) no-repeat;
	background-size:cover;
	width:28px;
	height:28px;
	display:flex;
	margin-right:14px;
}
/*=================================================================
bod inner page css starts here
================================================================*/

.bod-name-inner {
	font-family: "Cormorant Garamond", serif;
	font-size:60px;
	line-height:72px;
	text-transform:uppercase;
	color:#8A7F5B;
	margin-bottom:30px;
	font-weight:600;
}
.ptitle-inner {
	font-size:30px;
	line-height:32px;
	color:#000000;
	font-weight:500;
	margin-bottom:30px;
}
.gan-cont {
	display:flex;
}
.gan-cont .gender, .age, .nation {
	margin-right:30px;
}
.bod-card-right {
	padding:70px 60px;
	background:#FAF0E6;
}
.bod-item-ed {
	font-size:16px;
	line-height:23px;
	color:#000000;
	margin-bottom:20px;
	text-align:justify;
}
.bod-in-comt {
	font-size:16px;
	line-height:22px;
	color:#000000;
	display:flex;
	font-weight:600;
	margin-bottom:20px;
}
.bod-in-comt > div {
	width:40%;
	font-size:16px;
	line-height:22px;
	color:#8A7F5B;
	font-weight:600;
	display:flex;
	margin-right:10px;
}
.bod-in-comt-r {
	width:55% !important;
	font-size:16px;
	line-height:22px;
	color:#000000 !important;
	display:flex;
	font-weight:600;
	margin-bottom:20px;
}
.bic-bc {
	width:26%;
}
.bic-dpl {
	width:40%;
}
.bic-doa {
	width:30%;
}
.bod-inner-cont p {
	font-size:16px;
	line-height:32px;
	font-weight:600;
	text-align:justify;
}
.other-bod-sec {
	float:left;
	width:100%;
	background:#274885;
	padding:100px 0;
	color:#fff;
}
.bod-others h2 {
	font-family: "Cormorant Garamond", serif;
	font-size:60px;
	line-height:70px;
	font-weight:bold;
}
.bod-ot-item {
	width:100%;
	padding:40px;
	border:1px solid #fff;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	position:relative;
	z-index:2;
}
.boitem-title {
	font-family: "Cormorant Garamond", serif;
	font-size:26px;
	line-height:31px;
	margin-bottom:20px;
	position:relative;
	z-index:2;
	min-height:62px;
}
.boitem-pt {
	font-size:16px;
	line-height:20px;
	font-weight:500;
	position:relative;
	z-index:2;
}
.min-90 {
	min-height:93px;
}
.min-40 {
	min-height:40px;
}
.bg-wl {
	width:1%;
	height:100%;
	background:#fff;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.bod-ot-item:hover .boitem-title {
	color:#8A7F5B;
	z-index:2;
}
.bod-ot-item:hover .boitem-pt {
	color:#000000;
	z-index:2;
}
.bod-ot-item:hover {
	margin-top:-10px;
	transition:0.2s;
	transition-timing-function: ease-in;
	display:inline-block;
}
.bod-ot-item:hover .bg-wl {
	width:100%;
	opacity:1;
	transition: width 0.2s;
	z-index:1;
}
.obod-tr {
	min-height:250px;
}
/*=================================================================================================
Our business page css starts here
===================================================================================================*/


.projects-sec, .retail-sec, .bod{
	margin-bottom:15px;
}

.our-business-banner {
	background:url(../images/banners/our-business.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.fp-banner {
	background:url(../images/banners/future-projects-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.prj-item a {
	text-decoration:none;
}
.prj-title {
	width:80%;
	height:108px;
	display:flex;
	background:#fff;
	align-items: center;
	justify-content: center;
	margin-top:-40px;
	position:relative;
	z-index:1;
	box-shadow: 1px 1px 4px #ccc;
}
.prj-title p {
	width:100%;
	font-size:20px;
	line-height:24px;
	color:#8A7F5B;
	text-align:center;
	text-decoration:none;
}
.prj-title p span {
	font-size:16px;
}
 @keyframes bganim {
 0% {
 background-position: right top;
 background-size: 100%;
}
 100% {
 background-position: right top;
 background-size: 106%;
}
}
 @keyframes project-image {
 0% {
 transform: scale(1);
 transform-origin: 100% 50%;
}
 100% {
 transform: scale(1.2);
 transform-origin: 100% 50%;
}
}
.prj-img {
	background-size:cover;
	height:268px;
	width:100%;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.prj-item a:hover .prj-img img {
	/*animation: bganim 0.2s ease 0s 1 normal forwards;*/
	animation: project-image 0.5s ease 0s 1 normal forwards;
}
 @keyframes myAnim {
 0% {
 transform: scaleX(0);
 transform-origin: 0% 0%;
}
 100% {
 transform: scaleX(1);
 transform-origin: 0% 0%;
}
}
.prj-item a:hover .prj-title {
	width:100%;
	animation: myAnim 0.5s ease 0s 1 normal forwards;
	/*	transform-origin: 0% 10%;*/
	background:#8A7F5B;
}
.prj-item a:hover .prj-title p {
	color:#fff;
}
/*============================================================================================================
OUR BUSINESSES SERVICES STARTS HERE
==============================================================================================================*/
.busi-services {
	background:url(../images/banners/our-services.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.cpo-img {
	background:url(../images/our-services/car-operations-main.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:582px;
}
.cpo-content {
	display:flex;
	justify-content: center;
	align-content:center;
	flex-direction:column;
	height:587px;
}
.cpo-content .content-block p {
	font-size:16px;
	line-height:32px;
}
/*our businesses sec*/

.other-businesses-sec {
	background:#C9B194;
	/*background:#274885;*/
	padding:100px 0 140px 0;
}
.other-businesses-item {
	height:516px;
}
.other-businesses-img {
	background-size: cover;
	height: 516px;
	width: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.otherbs-title {
	height:87px;
}
/*============================================================================================================
RETAIL STARTS HERE
==============================================================================================================*/

.busi-retail {
	background:url(../images/banners/retail-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.retail-natgeo {
	background:url(../images/banners/retail-natgeo-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.retail-img {
	background:url(../images/retail/retail-1.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:582px;
}
.natgeo-pavilion-img {
	background:url(../images/retail/retail-2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:582px;
}
.natgeo-midvalley-img {
	background:url(../images/retail/retail-3.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:582px;
}
/*.retail-content{
	display:flex;
	justify-content: center;
	align-content:center;
	flex-direction:column;
	height:587px;
	
}*/

.retail-content {
}
.tsutaya-intermark {
	padding:0 30px;
}
.retail-content .content-block p {
	font-size:16px;
	line-height:32px;
}
.text-pad-right {
	padding-right:30px;
}
.ng-img-1 {
	background:url(../images/retail/retail-2.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:433px;
}
.ng-img-2 {
	background:url(../images/retail/retail-3.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:433px;
}
.s-title {
	float:left;
	width:100%;
	margin-top:15px;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	text-align:center;
}
/*============================================================================================================
TRADING STARTS HERE
==============================================================================================================*/
.busi-trading {
	background:url(../images/banners/trading-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.trading-img {
	background:url(../images/trading/trading-1.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	height:582px;
}
.trading-content {
	display:flex;
	justify-content: center;
	align-content:center;
	flex-direction:column;
	height:587px;
}
.trading-content .content-block p {
	font-size:16px;
	line-height:32px;
}
/*============================================================================================================
INVESTOR RELATIONS  STARTS HERE
==============================================================================================================*/
.ir-banner {
	background:url(../images/banners/ir-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.news-banner {
	background:url(../images/banners/news-banners.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
/*============================================================================================================
CONTACT US  STARTS HERE
==============================================================================================================*/

.contact-banner {
	background:url(../images/banners/contact-us-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.map {
	overflow:hidden;
	padding-bottom:30%;
	position:relative;
	height:0;/*	border-radius:30px;*/
}
.map iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
.cont-cont {
	width: 80%;
	padding: 34px 24px;
	background: #FAF0E6;
	min-height: 140px;
	display: block;
	box-shadow: 0px 1px 5px #00000029;
	border-radius: 0px;
	height: 100%;
	margin:0 auto;
	position:relative;
	z-index:999;
	top:-90px;
}
.tel, .fax, .email, .web {
	font-family: "Titillium Web", sans-serif;
	width:100%;
	display:block;
	margin-bottom:20px;
}
.tel a, .fax a, .email a, .web a {
	font-family: "Titillium Web", sans-serif;
	color:#FAF0E6;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
}
.fax a {
	cursor:default;
}
.tel:before {
	display:inline-block;
	font-family:"Font Awesome 5 Free";
	font-size:18px;
	color:#FAF0E6;
	margin-right:10px;
}
.fax:before {
	display:inline-block;
	font-family:'Font Awesome 5 Free';
	font-size:18px;
	color:#FAF0E6;
	margin-right:10px;
}
.email:before {
	display:inline-block;
	font-family:'Font Awesome 5 Free';
	font-size:18px;
	color:#FAF0E6;
	margin-right:10px;
}
.web:before {
	display:inline-block;
	font-family:'Font Awesome 5 Free';
	font-size:18px;
	color:#FAF0E6;
	margin-right:10px;
}
.cont-blocks-inner {
	text-align:center;
	box-shadow: 0px 0px 1px #00000029;
	padding:30px;
	margin-bottom:30px;
	background:#fff;
}
.cont-blocks-inner i {
	display:block;
	margin-bottom:20px;
	color:#8A7F5B;
}
.cont-blocks-inner a {
	font-size:18px;
	color:#8A7F5B;
	text-decoration:none;
}
.ro-block {
	box-shadow: 0px -2px 5px #00000029;
	background:#8A7F5B;
	text-align:left;
	padding:50px;
	height:100%;
	background-image:url(../images/contact-ro-block.png);
	background-repeat:no-repeat;
	background-position:center right;
	background-size:contain;
}
.ro-block2 {
	box-shadow: 0px -2px 5px #00000029;
	background:#8A7F5B;
	text-align:left;
	padding:50px;
	height:100%;
	background-image:url(../images/contact-ro-block2.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
}
.ro-block h4 {
	color:#FAF0E6;
	font-size:22px;
	line-height:22px;
	font-weight:bold;
}
.ro-block p {
	color:#FAF0E6;
}
.pp-banner {
	background:url(../images/banners/about-us-banner.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:1;
}
.pn-title {
	font-size:18px;
	line-height:18px;
	color:#ba8d03;
	margin-bottom:15px;
	margin-top:20px;
}
.privacy-sec li {
	margin-bottom:10px;
}


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



/* Large desktops and laptops */

@media (min-width:1400px) {
 .sus-title {
 text-align:center !important;
}
}
 @media (min-width: 1200px) {
.sus-item {
 margin-bottom:15px;
}
.sus-title, .img-side-text .sus-title {
 text-align:left;
}
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 .burger-menu {
 position: absolute;
 top: 88px;
 right: 14px;
}
 .title h1 {
 font-family: "Cormorant Garamond", serif;
 font-size: 54px;
 line-height: 58px;
 font-weight: 700;
 color: #8A7F5B;
 margin-bottom: 30px;
 display: block;
}
 .sus-item {
 margin-bottom:20px;
}
.slider-ba .item {
 padding: 22px 22px 22px 2px;
 background-color: transparent;
}
.sus-title {
 text-align:left;
}
 .img-side-text .sus-title {
 width:117px;
 text-align:left;
}
 .banner-big-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: bold;
 font-size: 80px;
 line-height: 80px;
 margin-bottom: 0px;
 color: #8A7F5B;
}
.banner-small-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: normal;
 font-size: 36px;
 line-height: 36px;
 margin-bottom: 20px;
 color: #000;
}
 .foot-title {
 font-family: "Cormorant Garamond", serif;
 font-size: 17px;
 line-height: 19px;
 margin-bottom: 18px;
 color: #fff;
 text-transform: uppercase;
 text-align: left;
 font-weight: bold;
}
.foot-cont, .foot-cont a, .foot-cont p {
 color: #fff;
 text-decoration: none;
 font-size: 13px;
}
 .foot-copyright {
 padding: 57px 18px;
 border-top: 1px solid #fff;
 background: #8A7F5B;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 .title h1 {
 font-size: 40px;
 line-height: 40px;
 font-weight: 700;
 color: #8A7F5B;
 margin-bottom: 30px;
 display: block;
}
 .navik-header .logo img {
 max-width: 54%;
 height: auto;
 float: left;
}
.burger-menu {
 position: absolute;
 top: 58px;
 right: 9px;
}
.img-side-text {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}
.inner-banner {
 position: relative;
 float: left;
 display: block;
 width: 100%;
 height: 315px;
/*background: #ddd;*/
}
 .banner-text-layer {
 float: left;
 width: 488px;
 height: 234px;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 2;
 padding: 60px;
 background-color: rgba(251, 246, 241, 0.8);
/* opacity: 0.7; */
}
 .banner-big-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: bold;
 font-size: 60px;
 line-height: 70px;
 margin-bottom: 0px;
 color: #8A7F5B;
}
.banner-small-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: normal;
 font-size: 28px;
 line-height: 30px;
 margin-bottom: 20px;
 color: #000;
}
.ov-om {
 float: left;
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 padding: 102px 0 100px 0px;
}
.om-pd {
 padding: 100px 0px 100px 0;
}
 .bod-name-inner {
 font-family: "Cormorant Garamond", serif;
 font-size: 32px;
 line-height: 32px;
 text-transform: uppercase;
 color: #8A7F5B;
 margin-bottom: 30px;
 font-weight: 600;
}
.ptitle-inner {
 font-size: 18px;
 line-height: 18px;
 color: #000000;
 font-weight: 500;
 margin-bottom: 30px;
}
.gan-cont {
 display: flex;
 flex-direction: column;
}
.bod-card-right {
 padding: 70px 20px;
 background: #FAF0E6;
}
 .bod-others h2 {
 font-family: "Cormorant Garamond", serif;
 font-size: 40px;
 line-height: 40px;
 font-weight: bold;
}
.bod-ot-item {
 width: 100%;
 padding: 20px;
 border: 1px solid #fff;
 display: inline-block;
 color: #fff;
 text-decoration: none;
 position: relative;
 z-index: 2;
 word-wrap: break-word;
}
 .boitem-title {
 font-family: "Cormorant Garamond", serif;
 font-size: 18px;
 line-height: 21px;
 margin-bottom: 20px;
 position: relative;
 z-index: 2;
 min-height: 62px;
}
 .foot-logo {
 width:155px;
 height:40px;
}
.foot-title {
 font-size:18px;
 line-height:18px;
}
.foot-cont {
 font-size:14px;
 line-height:18px;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .title h1 {
 font-family: "Cormorant Garamond", serif;
 font-size: 34px;
 line-height: 34px;
 font-weight: 700;
 color: #8A7F5B;
 margin-bottom: 30px;
 display: block;
}
 .inner-banner {
 position: relative;
 float: left;
 display: block;
 width: 100%;
 height: 315px;
/*background: #ddd;*/
}
 .banner-text-layer {
 float: left;
 width: 488px;
 height: 234px;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 2;
 padding: 60px;
 background-color: rgba(251, 246, 241, 0.8);
/* opacity: 0.7; */
}
 .banner-big-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: bold;
 font-size: 60px;
 line-height: 70px;
 margin-bottom: 0px;
 color: #8A7F5B;
}
.banner-small-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: normal;
 font-size: 28px;
 line-height: 30px;
 margin-bottom: 20px;
 color: #000;
}
 .as-img, .hm-sust-img, .hm-milestones-img {
 height:140px !important;
}
.hm-sust-cnt, .hm-milestone-cnt {
 margin-top:0;
}
 .ourb-item {
 margin-bottom:30px;
}
 .sus-item {
 margin-bottom:30px;
}
.img-side-text {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}
 .foot-block {
 margin-bottom:30px;
}
.pp-tc-links {
 float:left;
 margin-bottom:20px;
}
 .sus-item-img {
 margin:auto auto;
}
.sus-title {
 text-align:center;
}
.img-side-text .sus-title {
 width: 100%;
 text-align: center;
}
 [data-aos] {
 opacity: 1 !important;
 transform: none !important;
 transition: none !important;
}
 .foot-copyright {
 width:100%;
 padding:57px 0;
}
 .ov-om {
 float: left;
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 padding: 50px 0 50px 0px;
}
 .om-pd {
 padding: 100px 0px 100px 0;
}
.vborder_divider:after {
 content: '';
 display: flex;
 border-bottom: 1px solid #fff;
 height: 1px;
 position: relative;
 left: 0;
 width: 100%;
}
 .bod-name-inner {
 font-family: "Cormorant Garamond", serif;
 font-size: 28px;
 line-height: 30px;
 text-transform: uppercase;
 color: #8A7F5B;
 margin-bottom: 30px;
 font-weight: 600;
}
.ptitle-inner {
 font-size: 22px;
 line-height: 22px;
 color: #000000;
 font-weight: 500;
 margin-bottom: 30px;
}
 .mod-mt-20 {
 margin-top:0;
}
.other-bod-sec .mb-30 {
 margin-bottom:0;
}
.other-bod-sec [class*="col-"] {
 margin-bottom:15px;
}
.bod-others h2 {
 font-family: "Cormorant Garamond", serif;
 font-size: 42px;
 line-height: 42px;
 font-weight: bold;
}
 .other-businesses-img {
 background-size: cover;
 height: auto;
 width: 100%;
 position: relative;
 z-index: 0;
 overflow: hidden;
}
 .cont-cont {
 top:-33px;
}
.mmb-30 {
 margin-bottom:30px;
}

.abt-us-pic{
	margin-bottom:30px;
}


}

/* Portrait phones and smaller */
@media (max-width: 576px) {
 .slide-title h1 {
 font-family: "Cormorant Garamond", serif;
 font-size:26px;
 line-height:34px;
 font-weight:400;
 margin-bottom:10px;
 color:#000000;
 display:block;
 text-shadow: 2px 0px 2px #fff;
}
.slide-title-big h1 {
 font-family: "Cormorant Garamond", serif;
 font-size:32px;
 line-height:38px;
 font-weight:700;
 margin-bottom:10px;
 color:#8A7F5B;
 display:block;
 text-shadow: 2px 0px 2px #fff;
}
 .img-side-text {
 display: block;
}
.img-side-text .sus-title {
 margin-left:0;
 text-align:center;
 width:100%;
}
 .inner-banner {
 position: relative;
 float: left;
 display: block;
 width: 99%;
 height: 200px;
/* background: #ddd; */
}
 .banner-text-layer {
 float: left;
 width: 100%;
 height: 200px;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 2;
 padding: 60px;
 background-color: rgba(251, 246, 241, 0.8);
/* opacity: 0.7; */
}
 .banner-big-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: bold;
 font-size: 38px;
 line-height: 38px;
 margin-bottom: 0px;
 color: #8A7F5B;
}
.banner-small-text {
 font-family: "Cormorant Garamond", serif;
 font-weight: normal;
 font-size: 22px;
 line-height: 22px;
 margin-bottom: 20px;
 color: #000;
}
 .bod-name-inner {
 font-family: "Cormorant Garamond", serif;
 font-size: 28px;
 line-height: 30px;
 text-transform: uppercase;
 color: #8A7F5B;
 margin-bottom: 30px;
 font-weight: 600;
}
.bod-others h2 {
 font-family: "Cormorant Garamond", serif;
 font-size: 42px;
 line-height: 42px;
 font-weight: bold;
}
 .other-businesses-img {
 background-size: cover;
 height: auto;
 width: 100%;
 position: relative;
 z-index: 0;
 overflow: hidden;
}
}


/* Portrait phones and smaller */
@media (max-width: 480px) {
.img-side-text {
 display: block;
}
 .cr-text, .pp-tc-links {
 font-size: 15px;
 line-height: 23px;
 color: #fff;
}
 .gan-cont {
 display: flex;
 flex-direction: column;
 margin-bottom: 20px;
}
 .core-values .pt-150 {
 padding-top:0;
}
 .other-businesses-item {
 height: 347px;
 margin-bottom:80px;
}
 .other-businesses-img {
 background-size: cover;
 height: 347px;
 width: 100%;
 position: relative;
 z-index: 0;
 overflow: hidden;
}
.section {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.cv-in-wrap{
	padding:20px 20px;
}
.cv-text {
    text-align: center;
    min-height: auto;
	margin-bottom:0;
}

}

/* Portrait i phones and smaller */
@media (max-width: 414px) {
.gan-cont {
 display: flex;
 flex-direction: column;
 margin-bottom: 20px;
}
 .bod-name-inner {
 font-family: "Cormorant Garamond", serif;
 font-size: 20px;
 line-height: 20px;
 text-transform: uppercase;
 color: #8A7F5B;
 margin-bottom: 30px;
 font-weight: 600;
}
.ptitle-inner {
 font-size: 16px;
 line-height: 16px;
 color: #000000;
 font-weight: 500;
 margin-bottom: 30px;
}
.bod-card-right {
 padding: 70px 20px;
 background: #FAF0E6;
}
}




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