.herobanner-default-container {
  position: relative;
  height: 600px;
  overflow: hidden;
}

.herobanner-default-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: 75% 50%;
  z-index: 1;
}

.herobanner-default-text-box {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 32px 18px;
  z-index: 2; 
}

.red-dot {
  background-color:#C6D014;
  height:8px;
  width:8px;
  border-radius:50%;
  margin-right:8px;
}

.title-page {
  display:flex;
  flex-direction:row;
  align-items:center;
}

.title-page p {
  margin: 0;
  color: #ffffff;
}

.herobanner-default-text-box h1 {
  margin: 0; 
  margin-top:10px;
  color: #ffffff;
  font-size:38px;
  font-weight:600;
  letter-spacing: -2.35px;
  line-height: 48px;
}

.herobanner-default-text-box h2 {
  font-size:20px;
  color:#ffffff;
  font-weight:400;
  letter-spacing: -0.58px;
  z-index:3;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 75%);
  z-index: 2;
}

.overlay-0 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 0%);
}

.overlay-10 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 10%);
}

.overlay-20 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 20%);
}

.overlay-30 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 30%);
}

.overlay-40 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 40%);
}

.overlay-50 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 50%);
}

.overlay-60 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 60%);
}

.overlay-70 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 70%);
}

.overlay-80 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 80%);
}

.overlay-90 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 90%);
}

.overlay-100 {
  background: linear-gradient(to right, rgba(0, 36, 41, 0.9) 0%, rgba(0, 36, 41, 0) 100%);
}

.title-page a {
 color:#ffffff;
}


@media screen and (min-width:900px) {
  .herobanner-default-text-box h1 {
    font-size:56px;
    max-width:470px;
    margin-bottom:10px;
    line-height:60px;
  }

  .herobanner-default-text-box h2 {
    font-size:24px;
  }
}

@media screen and (min-width:1100px) {
  .herobanner-default-text-box {
    left: 0.5%;
  }

@media screen and (min-width:1200px) {
  .herobanner-default-text-box {
    left: 49%; 
    transform: translateX(-50%); 
    width: 1135px; 
  }
  .herobanner-default-container img {
    object-position: 50% 50%;
  }
}