#whatisupbbusiness, #company, #managers, #casestudies, #teammembers{
    display: flex;
    justify-content: space-between;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    gap: 78px;
    margin-top: 200px;
  }
  #casestudies{
      width: 100%;
      margin-left: 0;
      margin-top: 100px;
        padding-top: 100px;
  }
  h2{
    color: #333366;
  }
  #teammembersleft{
      text-align: center;
  }
.imgunderbox{
    display: none;
}
/* what is upb business */

#whatisupbbusinessleft{
    flex: 0 0 50%;
    padding-top: 150px;
}
#whatisupbbusinessright{
    flex: 0 0 45%;
}
#companyleft{
    flex: 0 0 40%;
}
#companyright{
    flex: 0 0 55%;
    padding-top: 150px;

}
#managersleft{
    flex: 0 0 55%;
    padding-top: 150px;

}
#managersright{
    flex: 0 0 40%;
}
#teammembersleft{
    flex: 0 0 40%;
}
#teammembersright{
    flex: 0 0 50%;
}
#signupbutton{
    width:145px;
    height:70px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#casestudiesleft{
    flex: 0 0 50%;
    padding-top: 2rem;
    
}
#casestudiesright{
    flex: 0 0 45%;
    text-align: center;
}
#casestudiesleft h6{
    font-weight: 500;
    font-size: 21px;
    line-height: 32px;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    margin-bottom: 35px;
}

/* COURSES !!!!!!!!!!!!@@@@@@@@@@@@@@@/ */
.coursesbox.aan .coursesboxbottom{
    display: None;
}
.coursesbox.aan .coursesboxtop{
    flex-direction: column;
    border: 0;
}
.coursesbox.aan .coursesboxtop img{
    /* margin: 0 auto; */
    margin: -15px auto 0 auto;
}


.coursesbox.aan{
    /* position: absolute; */
width: 233px;
height: 113px;
background: #D8E0F1;
border-radius: 26px;
border: 0;
}
.coursesbox.aan p{
    font-size: 20px;
    margin-top: 10px;
}
.coursesbox{
    margin: 0 25px 100px 25px;
}
.coursesboxtop{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 2px solid #577BD0;
    width: 403px;
    max-width: 90%;
}
.coursesboxtop p{
    font-weight: 600;
    font-size: 30px;
    /* line-height: 84px; */
    text-align: left;
    letter-spacing: -0.005em;
    color: #577BD0;
    margin-left: 15px;
    margin-top: 40px;
    margin-bottom: 0;
    white-space:nowrap;
}
.coursesboxtop img{
    width: 110px;
    height: 110px;
}
.coursesboxbottom p{
    padding: 40px 50px 0 50px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #535353;
}

#courses{
    margin-top: 200px;
    margin-bottom: 100px;
}
#coursescontainer{
    display: flex;
    flex-wrap: wrap;
}
.coursesbox{
    
    width: 476px;
    height: 485px;
    border: 1px solid #577BD0;
    box-sizing: border-box;
    border-radius: 42px;
}
#testbutton{
    width: 145px;
    height: 36px;
    background-image: url('/images/buttons/sign-up-green-open.png');
    margin: 5px auto 50px auto;
    position: relative;
top: 50%;
transform: translateY(-50%);
    
}
#testbutton:hover, #testbutton:active{
    /* background-image: url('/images/buttons/sign-up-green-closed.png'); */
    background-size:100% 100%;
    cursor: pointer;
}
@media only screen and (max-width: 1600px) {
    #companyright, #managersleft{
        padding-top: 50px;
    }
}
@media only screen and (max-width: 1200px) {

    #whatisupbbusinessleft{
        padding-top: 50px;
    }
    #companyright, #managersleft{
        padding-top: 0;
    }
}
@media only screen and (max-width: 992px) {
    #teammembers, #casestudies {
        height: 100%;
        flex-direction: column;
    }
#managersright{
    display: none;
}
#companyleft img{
    display: none;
}
#whatisupbbusiness{
    flex-direction: column;
}
.imgbox img{
    width: 80%;
}
.imgbox{
    text-align: center;
}
#whatisupbbusiness, #company, #managers, #casestudies, #teammembers{

    margin-top: 100px;
  }
  #whatisupbbusinessright {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }  
  #companyright {
    flex: 0 0 100%;
  }
  #company{
      display: block;
  }
  h2{
      text-align: center;
  }
  #managersleft {
    flex: 0 0 100%;
  }
  #managersright {
    flex: 0 0 100%;
  }
  #teammembersright {
    flex: 0 0 100%;
  }
  #casestudiesleft {
    flex: 0 0 100%;
  }
  #casestudiesright {
    flex: 0 0 100%;
    text-align: center;
  }
  #teammembersleft {
    flex: 0 0 100%;
  }


    #whatisupbbusinessleft, #companyright, #managersleft{
        padding-top: 50px;
    }
    #teammembers{
        margin-top: 0;
    }
    #whatisupbbusinessleft{
        margin-bottom: 50px; 
    }
    #companyright h2, #managersleft h2, #teammembersright h3{
        margin-bottom: 75px;
    }
    #managersleft, #companyright{
        padding-top: 25px; 

    }
    #testbutton {
        margin-top: 75px;
    }
    #casestudies{
        text-align: center;
    }
    #casestudiesleft{

        padding: 3rem 3rem;

    }
}


@media only screen and (max-width: 768px) {

#sixsteps{
    margin: 0 0 0 0 !important;
}
#courses {
    margin-top: 100px;
  }

}

@media only screen and (max-width: 500px) {
    .coursesbox {
        margin: 0 25px 50px 25px;
        max-width: 100%;
        height: 100%;
      }
      #coursescontainer{
          /* height: 620px; */
      }
      .courseboxtoptitle {
        text-align: center !important;
      }
      .coursesbox:hover{
        cursor: pointer;
    }
}
@media only screen and (max-width: 410px) {

    #courses{
        /* display: none; */
    }

}