h3.intro {
        text-align: center;
        margin: 0px auto 15px !important;
        background: #4b831c;
        height: 50px;
        padding: 1%;
        color: #fff;
        width: 85%;
      }

      h5 span {
        padding: 4px;
      }

      .ht {

        letter-spacing: normal;
        font-weight: bold;
      }

      .main {
        width: 100%;
        min-height: 350px;
        text-align: center;
        position: relative;
        cursor: pointer;
      }

      .practice {
        background-color: #fff;
        padding: 30px;
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 0 20px -15px #4b831c;
        transition: transform 0.6s;
      }

      .practice-logo {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        margin: -90px auto 0;
        background: #fff;
        border: 8px solid #4b831c;
      }

      .practice-logo img {
        width: 70px;
        margin-top: 20px;
        transition: transform 1s;
      }

      .practice h4 {
        height: 35px;
        width: 80%;
        background: #fff;
        margin: auto auto;
        position: relative;
      }

      .practice h4::after {
        content: "";
        width: 40px;
        height: 30px;
        background: rgb(8, 54, 36);
        background: linear-gradient(90deg, rgba(8, 54, 36) 2%, rgba(12, 80, 54) 28%, rgba(129, 199, 5) 96%, rgba(12, 80, 54) 100%);
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: -1;
      }

      .practice h4::before {
        content: "";
        width: 40px;
        height: 30px;
        background: rgb(8, 54, 36);
        background: linear-gradient(90deg, rgba(8, 54, 36) 2%, rgba(12, 80, 54) 28%, rgba(129, 199, 5) 96%, rgba(12, 80, 54) 100%);
        left: -5px;
        bottom: -5px;
        z-index: -1;
      }

      .shadowone {
        height: 200px;
        width: 80%;
        background-color: #fff;
        position: absolute;
        border-radius: 10px;
        bottom: 0;
        left: 10%;
        z-index: -1;
        box-shadow: 0 0 20px -15px #083624;;
        transition: transform 0.6s;
      }

      .shadowtwo {
        height: 200px;
        width: 64%;
        background-color: #fff;
        position: absolute;
        border-radius: 10px;
        bottom: 0;
        left: 18%;
        z-index: -2;
      }

      .main:hover .practice {
        transform: translateY(-50px);
      }

      .main:hover .shadowone {
        transform: translateY(-25px);
      }

      .main:hover img {
        transform: rotate(360deg);
      }