.placeholder-black::placeholder {
    color: #272b2fa1 !important;
    opacity: 1 !important;
}

.focus\:box-shadow-none {
    box-shadow:inherit !important;
}

.shadow {
    box-shadow: rgb(100 100 111 / 20%) 0px 0px 16px 0px;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.bold {
    font-weight: bold;
}

.text-smaller {
    font-size: 14px;
}

.text-darker {
    color: #333;
}

.text-lighter {
    color: #666;
}

.white-space\:normal {
    white-space: normal;
}

.justify-center {
    justify-content: center !important;    
}

.cursor\:pointer {
    cursor: pointer;
}

.t-0 {
    top: 0 !important;
}

.r-0 {
    right: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mb-1 {
    margin-bottom: 5px !important;
}

.mt-1 {
    margin-top: 5px !important;
}

.w-100 {
    width: 100% !important;
}

.btn-primary {
    background-color: #157DEC;
    border: none;
    padding: 0.7rem;
    color: #fff !important;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}

.btn {
    border: none;
    padding: 0.7rem;
    color: #fff !important;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}

.bg-gradient-primary {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(21,125,236,1) 83%, rgba(0,212,255,1) 100%);
}

.bg-gradient-secondary {
    background: rgb(51,21,236);
    background: linear-gradient(90deg, rgba(51,21,236,1) 11%, rgba(0,212,255,1) 45%, rgba(2,0,36,1) 90%);
}

.bg-gradient-aurora {
    background: rgb(86,34,195);
    background: linear-gradient(0deg, rgba(86,34,195,1) 0%, rgba(45,226,253,1) 100%);
}

.rounded {
    border-radius: 5px;
}

.no-overflow-x {
    overflow-x: hidden;
}

.mw-100 {
    max-width: 100%;
}

.mh-100px {
    max-height: 100px;
}

.mh-150px {
    max-height: 150px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.r-0 {
    right: 0;
}

.b-0 {
    bottom: 0;
}

@media (max-width: 576px) {
    .sm\:no-overflow-x {
        overflow-x: hidden;
    }

    .sm\:p-0 {
        padding: 0 !important;
    }

    .sm\:mb-3 {
        margin-bottom: 1rem !important;
    }

    .sm\:add-mobile-margin {
        margin-top: 18rem;
    }
}