.flex{display: flex;}
.flex-jc-between{justify-content: space-between;}
.flex-jc-around{justify-content: space-around;}
.flex-jc-center{justify-content: center;}
.flex-jc-start{justify-content: flex-start;}
.flex-jc-end{justify-content: flex-end;}
.flex-center{align-items: center; justify-content: center}
.flex-start{align-items: flex-start; justify-content: flex-start}
.flex-ai-start{align-items: flex-start;}
.flex-ai-center{align-items: center;}
.flex-end{align-items: flex-end; justify-content: flex-end}
.flex-row{flex-direction: row}
.flex-col{flex-direction: column}
.flex-wrap{flex-wrap: wrap}
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-4{flex: 4;}
.flex-5{flex: 5;}
.flex-6{flex: 6;}
.pl-30{padding-left: 30px;}
.pt-30{padding-top: 30px;}
.p-5{padding: 5px;}
.p-40{padding: 40px;}
.mt-15{margin-top: 15px;}
.m5{margin: 5px;}
.p-15{padding: 15px;}
.ml-10{margin-left: 10px;}
.m-10{margin: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-10{margin-bottom: 10px;}
.mb-5{margin-bottom: 5px;}
.d-none{display: none}
.blur{filter: blur(15px)}
.modalblur{filter: blur(15px)}
.gap10{
    gap: 10px;
}
.gap5{
    gap: 5px;
}