.card-color-1 {
    background: linear-gradient(90deg, #083B66 0%, #1868AB 100%);
}

.card-color-2 {
    background: linear-gradient(90deg, #4C96D7 0%, #1761A0 100%);
}

.card-color-3 {
    background: linear-gradient(90deg, #1868AB 0%, #083B66 100%);
}

.card-color-1,
.card-color-2,
.card-color-3 {
    color: #FBFBFC;
}

.ti-card-service {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.arrow-button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1.5rem;
    color: #000;
}

.arrow-button:disabled {
    color: #ccc;
    cursor: not-allowed;
}

h5 {
    padding-top: 0.7rem;
}

.arrow-up::before, 
.arrow-down::before, 
.arrow-middle::before {
    display: inline-block;
    margin-right: 0.2rem;
}

.arrow-up::before, 
.arrow-down::before {
    margin-left: 5rem;
}

.arrow-middle::before {
    margin-left: 4rem;
}

.arrow-up::before {
    content: '↑';
    transform: rotate(45deg);
}

.arrow-down::before {
    content: '↑';
    transform: rotate(135deg);
}

.arrow-middle::before {
    content: '→';
}

.arrow-up {
    color: #99E9A1 !important;
}

.arrow-down {
    color: #FBC0AE !important;
}

.arrow-middle {
    color: #BFC8C0 !important;
}

.from-last-month-text {
    font-size: 0.9rem;
    float: right;
    color: #FFFFFF !important;
}

.d-flex {
    display: flex;
}

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

.home-body {
    color: #343A40 !important;
}