/*************************
* MESSAGE PAGE
**************************/
.message-page #site-wrapper {
  background: transparent url(../images/message-bg-v2.png) no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  min-height: 100vh;
}

.message-page section.chairman-message div.row::before {
  position: absolute;
  left: -360px;
  top: -112px;
  content: '';
  background: url(../images/message-bg-01.png) no-repeat;
  background-size: cover;
  width: 724px;
  height: 642px;
  z-index: -1;
  background-position: left top;
}


.message-page section.ceo-message div.row::after {
  position: absolute;
  left: -360px;
  top: -112px;
  content: '';
  background: url(../images/message-bg-01.png) no-repeat;
  background-size: cover;
  width: 724px;
  height: 642px;
  z-index: -1;
  background-position: left top;
}


.message-container p {
  font-size: 14px;
  margin-bottom: 10px;
}

.message-container ul li {
  font-size: 14px;
}

/*************************
* ORGANISATION DEVELOPMENT PAGE
**************************/
section.org-dev-header::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background: transparent url(../images/arrow-dash-bg.png) no-repeat;
  background-size: contain;
  width: 446px;
  height: 873px;
  margin: 0 auto;
  background-position: right center;
  z-index: -1;
}

.org-dev-below-header {
  background: #2c7a60 url(../images/green-section.png) no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 236px;
  margin: 0 auto;
}

#carouselExampleControls .carousel-item>div>p {
  font-size: 2.3vw;
  font-weight: 600;
  color: #FFFFFF;

  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(45, 91, 127, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(45, 91, 127, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(45, 91, 127, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2d5b7f", GradientType=1);

  height: 300px;
  line-height: 515px;
}

.org-dev-page .bottom {
  background-color: #2c7a60;
}

.org-dev-page .bottom>.row {
  min-height: 200px;
}



/*************************  
* CORPORATE DIGITALISATION PAGE
**************************/
.corp-dev-intro-bottom {
  display: none;
}

.corp-dev-intro>div {
  background: #1894cf url(../images/corp-dev-intro-bg.jpg) no-repeat;
  width: 100%;
  min-height: 698px;
  background-size: cover;
  display: flex;
  align-items: center;
}

#wei-boon-prof {
  background: #112d43;
}

#wei-boon-prof h3 {
  font-weight: 600;
}

#wei-boon-prof * {
  color: #FFFFFF;
}

#wei-boon-prof p>span {
  color: #f3d169;
  font-size: 19px;
  display: block;
  margin-bottom: 5px;
}

#wei-boon-prof small {
  color: #94a6ad;
}


#joane-yuen-prof {
  background: #f3d169;
}


.corp-dev-stats {
  background: #f3d169;
  padding: 0;
}

.corp-dev-stats>.row {
  padding: 0;
  margin: 0;
}

.corp-dev-stats>.row>div {
  padding: 0;
}

.corp-dev-stats .item {
  position: relative;
  background-color: #112d43;
  color: #FFFFFF;
  min-height: 325px;
  display: flex;
  align-items: end;
  border-top-right-radius: 100%;
  padding: 0 0 30px 30px;
}

.corp-dev-stats .item h4 {
  color: #f3d169;
  font-weight: 700;
  font-size: 56px;
}

.corp-dev-stats-2 {
  background-color: #81d5ef;
}

.corp-dev-stats-2 .item {
  background-color: #1894cf;
  min-height: 300px;
}

.corp-dev-stats-2 .item h4 {
  font-size: 33px !important;
  line-height: 1.2;
}

.corp-dev-stats-2 .item p {
  font-size: 16px;
}

/*************************  
* EVENT HIGHLIGHT PAGE
**************************/
.event-highlight-page::before,
.event-highlight-page::after {
  position: absolute;
  right: 23%;
  top: 0;
  content: " ";
  background: url(../images/event-bg-overlay.png) no-repeat;
  background-size: cover;
  width: 605px;
  height: 638px;
  z-index: -1;
  background-position: left top;
}

.event-highlight-page::before {
  top: -15%;
  right: -10%;
}

.event-highlight-page::after {
  right: -20%;
  top: 276%;
}

.event-highlight-page .section-5 {
  background: none;
  min-height: 150px;
}

.event-month-item {
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px;
  min-height: 445px;
}

.event-month-content {
  min-height: 110px;
}

.event-month-content p {
  font-size: 14px;
  line-height: 1.3;
}

.event-month-item img.img-fluid {
  width: 100%;
}

.event-month-item a.btn {
  font-size: 13px;
  font-weight: 600;
}

.event-month-item video,
img {
  border-radius: 3px;
}

.event-month-item.purple {
  background: #ad7bac;
}

.event-month-item.pink {
  background: #dfbedd;
}

.event-month-item.blue {
  background: #907bfe;
}

.event-month-item.yellow {
  background: #f3d169;
}



/*************************  
* MANAGEMENT BOARD
**************************/
.board {
  padding: 0 30px;
}

.board .board-item {
  border-color: #112d43 !important;
  min-height: 200px;
}

.board .board-item img {
  width: 100%;
  max-width: 101px;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

.board .board-item p strong {
  font-size: 14px;
  font-weight: 600;
  color: #112d43;
  margin-bottom: 5px;
  font-weight: 700;
}

.board .board-item p {
  font-size: 12px;
  line-height: 1.3;
}

.our-management-board-page .bottom .container {
  background: #000000 url('../images/management-board-bottom-bg.png') no-repeat center center;
  background-size: cover;
  width: 100%;
  min-height: 700px;
  background-attachment: fixed;
}

.our-management-board-page .bottom .container h2 {
  font-weight: 600;
  color: #FFFFFF;
}

.our-management-board-page .bottom .card-holder {
  background-color: #FFFFFF;
  margin-top: 50px;
}

/*************************  
* INTERNATIONAL PAGE
**************************/
.internationalisation-page {
  background: #ffffff url(../images/internationlisation-bg.png) no-repeat;
  background-size: cover;
  background-position: right top;
  width: 100%;
  min-height: 100vh;
}

.collaborators p {
  font-size: 14px;
  line-height: 1.3;
}

.inter-collaboration-section {
  background: none;
  padding: 0;
  position: relative;
  margin-bottom: 100px !important;
}

.inter-collaboration-section .collaborators {
  display: block;
  margin: 0 auto;
}

.inter-collaboration-section .collaborators>img {
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 0;
  border-radius: 7px;
}

.inter-collaboration-section .card-container .row>div .collaborators {
  padding: 20px;
  border-radius: 10px;
  min-height: 535px;
}

.inter-collaboration-section .card-container .row>div:nth-child(1) .collaborators {
  background-color: #f3d169;
}

.inter-collaboration-section .card-container .row>div:nth-child(2) .collaborators {
  background-color: #112d43;
}

.inter-collaboration-section .card-container .row>div:nth-child(3) .collaborators {
  background-color: #2c7a60;
}

.inter-collaboration-section .card-container .row>div:nth-child(4) .collaborators {
  background-color: #81d5ef;
}

.inter-collaboration-section .card-container .row>div:nth-child(5) .collaborators {
  background-color: #f3d169;
}