* {
    box-sizing: border-box;
}

html {
    font-size: 13px;
}
.main-bg {
    background-color: #f1f1f1 !important;
}

.dc-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 2rem 2.25rem;
    border-radius: 0.625rem;
    border-color: #eff2f5;
    border-width: 1px;
    background-color: #ffffff;
}

.dc-container-no-board {
    max-width: 1320px;
    margin: 0 auto;
    padding: 2rem 2.25rem;
}

.board {
    padding: 2rem 2.25rem;
    border-radius: 0.625rem;
    border-color: #eff2f5;
    border-width: 1px;
    background-color: #ffffff;
}

.card {
    order: 0;
    box-shadow: rgba(76, 87, 125, 0.02) 0px 0px 20px 0px;
}

.pointer {
    cursor: pointer;
    position: relative;
}

/* display classes */
.d-none {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

h1 {
    font-size: 1.35rem !important;
}