body{
  position: relative;
}
.bg-custom {
    background-color: #a55a5a;
    color: white;
}

.text-custom {
    color: #743333;
}
.padding-50 {
    padding: 50px;
}
.google-font {
    font-family: "Roboto Slab", sans-serif    !important;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
  }
  .key:hover >i{
    color: red;
  }
  .new_parent{
    position: relative;
  }
  .new_child{
    position: absolute;
    top: 8px;
    left: -1;
    transform: rotate(-45deg);
  }
  .verify{
    /* opacity: 10% !important ; */
    transition: .5s ease-in-out;
    font-size: 15px;
    animation: animate 1s infinite ease-in-out;
  }
  
  @keyframes animate {
    0%{
      opacity: 0%;
    }
    50%{
      opacity: 100%;
    }
    100%{
      opacity: 0%;
    }
  }
  
  .verify:hover{
    opacity: 100% !important ;
    animation: none;
  }
  @media only screen and (max-width: 768px ){
    .special-title{
      font-size: 20px !important;
    }
    .verify{
      font-size: 10px !important;
    }
    
  }
  .course-key>li:hover{
    color: red;
  }
  th,td{
    text-wrap: wrap !important;
  }
  .navbar .navbar-menu-wrapper {
          box-shadow: 20px -2px 20px 7px ;
  }