html{
    background-color: #fff;  
}

body{
    background-color: #fff; 
    overflow-x: hidden; /* Hide horizontal scrollbar */  
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    color: #343434;
}

p{
    font-family: 'Rubik', sans-serif;
    font-size: 0.875rem;
    color: #3d3d3d;
}

.font-barlow{
    font-family: 'Barlow', sans-serif;
}

/* label{
    font-family: 'Rubik', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
} */

.bg-light-grey{
    background-color: #ececec;
}

.bg-blue-light{
    background-color: #ecf5ff !important;
}
.bg-purple{
    background-color: #31197e !important;
}

.bg-blue{
    background-color: #2655c7 !important;
}

.bg-pink{
    background-color: #ffd5df;   
}

.btn-blue{
    background-color: #0042e6 !important;
    color: #fff !important;
}

.btn-pink{
    background-color: #ffd5df !important;
    color: #3B3B98 !important;
    font-weight: 500 !important;
}

.btn-green{
    background-color: #07cdb5 !important;
    color: #fff !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
}

.btn-purple{
    background-color: #31197e !important;
    color: #fff !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
}

.btn-red{
    background-color: #fcc7ff !important;
    color: #c544a6 !important;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
}

.form-control {
    background-color: transparent !important;
    color: #fff !important;
    font-family: 'Rubik', sans-serif;
    font-size: 14px !important;
    border: 1px solid #fff !important;
}

select option{
    background-color: #fff;
    color: #3d3d3d;
}

select option:hover{
    background-color: #ffd5df !important;
}

.text-pink{
    color: #ffd5df;
}

.text-green{
    color: #07cdb5;
}

.text-blue{
    color: #1c237f;
}

.text-red{
    color: #e74c3c;
}

.bottom-container{
    position: relative;
    width: 100%;
    height: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    clear: both;
}

/* .bottom-container{
    position: absolute;
    width: 100%;
    height: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    color: #FFD740;
    background-color: #424242;
    clear: both;
} */