/********************** Top-Container Div***********************/
  
  .challenge-top-container{
    position: relative;
    background-color: #FFE169;
    padding: 4% 4%;
    overflow: show;
  }

  .challenge-banner{
     position: relative;
     width: 100%;
     height: auto;
     text-align: center;
  }
  
  .soccer-dog{
    position: absolute;
    width: 25%;
    height: auto;
    right: 2%;
    top: 18%;
    z-index: 10;
  }

  .challenge-ball{
    position: absolute;
    width: 85%;
    height: auto;
    right: 12%;
    top: 20%;
    z-index: 9;
  }
  
  .challenge-logo{
    width: 60%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  

  /********************** middle-Container Div***********************/

  .middle-challenge-container{
      position: relative;
      width: 100%;
      height: auto;
    

  }

  .mid-challenge-bkg{
      width: 100%;
      height: auto;
  }

    /********************** kkd-challenge-container Div***********************/

  .kid-challenge-container{
    background-color: #6987FF;
    padding: 40px;
    margin: 0 auto;
  }

  .kid-challenge-heading h2{
    color: #FFE169;
    background-color: #6950F7;
    border: 8px solid #FFE169;
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 2% 0 2%;
    text-align: center;
    margin-bottom: 0;
  }


  .kid-card-container{
    padding: 30px;
  }

  .card-header{
    color: #FF8408;
  }

  .card-thumbnail{
    width: 100%;
    height: auto;
  }


 /********************** what-makes Div***********************/

 .what-makes-container{
   position: relative;
   width: 100%;
   height: auto;
 }

 .what-makes-components{
  width: 100%;
  height: auto;
 }

 .what-makes-heading{
   position: absolute;
   width: 100%;
   height: auto;
   padding: 3%;
   top: 0;

 }

 .orange-bkg{
   position: relative;
   width: 100%;
   height: auto;
 }

 .robot-img{
  position: absolute;
  width: 70%;
  height: auto;
  bottom: 0;
  right: 2%;
 }

 .what-makes-heading h2{
  width: 100%;
  color: #6950F7;
  background-color: #FCB65E;
  border: 8px solid #6950F7;
  border-radius: 10px;
  padding: 2% 0 2%;
  text-align: center;
  margin-bottom: 0;
}

.challenge-tip{
  position: absolute;
  width: 28%;
  height: auto;
}

#challenge-tip-1{
  top: 25%;
  left: 3%;
}

#challenge-tip-2{
  top: 25%;
  left: 38%;
}

#challenge-tip-3{
  top: 55%;
  left: 3%;
}

#challenge-tip-4{
  top: 55%;
  left: 38%;
}