.bg-\[\#5c6bc0\] {
    background-color: #5c6bc0;
}

.bg-\[\#e3f2fd\] {
    background-color: #e3f2fd;
}

.text-\[\#546e7a\] {
    color: #546e7a;
}

.text-\[\#757575\] {
    color: #757575;
}

.text-\[\#3f51b5\] {
    color: #3f51b5;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.flex-column {
    flex-direction: column;
}

.flex-flow-column {
    flex-flow: column;
}

.text-transform-none {
    text-transform: none;
}

.m-\[30px\] {
    margin: 30px;
}

.mt-\[40px\] {
    margin-top: 40px;
}

.mt-\[60px\] {
    margin-top: 60px;
}

.mx-\[30px\] {
    margin-left: 30px;
    margin-right: 30px;
}

.ml-\[-21px\] {
    margin-left: -21px;
}

.ml-\[30px\] {
    margin-left: 30px;
}

.mr-\[8px\] {
    margin-right: 8px;
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}

.text-decoration-none {
    text-decoration: none;
}

.min-w-\[400px\] {
    min-width: 400px;
}

.w-\[80\] {
    width: 80%;
}

.w-\[24px\] {
    width: 24px;
}

.h-\[24px\] {
    height: 24px;
}


.max-w-\[900px\] {
    max-width: 900px;
}

.rounded-\[150px\] {
    border-radius: 150px;
}

@media (min-width: 768px) {

    .md\:w-\[500px\] {
        width: 500px;
    }

    .md\:mt-\[20px\] {
        margin-top: 20px;
    }
}

@media (min-width: 991px) {

    .lg\:mt-\[60px\] {
        margin-top: 60px;
    }

    .lg\:flex-flow-row {
        flex-flow: row;
    }

    .lg\:w-full {
        width: 100%;
    }
}