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

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

  .top-1-1 {
    position: absolute;
    top: 11.75rem;
    left: 16rem;
    font-size: 3.2rem;
    font-weight: 800;
    color: white;  
  }

  .top-1-2 {
    position: absolute;
    top: 14.75rem;
    left: 5rem;
    font-size: 3.2rem;
    font-weight: 800;
    color: white;  
  }


  .bottom-1-1 {
    position: absolute;
    top: 19.75rem;
    left: 13rem;
    font-size: 3rem;
    font-weight: 800;
    color: white;  
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .bottom-1-2 {
    color: white;
    position: absolute;
    top: 23.438rem;
    left: 15rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .vertical-line-1 {
    background: white;
    color: white;
    position: absolute;
    top: 21.25rem;
    left: 24.688rem;
    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-2-1 {
    color: white;
    position: absolute;
    top: 19.75rem;
    left: 28.75rem;
    font-size: 3rem;
    font-weight: 800;
    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-2-2 {
    color: white;
    position: absolute;
    top: 23.438rem;
    left: 26.875rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .bottom-2-3 {
    color: white;
    position: absolute;
    top: 25.313rem;
    left: 26.875rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .vertical-line-2 {
    background: white;
    color: white;
    position: absolute;
    top: 21.25rem;
    left: 37.188rem;
    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-3-1 {
    color: white;
    position: absolute;
    top:19.75rem;
    left: 43.25rem;
    font-size: 3rem;
    font-weight: 800;
    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-3-2 {
    color: white;
    position: absolute;
    top: 23.438rem;
    left: 44.3rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

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

  .vertical-line-3 {
    background: white;
    color: white;
    position: absolute;
    top: 21.25rem;
    left: 59.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-4-1 {
    color: white;
    position: absolute;
    top: 20rem;
    left: 61.5rem;
    font-size: 3rem;
    font-weight: 800;
    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-4-2 {
    color: white;
    position: absolute;
    top: 23.438rem;
    left: 61.5rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .bottom-4-3 {
    color: white;
    position: absolute;
    top:25.313rem;
    left: 61.875rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .vertical-line-4 {
    background: white;
    color: white;
    position: absolute;
    top: 21.25rem;
    left: 71.563rem;
    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-5-1 {
    color: white;
    position: absolute;
    top: 19.75rem;
    left: 75.6rem;
    font-size: 3rem;
    font-weight: 800;
    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-5-2 {
    color: white;
    position: absolute;
    top: 23.438rem;
    left: 74rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .bottom-5-3 {
    color: white;
    position: absolute;
    top: 25.313rem;
    left: 74.15rem;
    font-size: 1.8rem;
    font-weight: 400;
  }

  .value_data_2025 {
    color: white;
    background: white;  
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

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

.top-1-1 {
  position: absolute;
  top: 11.25rem;
  left: 13rem;
  font-size: 2.7rem;
  font-weight: 800;
  color: white;  
}

.top-1-2 {
  position: absolute;
  top: 13.75rem;
  left: 5rem;
  font-size: 2.7rem;
  font-weight: 800;
  color: white;  
}

.bottom-1-1 {
  color: white;
  position: absolute;
  top: 16.75rem;
  left: 8.5rem;
  font-size: 2.5rem;
  font-weight: 800;
  /*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-1-2 {
  color: white;
  position: absolute;
  top: 20.175rem;
  left: 9.9rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.vertical-line-1 {
  background: white;
  color: white;
  position: absolute;
  top: 17.75rem;
  left: 18.688rem;
  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-2-1 {
  color: white;
  position: absolute;
  top: 16.75rem;
  left: 22.7rem;
  font-size: 2.5rem;
  font-weight: 800;
  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-2-2 {
  color: white;
  position: absolute;
  top: 20.175rem;
  left: 20.875rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-2-3 {
  color: white;
  position: absolute;
  top: 22.113rem;
  left: 20.875rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.vertical-line-2 {
  background: white;
  color: white;
  position: absolute;
  top: 17.75rem;
  left: 30.488rem;
  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-3-1 {
  color: white;
  position: absolute;
  top: 16.75rem;
  left: 34.5rem;
  font-size: 2.5rem;
  font-weight: 800;
  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-3-2 {
  color: white;
  position: absolute;
  top: 20.175rem;
  left: 34.875rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-3-3 {
  color: white;
  position: absolute;
  top: 22.113rem;
  left: 34.3rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.vertical-line-3 {
  background: white;
  color: white;
  position: absolute;
  top: 17.75rem;
  left: 47.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-4-1 {
  color: white;
  position: absolute;
  top: 16.75rem;
  left: 51.4rem;
  font-size: 2.5rem;
  font-weight: 800;
  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-4-2 {
  color: white;
  position: absolute;
  top: 20.175rem;
  left: 50.8rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-4-3 {
  color: white;
  position: absolute;
  top:22.313rem;
  left: 53.375rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.vertical-line-4 {
  background: white;
  color: white;
  position: absolute;
  top: 17.75rem;
  left: 62rem;
  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-5-1 {
  color: white;
  position: absolute;
  top: 16.75rem;
  left: 66.5rem;
  font-size: 2.5rem;
  font-weight: 800;
  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-5-2 {
  color: white;
  position: absolute;
  top: 20.175rem;
  left: 64.575rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.bottom-5-3 {
  color: white;
  position: absolute;
  top: 22.313rem;
  left: 64.625rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.value_data_2025 {
  color: white;
  background: white;
  /*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: 350px) and (max-width: 1100px) {
  .banner {
    position: relative;
    text-align: center;
    color: white;
  }

  .top-1-1 {
    position: absolute;
    top: 3.25rem;
    left: 4.3rem;
    font-size: 0.9rem;
    font-weight: 800;
    color: white;  
  }

  .top-1-2 {
    position: absolute;
    top: 4.15rem;
    left: 0.8rem;
    font-size: 0.9rem;
    font-weight: 800;
    color: white;  
  }

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

  .bottom-1-2 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 2.8rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

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

  .bottom-2-1 {
    color: white;
    position: absolute;
    top: 5.5rem;
    left: 7.2rem;
    font-size: 0.8rem;
    font-weight: 800;
    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-2-2 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 6.4rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

  .bottom-2-3 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 7.2rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

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

  .bottom-3-1 {
    color: white;
    position: absolute;
    top: 5.5rem;
    left: 11.3rem;
    font-size: 0.8rem;
    font-weight: 800;
    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-3-2 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 11.1rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

  .bottom-3-3 {
    color: white;
    position: absolute;
    top: 7.2rem;
    left: 11rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

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

  .bottom-4-1 {
    color: white;
    position: absolute;
    top: 5.5rem;
    left: 16.2rem;
    font-size: 0.8rem;
    font-weight: 800;
    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-4-2 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 15.8rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

  .bottom-4-3 {
    color: white;
    position: absolute;
    top: 7.2rem;
    left: 15.7rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

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

  .bottom-5-1 {
    color: white;
    position: absolute;
    top: 5.5rem;
    left: 21.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    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-5-2 {
    color: white;
    position: absolute;
    top: 6.5rem;
    left: 20.7rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

  .bottom-5-3 {
    color: white;
    position: absolute;
    top: 7.2rem;
    left: 20.7rem;
    font-size: 0.7rem;
    font-weight: 400;
  }

  .value_data_2025 {
    background: white;
    /*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;
  }
}