.header-gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 30.7%, #3F2290 88.22%);
}

.values-gradient {
  background: linear-gradient(180deg, #3F2290 40.19%, #4836B5 85.05%);
  color: white;
  padding-top:10rem;
  padding-bottom:10rem;
}


@media (min-width: 1440px) and (max-width: 1920px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 30.7%, #3F2290 88.22%);
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 25.7%, #3F2290 88.22%);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 20.7%, #3F2290 88.22%);
  }
}

@media (min-width:648px) and (max-width: 768px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 15.7%, #3F2290 88.22%);
  }
}

@media (min-width:448px) and (max-width: 648px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 10.7%, #3F2290 88.22%);
  }
}

@media (max-width: 448px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #2D195F 5.7%, #3F2290 88.22%);
  }
}