:root{
    --blue: #6EA0D2;
    --blue-dark: #456387;
}

/* Scroll bar */

/* width */
::-webkit-scrollbar {
    width: 4px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #6b7280;
    border-radius: 2px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #1f2937;
  }
#card-element input{
    background-color: #F9FAFB; /* bg-gray-50 */
    border: 1px solid #D1D5DB; /* border-gray-300 */
    color: #111827; /* text-gray-900 */
    border-radius: 0.5rem; /* rounded-lg */
    padding: 0.625rem; /* p-2.5 */
}

#card-element input:focus {
    outline: none;
    border-color: #3B82F6; /* focus:border-blue-500 */
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); /* focus:ring-blue-500 */
}

.elevation-3 {
    box-shadow: none !important;
}

@media (max-width: 768px){
    .main-header{
        display: none !important;
    }
}

.opacity-25{
opacity: 0.25;
}