.rounded-xl {
    border-radius: 1.75rem !important; /* 12px */
}

.mt-5 {
    margin-top: 1.25rem !important; /* 20px */
}

.mt-10 {
    margin-top: 2.5rem !important; /* 20px */
}

.text-white {
    color: #ffffff !important; /* White color */
}

.bg-black {
    background-color: #000000 !important; /* Black background */
}

.hidden {
    display: none !important; /* Hide element */
}

.md:hidden {
    display: block !important; /* Show element on medium screens */
}

@media screen and (min-width: 768px) {
    .md\:hidden {
        display: none !important; /* Hide element on medium screens */
    }
}

@media screen and (min-width: 640px) {
    .md-block {
        display: block !important; /* Hide element on small screens */
    }
}

@media screen and (max-width: 640px) {
    .mtext-center {
        text-align: center !important; /* Center text on small screens */
    }
}

.blur {
  filter: blur(8px);
}

.gray {
  filter: grayscale(100%);
}