.d-flex{
    display: flex;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.d-flex-inline{
    display: inline-flex;
}
.align-items-center{
    align-items: center;
}
.align-items-start{
    align-items: flex-start;
}
.align-items-end{
    align-items: flex-end;
}
.justify-items-start{
    justify-content: flex-start;
}
.justify-items-center{
    justify-content: center;
}
.justify-items-end{
    justify-content: flex-end;
}
.justify-items-between{
    justify-content: space-between;
}
.flex-wrap {
    flex-wrap: wrap;
}
.g-5{
    gap: 0.3125rem;
}
.g-8{
    gap: .5rem;
}
.g-10{
    gap:0.625rem;
}
.g-12{
    gap:.75rem;
}
.g-16{
    gap: 1rem;
}
.g-18{
    gap: 1.125rem;
}
.g-20{
    gap: 1.25rem;
}
.g-24{
    gap: 1.5rem;
}
.g-34{
    gap: 2.125rem;
}
.mb-0{
    margin-bottom: 0px !important;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.line-separator{
    border-top: .0313rem solid var(--line-separator);
    width: 100%;
    opacity: 0.4;
}
.uppercase-text{
    text-transform: uppercase !important;
}
.py-10{
    padding-block: 10px;
}
.py-20{
    padding-block: 20px;
}
.pl-24{
    padding-left: 24px;
}
.pr-16{
    padding-right: 16px;
}
.bank-card-detail{
    background-color: var(--secondary-card-bg);
    border-radius: 8px 8px 0 0;
}
.bank-card-file{
    border-radius: 0 0 8px 8px;
    border:1px #171717 solid;
}

.h_100{
    height: 100%;
}