html {
    scroll-behavior: smooth;
}

:root {
    --darkBlue: #082848;
    --lightBlue: #00abff;
    --navyBlue: #133569;
    --textBlue: #283957;
    --lightGrey: #eaebee;
    --grey: #97abbd;
    --textGreen: #5f9544;
    --textRed: #c93644;
    --bgDashboard: #e7eef8;
    --vibrantGreen: #29DF29;
}

.font_40,
.font_30,
.font_28,
.font_25,
.font_20,
.font_18,
.font_15 {
    color: var(--textBlue);
}

.on_hover:hover {
    cursor: pointer;
}

.white {
    color: white;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}
.text_left {
    text-align: left;
}

.light_blue {
    color: var(--lightBlue);
}

.dark_blue {
    color: var(--darkBlue);
}

.bg_light_blue {
    background-color: var(--lightBlue);
}

.red {
    color: var(--textRed);
}

.bg_red {
    background-color: var(--textRed);
}

.grey {
    color: var(--grey);
}

.green {
    color: var(--textGreen);
}

.d_flex {
    display: flex;
}

.flex_dir_column {
    flex-direction: column;
}

.align_items_center {
    align-items: center;
}

.justify_content_between {
    justify-content: space-between;
}

.justify_content_center {
    justify-content: center;
}

.justify_content_around {
    justify-content: space-around;
}

.font_bold {
    font-weight: bold;
}

.font_600 {
    font-weight: 600;
}

.font_40 {
    font-size: 40px;
    line-height: 45px;
}

.font_38 {
    font-size: 38px;
    line-height: 43px;
}

.font_30 {
    font-size: 30px;
    line-height: 35px;
}

.font_28 {
    font-size: 28px;
    line-height: 33px;
}

.font_25 {
    font-size: 25px;
    line-height: 30px;
}

.font_22 {
    font-size: 22px;
}

.font_20 {
    font-size: 20px;
    line-height: 25px;
}

.font_18 {
    font-size: 18px;
    line-height: 20px;
}

.font_15 {
    font-size: 15px;
    line-height: 20px;
}

.font_10 {
    font-size: 10px;
    line-height: 15px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_35 {
    margin-top: 35px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_5 {
    margin-top: 5px;
}

.mt_0 {
    margin-top: 0;
}

.ml_50 {
    margin-left: 50px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_0 {
    margin-left: 0;
}

.ml_auto {
    margin-left: auto;
}

.mr_50 {
    margin-right: 50px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_0 {
    margin-right: 0;
}

.mr_auto {
    margin-right: auto;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_0 {
    margin-bottom: 0;
}

.p_0 {
    padding: 0px;
}

.d_block {
  display: block;
}

.link-style {
    color: var(--lightBlue);
    white-space: nowrap;
}

@media (max-width: 300px) {

    .card_first,
    .blog_first,
    .exchange-first,
    .transfer_first {
        margin-top: -143px !important;
    }
}