

.block_cocoon_custom_html {
    max-width: 1320px;
    margin-right:auto;
    margin-left: 0px;
}
#inst168 .icon {
    font-size: 16px;
    width: 60px;
    height: 16px;
    padding: 0;
    box-sizing: content-box;
    margin-right: .5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
.grades{  
  margin: 15px auto;
  text-align:center;
}

.indGrade {
  box-sizing: border-box;
  padding: 0.1em 2em;
  position: relative;
  transition: transform 0.3s ease;
}

.indGrade p{
  color: #FFF !important;
  font-size:1.6em;
  padding:20px 0;
}

.indGrade a{
  text-decoration:none !important;
  color: #FFF !important;
  display:block;
}

.indGrade:nth-child(1) {background-color: #117ec3; border-radius: 1rem 0 0 1rem;}
.indGrade:nth-child(2) {background-color: #1491e1;}
.indGrade:nth-child(3) {background-color: #2ba1eb;}
.indGrade:nth-child(4) {background-color: #49afef; border-radius: 0 1rem 1rem 0;}
.indGrade:before{position:absolute;}

.indGrade:after{
  position:absolute;
  z-index:1;
  content: '';
  border-style:solid;
  border-width:25px 25px 0 25px;
  right:2em;
  bottom: -25px;
}

.indGrade:nth-child(1):after{border-color:#117ec3 transparent transparent transparent;}
.indGrade:nth-child(2):after{border-color:#1491e1 transparent transparent transparent;}
.indGrade:nth-child(3):after{border-color:#2ba1eb transparent transparent transparent;}
.indGrade:nth-child(4):after{content:none;}
.indGrade:hover{background: #0b6ca9;}
.indGrade:hover:after{border-color:#0b6ca9 transparent transparent transparent;}


/*CLASS LIST DESKTOP VIEWS*/
@media screen and (min-width: 710px) {
  .grades{display:flex;}
  .indGrade{flex:1}
  .indGrade:after{bottom:50%;right:-20px;margin-bottom:-30px;border-width:30px 0 30px 20px;}
  .indGrade:nth-child(1):after{border-color:transparent transparent transparent #117ec3;}
  .indGrade:nth-child(2):after{border-color:transparent transparent transparent #1491e1;}
  .indGrade:nth-child(3):after{border-color:transparent transparent transparent #2ba1eb;}
  .indGrade:hover:after{border-color: transparent transparent transparent #0b6ca9;} 
}