@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

/* Our Projects  Design starts here  */
.cover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url('../images/projects-banner.jpg');
    background-repeat:  no-repeat ;
    background-size: cover;
    position: absolute;
    height: 88%;
    width: 100%;
    margin-top: -200px;
  }
  
   .cover-content {
    position: absolute;
    color: #fff;
    justify-items: center;
    margin-top: 350px;
    width: 900px;
    margin-left: 40px;
  }
  
  .breadcrumb li {    
    margin-left: 10px;
  }

  .breadcrumb li a {
    color: rgb(190, 241, 79);
    color: white;
    font-weight: bolder;
    font-size: large;
  }

  .col-md-6 ol {
    background-color: transparent;
    
  }  

.text-theme-colored2 {
  color: rgb(226, 173, 14);
    line-height:.5;
}

.font-36 {
    font-size: 36px !important;
    font-weight: bolder;
    white-space: nowrap;
}
/* Our Projects Main Image Design ends here  */

/* Our Projects content design starts here  */
.container {
  padding-top: 480px;
  padding-bottom: 80px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.img-fullwidth-tel {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-tel.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-fct {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-fort-canning-tunnel.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-kpecte {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-kpe.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-hdbcpark {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-hdb-carpark.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-dtl {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-dtl.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-tuas {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-tuas.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-sentosa {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-sentosa.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-sit {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/proj-sit.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-changi {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/changi.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.img-fullwidth-jrl {
  width: 100% !important ;
  height: 100% !important;
  padding-top: 480px;
  background-image: url('../images/JRL.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* small screens ----------- */

@media screen and (max-width: 1024px) {
  .cover-content {
    position: absolute;
    color: #fff;
    justify-items: center;
    margin-top: 350px;
    width:90%;
    max-width: 900px;
  }

  body {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 494px) {
    
  .text-theme-colored2 {
    color: rgb(226, 173, 14);
    line-height: 1;
    padding: 0;
  }

  .font-36 {
    font-size: 26px !important;
    font-weight: bolder;
  }
}