:root {
  --bg-lp-odd: #F2F2F2 !important;
  --bg-lp-even: #FFFFFF !important;
}

ul, ol{
  padding-inline-start: 40px;
}

#engine{
  padding-bottom: 0px !important;
}
#engineAjax{
  margin-top: 0px !important;
}

#teacher-card .landing-page-row.first-row{
  background-color: #2665AF;
  color: #FFFFFF;
}
#teacher-card .landing-page-row.first-row a{
  color: #FFFFFF;
}

#teacher-card .date-box{
  text-align: center;
  border: 1px solid #707070;
  font-weight: 700;
  color: #23B77B;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
  padding-left: 24px;
}

#teacher-card #categories-table{
  margin: -10px;
}
#teacher-card #categories-table > div{
  padding: 10px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 20%;

  box-sizing: border-box;
}
#teacher-card #categories-table > div > .round-box-ch{
  height: 100%;
  box-sizing: border-box;
}

#teacher-card #contacts-wrapper{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%);
  background: -webkit-linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%);
  background: linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#ffffff",GradientType=1);
}

#teacher-card .chat-phone-buttons{
  max-width: 100%;
  width: 750px;
  margin: auto;
}

#teacher-card #teacher-card-step > div{
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
#teacher-card #teacher-card-step .icon-box{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 89px;
}
#teacher-card #teacher-card-step p{
  max-width: 200px;
  word-break: break-word;
}

#teacher-card #teacher-card-step .circle{
  font-size: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 55px;
  height: 55px;
  background-color: #2665AF;
  color: #FFFFFF;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen
and (max-width: 1300px){
  #teacher-card #teacher-card-step > div{
    flex-grow: 1;
    flex-basis: 100%;
  }
  #teacher-card #teacher-card-step > div + div{
    margin-top: 30px;
  }
  #teacher-card #teacher-card-step p{
    max-width: 100%;
  }
  #teacher-card #teacher-card-step > .arrow-icon-box{
    display: none;
  }
}

@media only screen
and (max-width: 479px){
  #teacher-card #categories-table > div{
    flex-basis: 50%;
  }
}

@media only screen
and (min-width: 480px)
and (max-width:  639px){
  #teacher-card #categories-table > div{
    flex-basis: 33.33%;
  }
}

@media only screen
and (min-width: 640px)
and (max-width:  1000px){
 #teacher-card #categories-table > div{
    flex-basis: 25%;
  }
}