.banner {
  position: relative;
  text-align: center;
  color: white;
}

/* Top left text */
.top-left-1 {
  position: absolute;
  top: 16px;
  left: 25px;
  font-size: 3rem;
  font-weight: 600;
}

.top-left-2 {
  position: absolute;
  top: 66px;
  left: 25px;
  font-size: 3rem;
  font-weight: 600;
}

.top-left-3 {
  position: absolute;
  top: 116px;
  left: 25px;
  font-size: 3rem;
  font-weight: 600;
}

.bottom-left-1 {
  position: absolute;
  top: 316px;
  left: 4.063rem;
  font-size: 3rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-left-2 {
  position: absolute;
  top: 375px;
  left: 40px;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-left-3 {
  position: absolute;
  top: 405px;
  left: 100px;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-center-1 {
  position: absolute;
  top: 316px;
  left: 345px;
  font-size: 3rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-center-2 {
  position: absolute;
  top: 390px;
  left: 325px;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-right-1 {
  position: absolute;
  top: 316px;
  left: 530px;
  font-size: 3rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-right-2 {
  position: absolute;
  top: 375px;
  left: 500px;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-right-3 {
  position: absolute;
  top: 405px;
  left: 500px;
  font-size: 1.8rem;
  font-weight: 400;
}

.vertical-line-1 {
    position: absolute;
    top: 340px;
    left: 285px;
    border-left: 5px solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 100px;
    display: inline-block; /* Or block, depending on layout */
}

.vertical-line-2 {
    position: absolute;
    top: 340px;
    left: 465px;
    border-left: 5px solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 100px;
    display: inline-block; /* Or block, depending on layout */
}

.value_data_2025 {
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 1100px) and (max-width: 1350px) {
 .banner {
  position: relative;
  text-align: center;
  color: white;
}

/* Top left text */
.top-left-1 {
  position: absolute;
  top: 16px;
  left: 25px;
  font-size: 2rem;
  font-weight: 600;
}

.top-left-2 {
  position: absolute;
  top: 56px;
  left: 25px;
  font-size: 2rem;
  font-weight: 600;
}

.top-left-3 {
  position: absolute;
  top: 96px;
  left: 25px;
  font-size: 2rem;
  font-weight: 600;
}

.bottom-left-1 {
  position: absolute;
  top: 17.875rem;
  left: 4.063rem;
  font-size: 2rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-left-2 {
  position: absolute;
  top: 20.938rem;
  left: 2.5rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.bottom-left-3 {
  position: absolute;
  top: 22.813rem;
  left: 5.625rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.bottom-center-1 {
  position: absolute;
  top: 17.875rem;
  left:18.438rem;
  font-size: 2rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-center-2 {
  position: absolute;
  top: 21.25rem;
  left: 17.188rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.bottom-right-1 {
  position: absolute;
  top: 17.875rem;
  left: 29.375rem;
  font-size: 2rem;
  font-weight: 600;
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bottom-right-2 {
  position: absolute;
  top: 20.938rem;
  left: 27.5rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.bottom-right-3 {
  position: absolute;
  top: 22.813rem;
  left: 27.5rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.vertical-line-1 {
    position: absolute;
    top: 18.75rem;
    left: 14.688rem;
    border-left: 5px solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 6.25rem;
    display: inline-block; /* Or block, depending on layout */
}

.vertical-line-2 {
    position: absolute;
    top: 18.75rem;
    left: 25.313rem;
    border-left: 5px solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 6.25rem;
    display: inline-block; /* Or block, depending on layout */
}

.value_data_2025 {
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
}

@media screen and (min-width: 400px) and (max-width: 1100px) {
    .banner {
      position: relative;
      text-align: center;
      color: white;
  }

  /* Top left text */
  .top-left-1 {
      position: absolute;
      top: 0.625rem;
      left: 0.8rem;
      font-size: 0.5rem;
      font-weight: 600;
  }

  .top-left-2 {
      position: absolute;
      top: 1.25rem;
      left: 0.8rem;
      font-size:0.5rem;
      font-weight: 600;
  }

  .top-left-3 {
      position: absolute;
      top: 1.875rem;
      left: 0.8rem;
      font-size: 0.5rem;
      font-weight: 600;
  }

  .bottom-left-1 {
      position: absolute;
      top: 5.3rem;
      left: 1.3rem;
      font-size: 0.5rem;
      font-weight: 600;
      background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .bottom-left-2 {
      position: absolute;
      top: 6rem;
      left: 0.8rem;
      font-size: 0.4rem;
      font-weight: 400;
  }

  .bottom-left-3 {
      position: absolute;
      top: 6.5rem;
      left: 1.5rem;
      font-size: 0.4rem;
      font-weight: 400;
  }

  .bottom-center-1 {
      position: absolute;
      top: 5.5rem;
      left:5rem;
      font-size: 0.5rem;
      font-weight: 600;
      background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .bottom-center-2 {
      position: absolute;
      top: 6.3rem;
      left: 4.6rem;
      font-size: 0.4rem;
      font-weight: 400;
  }

  .bottom-right-1 {
      position: absolute;
      top: 5.3rem;
      left: 8rem;
      font-size: 0.5rem;
      font-weight: 600;
      background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .bottom-right-2 {
      position: absolute;
      top: 6rem;
      left: 7.5rem;
      font-size: 0.4rem;
      font-weight: 400;
  }

  .bottom-right-3 {
      position: absolute;
      top: 6.5rem;
      left: 7.5rem;
      font-size: 0.4rem;
      font-weight: 400;
  }

  .vertical-line-1 {
    position: absolute;
    top: 5.3rem;
    left: 4rem;
    border-left: 0.125rem solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 2rem;
    display: inline-block; /* Or block, depending on layout */
}

.vertical-line-2 {
    position: absolute;
    top: 5.3rem;
    left: 6.8rem;
    border-left: 0.125rem solid;
    border-image: linear-gradient(to bottom, #CFE7FA, #66BBE3) 1;
    height: 2rem;
    display: inline-block; /* Or block, depending on layout */
}

.value_data_2025 {
  background: linear-gradient(0deg,rgba(102, 187, 227, 1) 0%, rgba(207, 231, 250, 1) 100%);  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
}