:root {
    --color-primary: #172983;
    --color-secondary: #009ee0;
    --text-body: #8e8e8e;
}

.text-primary {
    color: var(--color-primary);
}
.text-secondary {
    color: var(--color-secondary);
}
.bg-primary {
    background: var(--color-primary);
}
.bg-secondary {
    background: var(--color-secondary);
}
body {
    color: var(--text-body);
    padding: 15px;
    background: #F3F4F9;
}

.btn, btn:hover, btn:focus {
    color: #ffffff !important;
    min-height: 50px !important;
}
.hidden {
    display: none;
}
a:hover {
    text-decoration: none;
}
.card {
   padding: 20px;
    border-radius: 6px;
    border: 1px solid;
    text-align: center;
    border-color: #dcdcdc;
    text-align: -webkit-center;
    flex-grow: 2;
    background: #fff;
}
.flex-container {
    -webkit-flex-wrap: wrap;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
}
.content {
    background-color: transparent;
}