/*
 Theme Name:   Blankslate Child
 Template:     blankslate
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../blankslate/style.css");

@font-face {
	font-family: "MElleHK-Light";
	src: url("fonts/MElleHK-Light.woff") format("woff"),
		url("fonts/MElleHK-Light.woff2") format("woff2");
}
@font-face {
	font-family: "MElleHK-Medium";
	src: url("fonts/MElleHK-Medium.woff") format("woff"),
		url("fonts/MElleHK-Medium.woff2") format("woff2");
}
@font-face {
  font-family: 'Frutiger-Bold';
  src: url('fonts/FrutigerLTStd-Bold.woff') format('woff'),
	  url('fonts/FrutigerLTStd-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Frutiger';
  src: url('fonts/FrutigerLTStd-Roman.woff') format('woff'),
	  url('fonts/FrutigerLTStd-Roman.woff2') format('woff2');
}
@font-face {
  font-family: 'Aeonik';
  src: url('fonts/Aeonik.woff') format('woff'),
	  url('fonts/Aeonik.woff2') format('woff2');
}
@font-face {
  font-family: 'LibreBodoni';
  src: url('fonts/LibreBodoni-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'MEllePRC-Medium';
  src: url('fonts/MEllePRC-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'DMSerifDisplay';
  src: url('fonts/DMSerifDisplay-Regular.ttf') format('truetype');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:'Avenir Next';font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
.hidden-text{text-indent: -99999px; display:inline-block;}
.underlined{text-decoration: underline;}
.text-block{display: inline-block;}
.text-center{align-items: center;font-size: 16px;}
.float-right{float:right;}
.text-align-right{text-align: right;}
.text-align-left{text-align: left;}
.h-scroll {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar; }
.anchor-point{display: block;position: relative;top: -120px;visibility: hidden;}
/* .anchor-point{display: block;position: relative;visibility: hidden}  */

