#home__bg-1 {
  background-image:
    linear-gradient(
      rgb(57, 88, 108,1)0%,
      rgb(57, 88, 108,0)20%,
      rgb(57, 88, 108,0)80%,
      rgba(57, 88, 108, 1)100%),
      url('../images/homepages/kasuarii.jpg');
  background-size: cover;
  background-position: center;
  /* box-shadow: inset 0px 18px 20px rgba(0, 0, 0, 0.5); */
}
#home__bg-2 {
  position: relative;
  overflow: hidden;
  padding-block: 150px !important;
  background-image:
  linear-gradient(
      rgb(57, 88, 108,1)0%,
      rgb(57, 88, 108,0)20%,
      rgb(57, 88, 108,0)80%,
      rgba(57, 88, 108, 1)100%),
      url('../images/project/forest.jpg');
  background-size: cover;
  background-position: center;
}
#home__bg-3 {
  background-image:
    linear-gradient(
      rgb(57, 88, 108,1)0%,
      rgb(57, 88, 108,0)20%,
      rgb(57, 88, 108,0)80%,
      rgba(57, 88, 108, 1)100%),
      url('../images/homepages/8.jpg');
  background-size: cover;
  background-position: center;
}
.bg-overlay1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Overlay pertama */
}
.bg-overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(57, 85, 108, 0.7); /* Overlay pertama */
}
.bg-overlay4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(236, 232, 223,.6); /* Overlay pertama */
}
.bg-overlay3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(236, 232, 223,.6); /* Overlay pertama */
}
.shadowCard-right{
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  width: 50%;
  /* box-shadow: 20px 5px 20px 10px rgba(0, 0, 0, 0.5) */
}