.ct-bg-gray-50 {
    background-color: #f9fafb;
}

.ct-bg-gray-100 {
    background-color: #ebeef1;
}

.ct-grid {
    display: grid;
}

.ct-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ct-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ct-modal-custom-width-75 {
    max-width: 75%;
}

.ct-modal-custom-width-90 {
    max-width: 90%;
}

.ct-rm-underline {
    text-decoration: none;
}

.ct-text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
}

.ct-table-no-padding td,
.ct-table-no-padding th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ct-table-padding-1 td,
.ct-table-padding-1 th {
    padding-top: 1 !important;
    padding-bottom: 1 !important;
}

.ct-text-gray-900 {
    --text-opacity: 1;
    color: #0c0f12;
    color: rgba(74, 85, 104, var(--text-opacity));
}

.ct-text-xsm {
    font-size: 0.875rem;
}

.ct-text-shadow {
    text-shadow: 1px 1px #bde8fd;
}

.ct-w-15 {
    width: 15%;
}

@media (min-width: 640px) {
    .sm\:ct-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:ct-min-h-screen {
        min-height: 100vh;
    }

    .sm\:ct-w-50 {
        width: 50% !important;
    }
}

@media (min-width: 970px) {
    .md\:ct-block {
        display: block;
    }

    .md\:ct-hidden {
        display: none;
    }

    .md\:ct-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:ct-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:ct-w-25 {
        width: 25% !important;
    }
}