@media screen and (min-width: 1351px){

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

  /* Top left text */
  .top-left-1 {
    position: absolute;
    top: 1rem;
    left: 3.438rem;
    font-size: 3rem;
    font-weight: 600;
    width: 30%;
  }

  .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: 19.75rem;
    left: 8.5rem;
    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: 23.438rem;
    left: 4.375rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .bottom-left-3 {
    position: absolute;
    top: 25.313rem;
    left: 6.25rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

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

  .bottom-center-1 {
    position: absolute;
    top: 19.75rem;
    left: 21.875rem;
    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: 23.438rem;
    left: 20.313rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .bottom-center-3 {
    position: absolute;
    top: 25.313rem;
    left: 19.313rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

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

  .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;
  }

  .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: 1rem;
  left: 2.813rem;
  font-size: 2rem;
  font-weight: 600;
  width: 30%;
}

.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: 9rem;
  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: 5.5rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.bottom-left-3 {
  position: absolute;
  top: 22.813rem;
  left: 6.825rem;
  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.65rem;
  display: inline-block; /* Or block, depending on layout */
}

.bottom-center-1 {
  position: absolute;
  top: 17.875rem;
  left:18.838rem;
  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-center-3 {
  position: absolute;
  top: 22.813rem;
  left: 16.388rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.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 */
}

.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;
}

.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;
    width: 30%;
  }

  .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: 2.2rem;
    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: 1.2rem;
    font-size: 0.4rem;
    font-weight: 400;
  }

  .bottom-left-3 {
    position: absolute;
    top: 6.5rem;
    left: 1.8rem;
    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 */
  }

  .bottom-center-1 {
    position: absolute;
    top: 5.3rem;
    left:5.2rem;
    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: 6rem;
    left: 4.8rem;
    font-size: 0.4rem;
    font-weight: 400;
  }

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

  .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 */
  }

  .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;
  }

  .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;
  }
}