#main-header-banner h1 {
    color: #f7ca72;
    font-family:serif;
    font-size: 3rem;
}
#main-header-banner p {
    color: #fff;
    font-family: OpenSansRegular;
    font-size: 24px;
}
.sub-header-category{
    height: 500px;
    margin-top: 80px;
    overflow: hidden;
}
 .ul-unstyled {
     list-style: none;
 }
 .cursor-pointer {
     cursor: pointer;
 }

/**
Legend:

mod = moderate
*/

 .construction_dmci_bg_mod_orange {
     background-color: #CB9156;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_dark_mod_blue {
     background-color: #3f5aa9;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_dark_mod_green {
     background-color: #547f3d;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_mod_blue {
     background-color: #4a8ecb;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_mod_cyan {
     background-color: #3abeb1;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_bright_red {
     background-color: #ef5127;
     width           : 20px;
     height          : 20px;
 }

 .construction_dmci_bg_dark_mod_lime_green {
     background-color: #4faf57;
     width           : 20px;
     height          : 20px;
 }

 /* .construction_dmci_bg_yg {
     background-color: #90c93e;
     width : 25px;
     height: 25px;
 }

 .construction_dmci_bg_yellow {
     background-color: #f3e30a;
     width : 25px;
     height: 25px;
 }

 .construction_dmci_bg_green {
     background-color: #165330;
     width : 25px;
     height: 25px;
 }

 .construction_dmci_bg_orange {
     background-color: #ec8f14;
     width : 25px;
     height: 25px;
 }

 .construction_dmci_bg_peach {
     background-color: #fbbc76;
     width : 25px;
     height: 25px;
 }

 .construction_dmci_bg_brown {
     background-color: #cb8f5b;
     width : 25px;
     height: 25px;
 } */

 .dmci.width-35,
 .dmci-home.width-35,
 .dmci-power.width-35,
 .maynilad.width-35,
 .smpcPlants.width-35,
 .spmc-mineSite.width-35,
 .dmci-mining.width-35 {
     width  : 35px;
     height : 35px;
     z-index: 1;
     border : 2px solid #fff;
     box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
-webkit-box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
-moz-box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
 }
 .width-35{
      width  : 35px;
     height : 35px;
     z-index: 1;
     border : 2px solid #fff;
     box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
-webkit-box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
-moz-box-shadow: 1px 6px 61px 1px rgba(0,0,0,1);
 }
  /* .rounded-opacity {
     opacity: 0.8;
 }
.rounded-opacity.width-35{
    opacity: 1;
} */

 /* section */

 .section-title-content {
     color: #cd9933;
 }
 
 #investment-category table > thead > tr > th {
     color: #fff;
     padding: 1rem;
     font-family: OpenSansSemiBold;
 }
  #investment-category table > tbody > tr > td {
     color: #000;
     padding: 1rem;
     font-family: OpenSansRegular;
 }
 #investment-category .category-name{
     font-size: 48px;
 }
 #investment-category .category-readmore{
     color:#000; border-bottom: 1px solid #CD9933; text-transform: uppercase; font-size: 14px; font-family: OpenSansSemibold;
     text-decoration: none;
 }

 .our-operational-footprint .section-title-page{
     font-size: 40px;
 }
 .our-operational-footprint .list-item-operaional-footprint li span{
     font-size: 24px; font-family: OpenSansSemibold;
 }
 .our-operational-footprint .list-item-operaional-footprint > li {
     margin-bottom: 10px;
 }
 .our-operational-footprint .list-item-operaional-footprint li ul li span{
     font-size: 24px; font-family: OpenSansRegular;
 }

 #investment-category .box-padding {
    padding: 50px 140px;
}
 #investment-category #waterdistribution-img {
     width: initial!important;
 }

.investments-logo,
.investments-header-logo {
    width: 60%;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992pxn) { 
    .investments-header-logo {
        width: 50%;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .investments-header-logo {
        width: 55%;
    }
}