.cookie_index {
    position: fixed;
    bottom: 0;
    z-index: 900;
    width: 100%;
    background-color: rgb(0 0 0 / 46%);
    padding: 50px;
    color: white;
}

/* Container */
.cookie-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .cookie-container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .cookie-container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .cookie-container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .cookie-container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .cookie-container {
        max-width:1320px
    }
}

/* Row */
.cookie-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.cookie-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

/* Col */
.cookie-col-12 {
    flex: 0 0 auto;
    width: 100%
}

/* Text center */
.cookie-text-center {
    text-align: center!important
}

.cookie-pt-3 {
    padding-top: 1rem!important
}

.cookie-d-inline {
    display: inline!important
}

.cookie-line-height {
    line-height: 24px;
}