.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
                0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }

  .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -4px rgba(0, 0, 0, 0.1);
  }

  .bg-primary-500 {
    background-color: rgb(59, 130, 246);
  }

  .rounded-full {
    border-radius: 9999px;
  }

  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mt-4 {
    margin-top: 1rem;
  }

   .justify-center {
       justify-content: center;
   }
   .flex {
       display: flex
   ;
   }
  .modal-wrapper {
    position: fixed;
    inset: 0;
    background: rgba(24, 24, 24, 0.62);
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }

  .modal-mobile-close {
    display: none;
  }

  @media (max-width: 768px) {
    .modal-mobile-close {
      display: flex !important;
    }
  }