/* FONTS
* Headings: Poppins
* Body: Inter
**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
h1, h2, h3, h4, h5, h6, .text-l, .text-lg, .text-xl, .text-2xl, .text-3xl, .text-4xl, .text-5xl, .text-6xl, .text-7xl, .text-8xl, .text-9xl, .text-10xl {
    font-family: 'Poppins', sans-serif;
}
p, a, span, label, input, button, select, option, textarea, .text-center, .text-left, .text-sm, .font-semibold, .text-base, .text-xs, .font-medium, .font-normal {
    font-family: 'Inter', sans-serif;
}

/* COLORS */

.border-indigo-500, .hover\:bg-indigo-600:hover {
    border-color: rgb(130, 91, 220);  
}

.border-cool-gray-200 {
    border-color: #e1d8d1;
}

.bg-gray-300{
    background-color: #adb7e7;
}
.bg-gray-200 {
    background-color: rgb(240 240 240);
}
.bg-gray-100, .hover\:bg-gray-100:hover{
    background-color: #f4ebe3;
}

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

.text-gray-600 {
    color: rgb(15, 2, 50);
}

.bg-indigo-500 {
    background-color: rgb(130, 91, 220);
}

.bg-indigo-600, .hover\:bg-indigo-600:hover {
    background-color: rgb(106, 71, 188);  
}

.custom-text-white {
    color: #fff;
}

.custom-text-blue {
    color: rgb(15, 2, 50);
}

/*CUSTOMIZER CSS*/
.custom-bg-black {
    background-color: black;
}

.custom-bg-blue {
    background-color: rgb(15, 2, 50);
}

.custom-bg-white {
    background-color: #fff;
}

/* MARGIN */
.custom-mb-1 {
    margin-bottom: 4px;
}
.custom-mb-2 {
    margin-bottom: 8px;
}
.custom-mb-3 {
    margin-bottom: 12px;
}
.custom-mb-4 {
    margin-bottom: 16px;
}
.custom-mb-5 {
    margin-bottom: 20px;
}

.custom-mt-1 {
    margin-top: 4px;
}
.custom-mt-2 {
    margin-top: 8px;
}
.custom-mt-3 {
    margin-top: 12px;
}
.custom-mt-4 {
    margin-top: 16px;
}
.custom-mt-5 {
    margin-top: 20px;
}

.custom-ml-1 {
    margin-left: 4px;
}
.custom-ml-2 {
    margin-left: 8px;
}
.custom-ml-3 {
    margin-left: 12px;
}
.custom-ml-4 {
    margin-left: 16px;
}
.custom-ml-5 {
    margin-left: 20px;
}

.custom-mr-1 {
    margin-right: 4px;
}
.custom-mr-2 {
    margin-right: 8px;
}
.custom-mr-3 {
    margin-right: 12px;
}
.custom-mr-4 {
    margin-right: 16px;
}
.custom-mr-5 {
    margin-right: 20px;
}

.bg-primary {
    background-color: #0f0532;
}

.bg-secondary-seashell {
    background-color: #FFF5ED;
}