.hero-two-col .animate {
  visibility: hidden;
}

.hero-two-col .scholarshipsHeaderImage {
  display: grid;
  place-items: center;
}

.hero-two-col .scholarshipsHeaderImage :is(img, svg) {
  grid-area: 1 / 1;
}

.scholarshipsHeaderWrapper {
  display: flex; 
  flex-direction: row; 
  justify-content: space-between; 
  align-items: center; 
}

.scholarshipsHeaderWrapper.align-top {
  align-items: flex-start;
}

.scholarshipsHeaderWrapper.align-bottom {
  align-items: flex-end;
}

.scholarshipsHeaderContent {
  flex-basis: 50%;   
}
.scholarshipsHeaderMobile {
  display: none;
}
.scholarshipsHeaderImage {
  flex-basis: 48%;   
  position: relative;
  overflow: hidden;
}
.scholarshipsHeaderImage img {
  width: 100%;
  z-index: 2;
}
.scholarshipsHeaderImage .bg-accent {
  visibility: hidden;
  z-index: 1;
}
.scholarship__header {
  margin: 0 0 32px 0;
}
.scholarship__header.purple { 
  background: #732982;
}
@media screen and (max-width: 800px){
  .scholarshipsHeaderWrapper{ 
    flex-wrap: wrap;
    text-align: center;
  }
  .scholarshipsHeaderMobile {
    display: block;
  }
  .scholarshipsHeaderContent{
    flex-basis: 100%;   
  }

  .scholarshipsHeaderImage{
    flex-basis: 100%;   
    position: relative; 
  }

  .scholarshipsHeaderContent > div {
    display: none;
  }
}

.orangeDot{
  position: absolute; 
  top: 50%; 
  right: 0px; 
  width: 21px; 
}

.greenDot{
  position: absolute; 
  top: -50px; 
  right: 50%; 
  width: 19px; 
}

.blueDot{
  position: absolute; 
  top: 55%; 
  right: 85%; 
  width: 10px;