.counter{
     background-image: url(../images/appointment_bg.png);
     background-position: bottom;
     background-size: cover;
     background-repeat: no-repeat;
     padding: 50px 0;
     position: relative;
     z-index: 1;
     margin-bottom: 60px;
     &::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0; 
        height: 100%;
        width: 100%;
        background: transparent linear-gradient(90deg, #0a81946c 0%, #11b7d173 100%) 0% 0% no-repeat padding-box;
        z-index: -1;
      }
    .counter_wrapper{
       .counter_wrap{
          text-align: center;
          border: 2px solid white;
          margin: 0 35px;
          padding: 25px 0;
          border-radius: 8px;
           i{
            font-size: 43px;
            color: $white;
            height: 100px;
            width: 100px;
            text-align: center;
            line-height: 100px;
            border: 1px solid white;
            border-radius: 50%;
           }
           h4{
            font-size: 43px;
            color: $white;
            font-weight: 700;
            line-height: 30px;
            padding: 45px 0 15px 0;
           }
           h5{
            font-size: 20px;
            color: $white;
            font-weight: 500;
            line-height: 30px;
           }
       }
    }
}