.bg {
  /* The image used */
  background-image: url(../../app-assets/images/backgrounds/bg.png);

  /* Full height 
  height: 120vh;*/

  /* Center and scale the image nicely */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

  /* width:100% !important;
  height:100% !important; */

}

div {
  font-family: "Tajawal", "Titillium Web" !important;
}


.investor,
.trucking-company,
.service-provider,
.owner-driver,
.non_Omn_Drvr,
.Omn_Drvr {
  position: absolute;
  font-family: "Tajawal", "Titillium Web" !important;
  font-weight: 500;
}

.investor,
.owner-driver,
.non_Omn_Drvr,
.Omn_Drvr {
  color: #b64e5d;
}

.trucking-company,
.service-provider {
  color: #fff;
}

.font-bold {
  font-weight: bolder !important;
}

/*FHD */
@media only screen and (max-width: 1920px) and (min-resolution:72dpi) and (max-resolution:1080dpi) {
  .investor {
    top: 23%;
    left: 36%;
    transform: translate(-36%, -23%);
  }

  .trucking-company {
    top: 43%;
    right: 32%;
    transform: translate(-32%, -43%);
  }

  .service-provider {
    top: 68%;
    left: 35%;
    transform: translate(-35%, -68%);
  }

  .owner-driver {
    top: 85%;
    right: 32%;
    transform: translate(-32%, -85%);
  }

  .non_Omn_Drvr {
    top: 94%;
    left: 30%;
    transform: translate(-30%, -94%);
    font-size: 2.5rem !important;
  }

  .Omn_Drvr {
    top: 87%;
    left: 30%;
    transform: translate(-30%, -87%);
    font-size: 2.5rem !important;
  }
}

/* HD */
@media only screen and (min-width: 1920px) and (max-resolution:720dpi) {
  .investor {
    top: 24%;
    left: 35%;
    transform: translate(-35%, -24%);
  }

  .trucking-company {
    top: 43%;
    right: 33%;
    transform: translate(-33%, -43%);
  }

  .service-provider {
    top: 68%;
    left: 35%;
    transform: translate(-35%, -68%);
  }

  .owner-driver {
    top: 85%;
    right: 33%;
    transform: translate(-33%, -85%);
  }

  .non_Omn_Drvr {
    top: 94%;
    left: 30%;
    transform: translate(-30%, -94%);
    font-size: 2rem !important;
  }

  .Omn_Drvr {
    top: 87%;
    left: 30%;
    transform: translate(-30%, -87%);
    font-size: 2rem !important;
  }
}

/* 1680 x 1050 [ Desktop/Laptop ] */
@media only screen and (min-width:1680px) and (max-width:1900px) {
  .investor {
    top: 24%;
    left: 35%;
    transform: translate(-35%, -24%);
  }

  .trucking-company {
    top: 43%;
    right: 31%;
    transform: translate(-31%, -43%);
  }

  .service-provider {
    top: 68%;
    left: 35%;
    transform: translate(-35%, -68%);
  }

  .owner-driver {
    top: 85%;
    right: 31%;
    transform: translate(-31%, -85%);
  }

  .non_Omn_Drvr {
    top: 94%;
    left: 30%;
    transform: translate(-30%, -94%);
    font-size: 1.5rem !important;
  }

  .Omn_Drvr {
    top: 87%;
    left: 30%;
    transform: translate(-30%, -87%);
    font-size: 1.5rem !important;
  }
}

.responsive {
  width: 70%;
  height: auto;
}

.bg-infoGraph {
  background-color: #d1d3d4 !important;
}

.thumbnail {
  position: relative;
  display: inline-block;
}