.flex-box{
    display: flex;
    flex-direction: column;
    gap: 2em;
    text-align: center;
}

.p-4{
    padding: 1em;
}
.flex-box-row{
    display: flex;
    width: fit-content;
    gap: 0.8em;
    text-align: center;
    margin-bottom: 1em;
}
.pt-1{
    margin-top: 4em;
}

.rounded-md{
    border-radius: 2em;
}

.icon-size-sm{
    font-size: 0.8em;
}
.text-white{
    color: white;
}

@media (max-width:768px) {
.p-4{
    padding: 1em;
}
    

.flex-box-row{
    display: flex;
    width: fit-content;
    flex-direction: column;
    gap: 0.8em;
    text-align: center;
    margin-bottom: 1em;
}
}