/*Reset*/
*{  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,p:hover,span:hover{cursor: default}
a:hover,a span:hover{cursor: pointer;}
a{text-decoration: none; color: inherit;}
section{position: relative;}

/*Global Init*/
/* body{font-family: 'Avenir Next','Lato', sans-serif;color:#000;font-weight: 100;    -webkit-font-smoothing: antialiased;} */
/* body{font-family: 'Avenir Next','Lato', sans-serif;color:#000;font-weight: 100; -webkit-font-smoothing: antialiased;font-size:16px; letter-spacing: 0.03em; line-height: 1.3em;} */
/*Fonts & text*/
/* body{font-size:16px; letter-spacing: 0.03em; line-height: 1.3em} */
html[lang="zh-HK"] body{
	font-family: 'MElleHK-Light';
	font-size: 16px;
}
html[lang="en-US"] body{
/* 	font-family:'Frutiger'; */
	color:#444444;
	font-family:'Aeonik';
	font-size: 16px;
}
html[lang="zh-CN"] body{
	font-family: 'MHeiPRC-Light';
	font-size: 16px;
}

h1,h2,h4{padding:1em 0; line-height: 1.3em;font-family:'LibreBodoni';}
h3{padding:0.6em 0; line-height: 1.3em;font-family:'LibreBodoni';}
/* h1{font-size: 2.5em; text-align: center;font-family:'DMSerifDisplay';} */
h1{font-size: 2.5em; text-align: center;font-weight:normal;color:#000000;}
h2{font-size: 2em;color:#000000;}
h3{font-size: 1.5em;color:#000000;}
h4{font-size: 1em;}
.frm_no_entries{color:#d60000; font-weight:bold;}


/*colours*/
.dark-bg{background: #171717}
.green{color:#52b5ae; font-weight: bold}
/* .gold{color:#BE9245; font-weight: bold;} */
.gold{color:#66B2FF; font-weight: bold;}
.dark-blue{color:#003366; font-weight: bold;}
.lighter-blue{color:#0477BF; font-weight: bold;}
.soft-grey{background:#F0F6FA;}
.light-white{background:#0367A6;}
.black-block{background: #171717; color:#ffffff;}
.white-block{background: #ffffff; color:#000000;}
.white-block .inner-wrapper{float:right;display: block;max-width: 770px;width: 100%;padding:0 5% 0 0}
.black-block .inner-wrapper{float:left;display: block;max-width: 770px;width: 100%;padding:0 0 0 5%; height:90%;}
@media only screen and (max-width: 1450px){
	.white-block .inner-wrapper{padding:0 10%}
	.black-block .inner-wrapper{padding:0 10%}
}
@media only screen and (max-width: 767px){
	.white-block .inner-wrapper{padding:0; float:none;}
	.black-block .inner-wrapper{padding:0; float:none}
}
/*regular use*/
.top-bot-padding{padding-top:80px; padding-bottom:80px; }



@media only screen and (max-width: 1024px){
	body{font-size:14px;     letter-spacing: 0.03em;}
	h2{font-size: 1.5em}
}

@media only screen and (max-width: 767px){
	body{font-size:12px;     letter-spacing: 0.03em;}
	h2{font-size: 1.5em}
}


/* Polylang  */
.polylang {
  list-style-type: none;
  color: black;
  font-size: 14px;
  /* font-family: 'Avenir Next', Arial, Helvetica, sans-serif; */
}

.polylang li {display: inline;padding-left:5px;padding-right:5px;}

.lang-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.lang-item ul {
    display: flex;
/*     gap: 0.5rem; /* spacing between menu items */ */
    margin: 0;
    padding: 0;
    list-style: none;
	padding-right: 1rem;
}

.custom-lang-switcher {
    display: flex;       /* put items in a row */
    gap: 1rem;         /* increase spacing between items */
    align-items: center; /* vertical alignment */
}
/* Desktop: keep the vertical bar */
.custom-lang-switcher::before {
  content: "|";
  margin: 0 0.5rem;
	display:inline;
}
/* Mobile: remove the bar */
@media (max-width: 768px) {
  .custom-lang-switcher::before {
    content: none;   /* no divider */
    display: none;
  }
}

@media (max-width: 768px) {
  .lang-item {
    flex-direction: column;   /* stack vertically */
    align-items: center;      /* center horizontally */
  }

  .lang-item ul {
    flex-direction: column;   /* menu items vertical */
    gap: 0.5rem;
  }

  .custom-lang-switcher {
    margin-top: 1rem;         /* spacing below menu */
  }
}
/*Header*/
#header{padding:30px 0px 30px;position: fixed; background: #FAFBFC; color:black;top: 0;left: 0;width: 100%; z-index: 99;}
#container{margin-top: 83px;}
.logo{vertical-align: middle;float: left; position: relative;z-index: 101;}
.logo img{height: 55px;width: auto;vertical-align: middle;margin-right:5px}

#menu_nav{background: #ffffff; height: 50px; float: right;}
/* #menu{text-align:right; font-family: Calibri, 'Avenir Next',serif;color: #695E4A; font-size: 1em; padding-top: 35px;display: block;} */
#menu{text-align:right; color: #003366; font-weight: normal; font-size: 0.9em; padding-top: 0px;display: block;font-family:'LibreBodoni';}
/* #menu{text-align:right; color: black; font-weight: 600; font-size: 1em; padding-top: 35px;display: block;} */
#menu ul{text-align: right}
#menu ul li{display:inline-block;line-height: 24px;font-size:1em;}
#menu ul li a{display: block;padding:.5em .5em;}
#menu a:hover{color:#0477BF;}
/*drop down*/
#menu {position:relative;z-index:100}
#menu .menu-item-has-children{position: relative}
#menu .sub-menu{position:absolute;left:-0.5em;top:2.3em; width:14em;display:none;padding:1em 0}
	.zh-hant #menu .sub-menu{width:10em;}
#menu .sub-menu li{width:100%}
#menu .sub-menu a{padding:1em;display:block;background: #ffffff;;width: 100%;text-align:left; font-size: 1em}
#menu .sub-menu a:hover{color:#0477BF;}

	
/* #menu .menu-item-has-children a:hover + .sub-menu,#menu .menu-item-has-children:hover .sub-menu{display:block} */

#menu .menu-item-has-children> a:hover,#menu .menu-item-has-children:hover >a{color:#0477BF;}
#menu .sub-menu.active{display: block;}
.header-basic-block {padding: 0px 10% 0px 10%;max-width:100%; font-size: 20px;}
.header-basic-block .max-width{display:flex;justify-content:space-between;}

#menu .sub-menu:hover{display:block}
span.search{display: block; float: right; margin-top: -30px;}
.mobile-search-form,.mobile-language-selection{display: none}


.burger{height:100%;overflow:auto}
.burger{position:fixed;top:0;right:0;z-index:999;width:100%;height:0}
.burger__button:hover{cursor:pointer}
.burger__button{display:block;position:absolute;width:50px;height:50px;text-align:center;vertical-align:middle;transition:all 0.5s ease;right:1em;top:1em;z-index:999;}
.burger__button.open{margin-right:1px;margin-top:1px}
.burger__button__icon{display:inline-block;position:absolute;background:#003366;margin:0 auto;width:30px;height:2px;top:46%;left:0;right:0;transition:all 0.5s ease;transform:translateY(-1px)}
.burger__button__icon:before,.burger__button__icon:after{content:"";position:absolute;margin:0 auto;background:#003366;width:30px;height:2px;left:0;right:0;transition:all 0.5s ease}
.burger__button__icon:before{bottom:10px}
.burger__button__icon:after{top:10px}
.burger__button.open .burger__button__icon{background:transparent;left:15px;}
.burger__button.open .burger__button__icon:before,.burger__button.open .burger__button__icon:after{transform-origin:0 50%;}
.burger__button.open .burger__button__icon:before{transform:rotateZ(0.78539816rad)}
.burger__button.open .burger__button__icon:after{transform:rotateZ(-0.78539816rad)}
.burger__menu{list-style-type:none;margin-top:7em;height:0;padding:0}
.burger__menu li{display:block;position:relative;visibility:hidden;transition:all 0.5s ease;transform:translateY(-100em);text-align:center}
.burger__button{display: none}

.disclaimer{font-weight: 500;}

@media only screen and (max-width: 1024px){
	/*Header / menu*/
	.mobile-language-selection{display: block;text-align: center;}
	.mobile-language-selection .language-selection{margin-right:0;font-weight: bold;}
	#menu span.search{display: none}

	#container{margin-top: 86px}
		.anchor-point{top: -86px;}

	#header{padding:1em 0!important}
	#menu{width:100%}
	#menu-top-navigation,#menu-top-navigation-cn {padding-top:0em;padding-bottom:2em}
	#menu-top-navigation li,#menu-top-navigation-cn li{width:100%;display:block;text-align:center;padding:1em;}
	#menu-top-navigation li a,#menu-top-navigation-cn li a{font-size:1.5em}
	#menu form{width:250px; margin: 0 auto; display: block;}
	#menu span.search-input{outline:none;border-bottom:1px solid white;width:200px; margin-right:40px;-webkit-transition-delay: .0s; /* Safari */transition-delay: .0s;}
	.logo{padding:0.2em 0 0 1em;}
	.logo img{height:50px;}
			/*sub menu*/
	#menu .menu-item-has-children a + .sub-menu{width:100%;position: relative;position: relative;margin: 0 0 2em -5%;width: 110%;background:#FAFBFC;}
	#menu .menu-item-has-children a + .sub-menu li:nth-child(1) a{}
	#menu .menu-item-has-children a + .sub-menu li{padding:0;}
	#menu .menu-item-has-children a + .sub-menu a{text-align:center; }
	#menu .menu-item-has-children> a:hover,#menu .menu-item-has-children:hover >a{color:#0477BF}
	.burger__button{display: block}
	#menu{ 
		-webkit-transition: all .25s ease;transition: all .25s ease;
		position: absolute;display: block;top: -1100px;padding-bottom: 10em;height: 100vh;
	}
	.open #menu{top: 66px;overflow: auto;z-index: 5;background: #FAFBFC;}
	.menu-top-navigation-container,.menu-top-navigation-cn-container{width:100%;}
	span.search{    position: absolute;width: 250px;top: 20px;text-align: center;bottom: 0}
	span.search .disclaimer{display:none}
	#menu span.search span{display: inline-block;line-height: 24px;font-size: 1em; width: 100%;display: block;text-align: center;text-transform: uppercase;padding: 1em;}
	#menu span.search form{display: none}
	#menu .mobile-search-form{  display: block;  position: absolute;width: 250px;top: 20px;left: 50%;margin-left: -115px;}
	#menu .sub-menu{margin-top:-20px;}
	#menu .sub-menu a{color:#52b5ae;background: inherit;font-size:1.2em;}
	#menu ul li a{text-align:center;}
	
	/*Hiding website content when menu is opened in order to fix IOS top UI issue which shows the website behind the menu when scrolling down*/	
	html{background: #171717} /*Same colour as menu*/
	#container{background: white}
	#container,#footer{-webkit-transition: all 1s ease; transition: all 1s ease;}
	body.open #container,body.open #footer{opacity:0;}
		
}

@media only screen and (max-width: 767px){
	.logo img{height:50px;height: 30px;margin: 5px 10px;}
	#container{margin-top: 65px}
		.anchor-point{top: -65px;}
	
}

/*Footer*/
#footer{background: #FAFBFC; padding:10px 10% 0px;color:#444444;}
#footer .flex-child-2-3{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2}
#footer .wrapper {border-top:1px solid #0477BF;max-width:100%;padding:20px 0;margin:0 10%;font-weight: 400;font-size: .9em;}
#footer .wrapper li{display:block; margin:.4em 20px .4em 0}
#footer #copyright{padding:30px 0 0;}
#footer #copyright img{vertical-align:middle;margin-right:30px;}
#footer #copyright span{color: #444444;}
#footer a{padding: 0;}

#footer a:hover{color:#66B2FF;}
#footer .disclaimer{margin:0em 20px 0em 0;display: block;color:#444444;}
#footer .disclaimer:hover{color: #66B2FF;}
#footer .language-selection{margin-right:0;margin:.4em 20px .4em 0;display: block}
#footer .text-align-right a{margin-right:0}
#footer .text-align-right span{margin-right:0}
#footer .search{margin-top: 0em;}
#footer .flex-child-1-3{display:flex;justify-content:space-between;}

@media screen and (max-width: 768px)
{
	#footer .mini-logo.desktop-only{display: inline-block;}
	#footer .wrapper {margin:0 0%;}
}
@media screen and (min-width: 1200px) {
	#footer .wrapper {margin:0 0%;}
}
@media screen and (min-width: 1400px) {
	#footer .wrapper {margin:0 5%;}
}
@media screen and (min-width: 1500px) {
	#footer .wrapper{margin:0 10%;}
}
@media screen and (min-width: 1800px) {
	#footer .wrapper{margin:0 15%;}
}

@media screen and (min-width: 768px) and (max-width: 1065px) {
	#footer{padding-left:15px;padding-right:15px}
}

@media screen and (max-width: 767px) {
	#footer .wrapper{padding-bottom:35px;padding-top:35px}
	#footer .wrapper li{display:block; text-align:center; margin:0}
	#footer .wrapper li a{padding:.5em;margin:.5em 0; display:block; font-size:1.2em}
	#footer .wrapper a{padding:.5em;margin:.5em 0; display:block; font-size:1em}
	#footer .flex-child-2-3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1}
	.mini-logo.mobile-only{ margin:1em auto ;}
	#footer #copyright{text-align: center; text-transform: uppercase;    padding: 22px 0 0;margin: 22px;font-size: 0.9em;}
	#footer #copyright img{margin-right:10px;}
	#footer .flex-child-1-3{text-align:center;font-size:1.2em;margin-top:0;flex-direction:column;align-items:center;}
	#footer .flex-child-2-3{margin-bottom:0;}
	#footer .flex-child-1-3 .disclaimer, #footer .flex-child-1-3 .language-selection{display: block;padding: .5em;margin: .5em 0;}
}

/*  Home  */
/* Slideshow container */
.slideshow-container {
	width: 100%;
	position: relative;
/* 	margin: auto; */
}

.intro, .intro h1{color:#ffffff;}
.intro h1{padding-bottom:0.5em;}
.intro_discover{display:flex;justify-content:center;}
.basic-block.strategy{background-color:#FAFBFC;}
.strategy .flex-container{
  display: flex;
  justify-content: center;  /* horizontal center */
  align-items: center;      /* vertical center */
  min-height: 400px;        /* adjust as needed */
}

.strategy img {
  display: block;
  margin: 0 auto;        /* extra safeguard */
}
/* Mobile override */
@media (max-width: 768px) {
  .strategy img {
    max-width: 200px; /* smaller cap on mobile */
  }
}

.strategy span a:hover{color:white;background-color:#0477BF;}
/*  Organization Chart  */
.wpda_tree_item_title{font-size:22px !important;font-family:'LibreBodoni'!important;font-weight:normal!important;}
.wpda_tree_item_desc{font-size:16px !important;line-height:2em !important;font-family:'Aeonik'!important;}
.wpdevart_org_chart_container ul li {padding:20px 15px 0 15px !important;}

.business-wrapper {max-width:80%;margin:0 auto;font-weight: 400;font-size: .9em;}
/* .business img{padding-bottom: 10px;} */
.business h1{padding-bottom: 0px;}
.business img{
	width:80%;
	aspect-ratio: 1 / 1; 
	object-fit: cover;
	padding:20px;
}

/* .contact-us h4, a{padding:24px 0; line-height: 1.3em} */
.contact-us h4{padding:24px 0; line-height: 1.3em} */
.contact_number{padding-top:10px;}
.contact-us .flex-child-1-2{padding:5%;}
  /* Hide the images by default */
.mySlides {
	display: none;
	/* height: 400px; */
	height: 800px;
}
  
.mySlides img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 768px) {
	.mySlides{height:300px;}
}
.latest_news_table_header{display: flex;
  justify-content: space-between; /* pushes them apart */
  align-items: center;   }
.latest_news_table_header a:hover{color:#0477BF;}
.latest_news_table_header h4{cursor:pointer;}
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
#latest-news .download-link{width:10%; text-transform: uppercase; font-size: 0.7em; line-height: 4.5em; text-align: center;-webkit-transition: all .5s ease; transition: all .5s ease;}
  
  /* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
  
  /* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}
  

/*Basic modules*/
.basic-block {padding: 40px 10% 40px 10%;max-width:100%; font-size: 16px;}
/* .basic-block p{margin-bottom:1em; font-family: 'Playfair Display', serif;line-height: 1.5em;} */
.basic-block p{margin-bottom:1em;line-height: 1.8em;}

.basic-block-1{padding: 80px 80px 80px 0;max-width:720px;}
/* .basic-block-1 p{margin-bottom:1em; font-family: 'Playfair Display', serif;line-height: 1.5em} */
.basic-block-1 p{margin-bottom:1em; line-height: 1.5em}
@media screen and (max-width: 767px) {
	.basic-block-1{padding: 80px 15px;}
}


/* UI */
.bt-main {border: 1px solid black; color:black; display: inline-block; padding:1em 2.5em;margin:1em 0;font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em;-webkit-transition: all .5s ease; transition: all .5s ease;}
.bt-green {border-color: #52b5ae; color:#52b5ae;background: white}
/* .bt-gold {border-color: #BE9245; color:#BE9245;background: white} */
.bt-gold {border-color: #0477BF; color:#0477BF;background: white}
.bt-blue {border-color: #0477BF; color:#0477BF;background: white}
.intro_discover .bt-blue {border-color: white; color:white;background-color:#0367A6;}
.intro_discover .bt-blue:hover{color:#0477BF;background-color:white;}

@media only screen and (min-width: 1024px){
	.bt-main:hover{background:#0477BF; color:white}
	.bt-green:hover{background:#52b5ae;}
/* 	.bt-gold:hover{background:#BE9245;} */
	.bt-gold:hover{background:#66B2FF;}
}

.custom-scroll-bar::-webkit-scrollbar-track{background-color: white;}
.custom-scroll-bar::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
/* .custom-scroll-bar::-webkit-scrollbar-thumb {background-color: #BE9245;} */
.custom-scroll-bar::-webkit-scrollbar-thumb {background-color: #66B2FF;}
.data-table-press .custom-scroll-bar::-webkit-scrollbar-track{background-color: #e8e8e8;}


.tickbox-switch-wrap{position: relative; /*IE*/ width:100%;}
.tickbox-switch{position: absolute;width: 100%;height: 100%;top:0;left:0;opacity: 0;}
.tickbox-reveal{max-height:0; overflow: hidden;-webkit-transition: all .5s; transition: all .5s}
.tickbox-reveal:before{content:'+';position:absolute;right:.5em;top:.5em; font-size:3em;color: #0477BF;;pointer-events:none}
.tickbox-switch:checked + .tickbox-reveal{max-height:1000px;-webkit-transition: all 1s; transition: all 1s}
.tickbox-switch:checked + .tickbox-reveal:before{content:'_';top:.05em;right:.58em;}
.tickbox-switch:hover{cursor:pointer;}

/*flex*/
.flex-container{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;margin: 0px auto 0;width:100%;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-direction-col{flex-direction: column;}
.flex-child-1{width:100%;}
.flex-child-2-3{width:66.666%}
.flex-child-2-3-space{width: calc(66.666% - 60px); margin: 30px;}
.flex-child-1-2{width:50%}
.flex-child-1-2-space{width: calc(50% - 30px) !important; margin: 30px; text-align: center;}
.flex-child-1-3{width:33.333%}
.flex-child-1-3-space{width: calc(33.333% - 60px); margin: 30px;}
.flex-child-4{width:25%}
.flex-child-4-space{width: calc(25% - 24px); margin: 15px;}
.responsive.flex-container [class*=flex-child] img{width: 100%!important; display: block; height:auto;}

.flex-child-1-2-space:nth-child(odd){margin-left:0;}
.flex-child-1-2-space:nth-child(even){margin-right:0;}
/* .flex-child-1-2-space:nth-child(odd){margin-left:50px;}
.flex-child-1-2-space:nth-child(even){margin-right:50px;}
 */
.flex-child-4-space:nth-child(4n+1){margin-left:0;}
.flex-child-4-space:nth-child(4n){margin-right:0;}


@media only screen and (max-width: 767px){
	.flex-child-1-3-space,.flex-child-2-3-space, .flex-child-1-2-space, .flex-child-2-3, .flex-child-1-3{width:100%;margin:1em 0;}
	.flex-child-1-2-space{flex: 1 1 100%; }
.flex-child-1-2-space:nth-child(odd){margin-left:0;}
.flex-child-1-2-space:nth-child(even){margin-right:0;}
	.page-header-banner {
        width: 100%;              /* full width on mobile */
        text-align: center;       /* center text */
    }
}

/*.flex-container>div{padding:10px}
.flex-container{margin-left:-10px;margin-right:-10px}*/


/*Data table*/
/* .data-table {background: white;padding: 80px 0;color: #171717;} */
.data-table {color: #171717;}
.data-table .table-header{ margin-bottom: 60px;}
.data-table .table-header h2{display: block;margin:0;}
.data-table .view-all{float:right;text-transform: uppercase; line-height: 2.4em;}
.data-table h4{display: none}
.data-table .date,.data-table .title,.data-table .download-link{border-top:1px solid #555555;min-height: 80px;padding:10px;display: inline-block;vertical-align: top}
.data-table .date{width:15%;font-weight: bold;}
.data-table .title{width:64%; margin:0 5%; line-height: 1.5em;}
.data-table .title span{display:block;text-transform:uppercase; font-size: 0.7em;}
.data-table .title span:after{content:' /'}
.data-table .download-link{width:10%; text-transform: uppercase; font-size: 0.7em; line-height: 7em; text-align: center;-webkit-transition: all .5s ease; transition: all .5s ease;}
/* .data-table .download-link:hover{background:#f7f7f7} */
.data-table-press .download-link:hover{background:#e8e8e8}
/* .data-table-report{background: #f7f7f7; padding:80px 0;} */
.data-table-report{padding:80px 0;}
	
@media screen and (max-width: 1540px) {
	.data-table .date, .data-table .download-link{padding:20px 0;}
}

@media screen and (max-width: 767px) {
	.data-table {padding: 0;}
	.data-table .table-header{margin-bottom: 1em;}
	.data-table .table-header h2{padding: 1em 0 1em 10px;}
	.data-table .date, .data-table .title, .data-table .download-link{border:none;min-height:0;}
	.data-table .title{min-height:80px;}
	.data-table li {border:1px solid #555555;border-top:0;border-left:0; border-right:0; }
	.data-table li>span{background:#f7f7f7;}
	.data-table .download-link{text-indent: -999999px; width:18%;background-size: 50%;}
	.data-table .download-link img{margin:0 auto; display:block;}
	.data-table ul{border-top:1px solid #555555; }
	.data-table ul{background:#f7f7f7}
	.data-table .title, .data-table .date {width:80%;margin:0;font-family: 'Lato', sans-serif;padding:10px;}
	.data-table .date{font-size: 0.7em;text-align: left;padding-bottom: 0;}
	.data-table .view-all{float:none; text-align:center; padding:2em 0 }
	.data-table-filtered-data-list {}
}

/*Filtered data tables*/
.data-table-filtered .data-table-ul{display: none}
.data-table-filtered .data-table-ul.active{display: block}
/*Certificates data tables*/
.data-table-certificate .data-table-ul{display: none}
.data-table-certificate .data-table-ul.active{display: block}


/*nav*/
.nav-year-wrapper{position:relative;margin:-1em 0 3em; overflow: hidden;vertical-align:top;}
.nav-years{position:absolute;left:0;width:3000px;overflow: auto;margin: 0;position:relative;-webkit-transition: all 200ms ease;transition:all 200ms ease;}
.year-bt {position:absolute;top:10px; height:100%; width:3em; text-align:center; background:#ffffff; line-height:2em;z-index: 9}
.data-table-press .year-bt {background: #f7f7f7}
.year-prev{left:-200px;color: #0477BF;font-weight: bold} .year-prev.active{left:0;top:0;}
.year-next{right:-200px;color:#0477BF;font-weight: bold;} .year-next.active{right:0;top:0;}
.nav-years li{display:inline-block;}
.nav-years li:after{content:"/";margin-right:.5em;margin-left:.5em}
ul.nav-years,ul.nav-years>li{border:none; background:#ffffff }
.nav-years a{color:#555;font-size: 2em;padding: .1em 0;}
@media screen and (max-width: 767px) {
	.nav-years a{border-bottom: 3px solid #171717;display: inline-block;padding-bottom: 0.3em;}
	.page .data-table{padding-bottom:40px;}
}

.nav-years a.active{color: #0477BF;border-bottom: 3px solid #0477BF;display: inline-block;padding-bottom: 0.3em;}
.data-table-filtered-data-list{max-height: 30em; overflow: auto }
/*layout*/
.data-table-filtered .flex-child-1:nth-child(1){order:2}
/*press releases table*/
.data-table.data-table-press{background:#f7f7f7; color: #000000;}



/*financial report tables*/
.data-table-report {text-align: center}
.data-table-report h2{text-align: left}
/* .data-table-report ul{font-family: 'Playfair Display', serif;} */
.data-table-report li{display:inline-block;width: 46%;margin: 0 1%;}
.data-table-report h4{color: #000;font-size: 1.5em;padding: 1em 0;border-top: 1px solid #555555;}
.data-table-report img{display: block; width:100%; }
.data-table-report span{display: block; padding:1em 0; }
.data-table-report .bt-main{}

.data-table-report .archives{width: 100%; background: #f7f7f7;    z-index: 9;position: relative;}
.data-table-report .tickbox-switch:checked + .tickbox-reveal{margin-top:-5em;}
.data-table-report .tickbox-reveal:before{content:''}.data-table-report .tickbox-switch:checked + .tickbox-reveal:before{content:''}
.financial_title{font-size: 18px;}



@media screen and (max-width: 767px) {
	.data-table-report .flex-child-4-space{width:100%; margin:0 0 1em ;}
	.data-table-report li{display:inline-block;width: 48%;margin: 0 .7%;}
	.data-table-report img{width:80%; margin:0 auto;}
}

/*Slider*/
.slide:focus{outline:none}

.home .slide{width:100%;height: auto;display: block;}

.slide picture,.slide img{ width:100%;display: block;}

.DC-Slideshow-Multiple-image-view{}
.DC-Slideshow-Multiple-image-view .slide{ width:49%;display: block; height:auto;}
.DC-Slideshow-Multiple-image-view .slide img{ width:100%;display: block; height:auto;}
/*.DC-slideshow-in-sync .slide img{ width:100%;display: block; height:auto;}*/
.DC-slideshow-in-sync .slide{width:100%}
@media only screen and (max-width: 767px){
	.DC-Slideshow-Multiple-image-view .slide{ width:90%;}
}

.DC-slideshow {opacity: 0;visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.DC-slideshow.flickity-enabled,.DC-slideshow.slick-initialized {visibility: visible;   opacity: 1;    background: white}



/*DC 2 col Flex*/
/*switch position ever other row*/
.DC-2-col-row{margin-bottom:-2px;}
.home .DC-2-col-row:nth-child(odd) div:nth-child(1){order:2}
.DC-2-col-row .flex-child-1-2{overflow: hidden; flex:1 1 50%;}
.DC-2-col-row .inner{width:90%;max-width:510px; margin: 0 auto;}
.DC-2-col-row h2{margin:0.2em 0;}
.DC-2-col-row p{margin:2em 0 1em; line-height: 1.8em;}
.DC-2-col-row img{width:60%;}
.DC-2-col-category-link{color:#52b5ae;display: block; font-size: 14px;text-transform: uppercase;font-weight: bold;}
.DC-2-col-category-link:after{content:' /';}

@media screen and (max-width: 767px) {
	.DC-2-col-row p{margin:1.8em 0 .9em;}
	.DC-2-col-row .flex-child-1-2{flex:1 1 100%;}
}
@media screen and (min-width: 768px) and (max-width: 800px){
	.DC-2-col-row p{line-height: 1.5em;}
	.max-width-full-on-mobile .table-header h2, .max-width-full-on-mobile .nav-years{padding-left:0;padding-right:0}
}

/*Pages - common styles*/
.max-width, .max-width-full-on-mobile{margin:0 ;max-width:100%;padding:0 0%;}

@media screen and (min-width: 768px) {
	.max-width, .max-width-full-on-mobile{padding:0 0%;}
/* 	.max-width, .max-width-full-on-mobile{padding:0;} */
}
@media screen and (max-width: 1200px) {
	.header-basic-block {padding:0 3% 0 3%;}
}
@media screen and (min-width: 1400px) {
	.max-width, .max-width-full-on-mobile{padding:0 5%;}
/* 	.max-width, .max-width-full-on-mobile{padding:0;} */
}
@media screen and (min-width: 1500px) {
	.max-width, .max-width-full-on-mobile{padding:0 10%;}
/* 	.max-width, .max-width-full-on-mobile{padding:0;} */
}
@media screen and (min-width: 1800px) {
	.max-width, .max-width-full-on-mobile{padding:0 15%;}
/* 	.max-width, .max-width-full-on-mobile{padding:0;} */
}

		.default-header-style{background-repeat: no-repeat;background-position: center center;
    	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
/*     	.page-header-banner {padding:4em; margin:6em auto;background: white; max-width: 750px;position:relative;} */
		.page-header-banner {margin:0;min-height:600px; background: transparent;position:relative;}
/*     	.page-header-banner span{position: absolute;bottom:.4em;right:.8em;font-size: .9em; font-style:italic} */
.page-header-banner span {
  position: absolute;       /* take it out of normal flow */
  bottom: 100px;             /* distance from bottom edge */
  left: 100px;              /* distance from right edge */
  background-color: rgba(0,0,0,0.2); /* semi‑transparent background */
  color: #fff;              /* text color */
  padding: 10px 15px;       /* space around text */
  border-radius: 4px;       /* optional rounded corners */
	font-size:3em;
	font-family:'LibreBodoni';
}
.page-header-banner p{
  background-color: rgba(0,0,0,0);
  color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 3em;
  font-family: 'LibreBodoni';
  margin: 0;                /* remove default paragraph margin */
}

    	.single h2, .single h3, .single h4, .page h2, .page h3, .page h4{font-size: 1.9em}
    	
@media screen and (max-width: 767px) {
	.max-width{padding:0 5%;}
/* 	.page-header-banner span {left:20px; bottom:20px;font-size:1em;} */
	.default-header-style {
        flex-direction: column;   /* stack everything vertically */
        align-items: center;      /* center horizontally */
    }
	.page-header-banner{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px;}
	.page-header-banner span {font-size:2em;text-align:center;position:static;}
}
@media screen and (max-width: 1400px) {
	/* 			.page-header-banner {padding:3em; max-width: 90%;} */
/* 	.page-header-banner span {left:20px; bottom:20px;font-size:2em;} */

	.single h2, .single h3, .single h4, .page h2, .page h3, .page h4{font-size: 1.6em}
	.single h2,.page h2{font-size: 1.75em}
}
.page-header-banner h1{padding-top:0;}
.page-header-banner p{line-height: 1.5em; /*IE*/ max-width:100%;}

/* Page - Board of Committees */
.page-id-511 .employees span{color: #66B2FF; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.page-id-511 .employees p{margin:1em 0 3em;}
.page-id-511 .board_of_committees h4, .page-id-511 .board_of_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-511 .flex-child-1-3-space{ margin-left: 0;}
.page-id-511 .flex-child-2-3-space{ margin-right: 0;}
.page-id-513 .employees span{color: #66B2FF; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.page-id-513 .employees p{margin:1em 0 3em;}
.page-id-513 .board_of_committees h4, .page-id-513 .board_of_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-513 .flex-child-1-3-space{ margin-left: 0;}
.page-id-513 .flex-child-2-3-space{ margin-right: 0;}

/* Page - Board of Directors */
.page-id-548 .employees span{color: #0477BF; text-transform: uppercase;font-weight: bold; margin-top: 0.5em; display: inline-block; margin-bottom: 0.5em;}
.page-id-548 .employees p{margin:0em 0 1em;}
.page-id-548 .mng_and_committees h4, .page-id-548 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-548 .flex-child-1-3-space{ margin-left: 0;}
.page-id-548 .flex-child-2-3-space{ margin-right: 0;}
.page-id-550 .employees span{color: #0477BF; text-transform: uppercase;font-weight: bold; margin-top: 0.5em; display: inline-block; margin-bottom: 0.5em;}
.page-id-550 .employees p{margin:0em 0 1em;}
.page-id-550 .mng_and_committees h4, .page-id-550 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-550 .flex-child-1-3-space{ margin-left: 0;}
.page-id-550 .flex-child-2-3-space{ margin-right: 0;}
.page-id-1186 .employees span{color: #0477BF; text-transform: uppercase;font-weight: bold; margin-top: 0.5em; display: inline-block; margin-bottom: 0.5em;}
.page-id-1186 .employees p{margin:0em 0 1em;}
.page-id-1186 .mng_and_committees h4, .page-id-1186 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-1186 .flex-child-1-3-space{ margin-left: 0;}
.page-id-1186 .flex-child-2-3-space{ margin-right: 0;}

/* Page - Corporate Governance */
/*.employees {color: #000000; font-family: 'Lato', sans-serif; font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;} */
.page-id-151 .employees span{color: #d4af37; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.page-id-151 .employees p{margin:1em 0 3em;}
.page-id-151 .mng_and_committees h4, .page-id-151 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-151 .flex-child-1-3-space{ margin-left: 0;}
.page-id-151 .flex-child-2-3-space{ margin-right: 0;}
.page-id-153 .employees span{color: #d4af37; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.page-id-153 .employees p{margin:1em 0 3em;}
.page-id-153 .mng_and_committees h4, .page-id-153 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-153 .flex-child-1-3-space{ margin-left: 0;}
.page-id-153 .flex-child-2-3-space{ margin-right: 0;}
.page-id-1195 .employees span{color: #d4af37; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.page-id-1195 .employees p{margin:1em 0 3em;}
.page-id-1195 .mng_and_committees h4, .page-id-1195 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
.page-id-1195 .flex-child-1-3-space{ margin-left: 0;}
.page-id-1195 .flex-child-2-3-space{ margin-right: 0;}

.documents span{color: #A6813F; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.documents span :hover{color: #BE9245;}

.basic-block.org{background-color:#F0F6FA;}

.mng_and_committees .title{width:80%;margin:0;border:0;min-height:50px;}
.mng_and_committees .download-link{border:0;line-height:1.5em;min-height:50px;}
.mng_and_committees .data-table-filtered-data-list{max-height: 60em; overflow: auto }

/* Hide default placeholder images in WPDevArt Org Chart */
.wpdevart_org_chart img {
    display: none !important;
}
.wpdevart_org_chart_container .wpda_tree_item_img_cont {
    height: 20px !important;
}
.wpdevart_org_chart_container li .wpda_tree_item_container > div
{border:0 !important;min-height:50px !important;}
#wpdevart_org_chart_container_3 li{background-color:#F0F6FA;}

/* Page - CSR and Award */
/*.employees {color: #000000; font-family: 'Lato', sans-serif; font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;} */
/* .page-id-286 ul{list-style: disc; padding-left: 30px;} */
/* .page-id-286 li span{color: #d4af37; font-family: 'Lato', sans-serif; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;} */
.csr-points ul{list-style: disc; padding-left: 30px;}
/* .csr-download li span{color: #d4af37; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;} */
.download li span{color: #003366; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
.download li span a:hover{color:#66B2FF;}


/*financial table*/
.financial-highlight{background: #f7f7f7; padding:3em 0 4em}
.financial-highlight h2{padding-bottom:2em;}
.financial-highlight table{width:100%;}
.financial-highlight-table th{padding:1em; text-align:left;  height:52px;}
.financial-highlight-table td{padding:1em; text-align:left;  height:52px;}
.financial-highlight-table th:first-child,.financial-highlight-table td:first-child{max-width:200px;}
.financial-highlight-table th{font-weight: bold}
.financial-highlight-table th:first-child{color:#0477BF;}
/* .financial-highlight-table tr:last-child{font-weight: bold} */
/* .financial-highlight-table tr:last-child td:first-child{font-weight: 100} */
.financial-highlight-table tr:nth-child(even){background:#ffffff}
/* .financial-highlight-table td:last-child, .financial-highlight-table td:first-child {font-weight: bold;} */
/* .financial-highlight-table td:last-child{background:#e0dbd7;} */
.financial-highlight-table tr:last-child td:not(:first-child){font-weight:bold;}
/* .max-width-full-on-mobile.corporate-announcements{padding:0 15%;} */


@media only screen and (max-width: 1400px){
.corporate-governance-and-download-section .DC-2-col-row .inner{max-width:100%;}
.corporate-governance-and-download-section .DC-2-col-row h2{margin:0 auto; }
}
@media only screen and (max-width: 767px){
.corporate-governance-and-download-section .DC-2-col-row .inner{max-width:90%;}
.corporate-governance-and-download-section .DC-2-col-row h2{max-width:100%;padding:0 5% 1em;}
.corporate-governance-and-download-section .DC-2-col-row .flex-child-1-2{width: 100%}
.corporate-governance-and-download-section .white-block{margin-bottom: 0}
.corporate-governance_download{height: 500px; overflow:auto;}
.financial-highlight-table th{padding:1em 0.5em; text-align:left;  height:52px;}
.financial-highlight-table td{padding:1em 0.5em; text-align:left;  height:52px;}
}

.mobile-only{display:none;}
.desktop-only{display:block;}
@media only screen and (max-width: 767px){
	.mobile-only{display:block!important;}
	.desktop-only{display:none;}
}

/* Property Development */
.property-dev-selection{justify-content:center;font-family:'LibreBodoni';}
.property-dev-selection span{padding:10px;font-size:1.3em;}
.property-dev-selection span a:hover{color:#66B2FF;}
.property-dev-selection span a.active{text-decoration: underline;color:#66B2FF;}

.post-type-archive-property_development h2{padding: .5em 0;}
.post-type-archive-property_development .bt-main{margin-top:1.4em;}
.onpage-disclaimer-section{background:#F0F6FA;padding:2em 0; font-size:.8em;color:#444444;}
.onpage-disclaimer{max-width:1060px;padding:0 15px;margin:0 auto;line-height:1.4em;
		/*-webkit-column-count: 2;    -moz-column-count: 2;column-count: 2;-webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em;*/
    text-align: justify;}
.onpage-disclaimer-section p{margin-bottom:1em;}
.onpage-disclaimer-section p:last-child{margin-bottom:0em;}
.property-thumb, .size-post-thumbnail {
  width: 300px !important;
/*   height: 300px !important; */
	aspect-ratio: 1 / 1;
  object-fit: cover; /* keeps aspect ratio, crops edges */
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width:1024px){
	.property-thumb, .size-post-thumbnail {width:100% !important;}
}

@media only screen and (min-width: 1401px){
	.post-type-archive-property_development #content li{width: calc(33.333% - 20px);margin: 30px 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1400px){
	.post-type-archive-property_development #content li{width: calc(33.333% - 10px);margin: 30px 5px;}
	.post-type-archive-property_development h2{font-size:1.4em;}
	.post-type-archive-property_development .bt-main{font-size:0.7em;}
}

/*single property development*/
.single-property_development h1{padding-bottom:0;text-align: left}
.single-property_development .DC-2-col{background: #f7f7f7}
.property-details .address{font-weight: bold; font-size:1.2em; text-transform: uppercase;}
.property-details .address a{display: block;text-transform: capitalize;}
.property-details .property-description{font-size: 1.1em;}
.property-info img{max-width:184px;}
.property-info span{display: block; line-height: 1.5em}
.property-info .key-info{padding:3.2em 0 2em; margin:2em 0;border-top: 1px solid #555555;border-bottom: 1px solid #555555}
.sub-header{color:#0477BF;display: block; font-size: 14px;text-transform: uppercase;font-weight: bold;}
.sub-info{margin-bottom:1em;font-size: 1.4em;}
.property-info .contact-info{margin:3.2em 0 1.5em;}
.property-info .contact-info .sub-info{margin-bottom:0em;}

#map{height:30em}

/*  Property Management  */
.prop_man_head, .prop_man_service {background-color:#F0F6FA;}
.prop_man_approach{background-color:#FAFBFC;}
.prop_man_header h2{text-align: center;}
.prop_man_points {padding-bottom:1em;}
.prop_man_points li{padding-bottom:0.5em;font-weight:bold;}
.image-wrapper {
  position: relative;
  display: inline-block; /* or block depending on layout */
}
.image-wrapper img {
  display: block;
  width: 100%; /* adjust as needed */
  height: auto;
}
.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* text color */
  text-align: center;
  background: rgba(0,0,0,0.3); /* optional semi-transparent background */
  padding: 10px;
  border-radius: 4px;
	width:80%;
}
.prop_man_service li p{margin-bottom:0;}
.prop_man_service .flex-container.responsive{
	display: flex;
	flex-wrap: wrap;   /* allow wrapping on smaller screens */
/* 	gap: 20px;         /* spacing between boxes */ */
	list-style: none;  /* remove default bullets */
	padding: 0;
	margin: 0;
}
/* .prop_man_service ul li{list-style:disc;margin:10px 30px ;} */
.prop_man_service .flex-container.responsive li{
/* 	flex: 1 1 calc(25% - 20px); /* three boxes per row */ */
/*  	max-width: 33.333%;  /* prevent stretching */ */
	background: #f0f0f0;            /* box background color */
	border: 2px solid #333;         /* box border */
	padding: 20px;                  /* space inside the box */
	box-sizing: border-box;
	text-align: center;             /* center text inside */
	
	/* vertical + horizontal centering */
	display: flex;
	align-items: center;   /* vertical center */
	justify-content: center; /* horizontal center */
	text-align: center;
}
.prop_man_approach span{line-height:1.4em;}
@media (max-width: 1024px) {
	.prop_man_approach .flex-container.responsive li {
    flex: 1 1 100%; /* full width */
    max-width: 100%;
  }
  .flex-container.responsive li {
    flex: 1 1 calc(30% - 20px); /* two per row */
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .flex-container.responsive li {
    flex: 1 1 100%; /* full width */
    max-width: 100%;
  }
	.prop_man_approach .flex-container.responsive li h4{font-size:1em;}
	.prop_man_approach .flex-container.responsive li p{font-size:0.8em;}
}

/*  ESG Report  */
.data-table-report.esg-reports{padding:0px 0; background-color:#F0F6FA;}

/*Disclaimer page*/
.page-id-115 #content, .page-id-117 #content{min-height:60vh;background:#f7f7f7;padding:2em 0 6em;}
.entry-content {line-height: 1.4em;}
.entry-content h1, .entry-content h2{color:#ffffff;}

#lightbox{display:none; position: fixed;width:100%; height:100%;background:#171717;color:white;top:0 ;left:0;padding:10%;z-index:9999;padding: 5% 15px;
    overflow: auto;
    max-height: 100vh;}
#lightbox.active{display:block;}
#lightbox p{margin-bottom:1.5em;}
#lightbox .sk-folding-cube{top:45%;}
@media only screen and (min-width: 1025px){
	#lightbox{padding:10% 20%}
}


/*  Contact Us  */
.contact_number{padding-top: 2em;color:#003366;}
.contact_number, .contact-us h6{line-height:1.4em;}
.wpforms-submit:hover{background-color:#0477BF!important;color:white!important;}
.wpforms-container .wpforms-field{padding:2px 0!important;}
.wpforms-container-full{margin:0 auto!important;}
.contact-us .basic-block{padding:0;}
.contact-us .max-width{padding:0;}
/* Left column padding */
.contact-us .flex-child-1-2:first-child {
  padding-left: 25%; /* adjust as needed */
}

/* Right column padding */
.contact-us .flex-child-1-2:last-child {
  padding-right: 25%; /* adjust as needed */
  background-color: #F0F6FA; /* keep your background */
}
@media (max-width: 1024px) {
	.contact-us .flex-child-1-2:first-child {padding-left: 15%;}
	.contact-us .flex-child-1-2:last-child {padding-right: 15%;}
}
@media (max-width: 768px) {
	.contact-us .flex-child-1-2:first-child {padding: 10%;}
	.contact-us .flex-child-1-2:last-child {padding: 10%;}
}

/*CSS loading spinner*/
.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg); top:40%;}
.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color: #003366;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
@-webkit-keyframes sk-foldCubeAngle {
0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
@keyframes sk-foldCubeAngle {
0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}


/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}


@media only screen and (max-width: 767px){
.flickity-prev-next-button svg{top: 0;}
}