@keyframes pulsate {
    0% {
      box-shadow: 0 0 0 0 rgba(0, 255, 21, 0.7);
    }
    70% {
      box-shadow: 0 0 0 20px rgba(0, 255, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 255, 255, 0);
    }
  }
  
  .pulsating-border {
    width: 200px;
    height: 100px;
    /* border:  solid #ff0000; */
    animation: pulsate 2s infinite;
  }
  /* ------------------------------------------------------------------- */
 /* ============ dispaly more button--------------- */