.d-flex {
    display: flex;
}
.wrap {
    flex-wrap: wrap;
}
.just-center {
    justify-content: center;
}
.align-center {
    align-items: center;
}
.text-center {
    text-align: center;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
.gap-20 {
    gap: 20px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.p-10 {
    padding: 10px;
}
.p-15 {
    padding: 15px;
}
.p-20 {     
    padding: 20px;
}
.font-1 {
    font-size: 1rem;
}
.font-1-2 {
    font-size: 1.2rem;
}
.font-1-5 {
    font-size: 1.5rem;
}
.font-2 {
    font-size: 2rem;
}
.font-2-5 {
    font-size: 2.5rem;
}
.font-3 {
    font-size: 3rem;
}
.font-3-5 {
    font-size: 3.5rem;
}
.font-normal {
    font-weight: normal;
}   
.font-bold {
    font-weight: bold;
}
.max-w-22 {
    max-width: 22px;    
}
.max-w-24 {
    max-width: 24px;    
}
.max-w-28 {
    max-width: 28px;    
}
.max-w-32 {
    max-width: 32px;    
}
.max-w-40 {
    max-width: 40px;    
}
.max-w-50 {
    max-width: 50px;
}
.max-w-100 {
    max-width: 100px;
}
.max-w-200 {
    max-width: 200px;
}
.max-w-300 {
    max-width: 300px;
}