* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.white-space-nowrap,
.white-space-nowrap>button>span {
    white-space: nowrap !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.float-clear {
    clear: both !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-relative {
    position: relative !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.position-static {
    position: static !important;
}

.position-absolute {
    position: absolute !important;
}

/* .active {
    display: block !important;
} */

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.cursor-pointer {
    cursor: pointer;
}

.filter-color-white {
    filter: brightness(0) invert(1);
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

details summary {
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

ul,
ol,
ul>li,
ol>li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.list-padding {
    list-style-type: disc;
    padding-left: 32px;
}

ul.list-padding>li {
    list-style-type: disc;
    padding-left: 6px;
}



ol.list-padding {
    list-style-type: decimal;
    padding-left: 32px;
}

ol.list-padding>li {
    list-style-type: decimal;
    padding-left: 6px;

}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=password],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
input[type="file"]::file-selector-button,
select {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    color: var(--wp--preset--color--text-white) !important;
    background-color: var(--wp--preset--color--base) !important;
    font-size: var(--wp--preset--font-size--regular) !important;
    border: 1px solid var(--wp--preset--color--border) !important;
    font-family: var(--wp--preset--font-family--roboto) !important;
}

textarea {
    min-height: 150px !important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

*:focus {
    outline: none !important;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type="checkbox"] {
    background: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}

input[type="checkbox"]:checked {
    background: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
    border: 1px solid var(--wp--preset--color--border) !important;
}

input:focus,
textarea:focus {
    border-color: var(--wp--preset--color--primary) !important;
}

.card {
    background: var(--wp--preset--color--secondary-background);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(29, 33, 41, 0.06);
    ;
    border: 1px solid var(--border);
    padding: 20px
}

.glass {
    background-color: rgba(15, 157, 88, 0.08);
}