*, ::after, ::before {
    box-sizing: border-box;
}

.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;
    max-width: 100%;
}
@media (min-width: 1200px) {
    .container {max-width: 1200px;}
}
@media (min-width: 1400px) {
    .container {max-width: 1400px;}
}


.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));
}
.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);
}

.d-flex {
    display: flex !important;
}
.d-none {
    display: none !important;
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.align-items-center {
    align-items: center !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.text-center {
    text-align: center !important;
}
img {
    max-width: 100%;
    height: auto;
}



@media (max-width: 576px) {
    .row-cols-sm-2>*{
        margin-bottom: 1rem;
    }
}
@media (min-width: 576px) {
    .row-cols-sm-2>*{flex: 0 0 auto;width: 50%;}
    .row-sm-reverse {flex-direction: row-reverse;}
}
@media (max-width: 767px) {
    div[class*="row-cols-md-"] > *:not(:last-of-type) {margin-bottom: 1rem;}
}
@media (min-width: 768px) {
    .row-cols-md-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-md-3>* {flex: 0 0 auto;width: 33.33333333%;}
    .row-cols-md-4>* {flex: 0 0 auto;width: 25%;}
    .row-md-reverse {flex-direction: row-reverse;}
}
@media (max-width: 991px) {
    div[class*="row-cols-lg-"] > *:not(:last-of-type) {margin-bottom: 1rem;}
}
@media (min-width: 992px) {
    .row-cols-lg-2>* {flex: 0 0 auto;width: 50%;}
    .row-cols-lg-3>* {flex: 0 0 auto;width: 33.33333333%;}
    .row-cols-lg-4>* {flex: 0 0 auto;width: 25%;}
    .row-lg-reverse {flex-direction: row-reverse;}
}




.mb-1 {
    margin-bottom: .5rem !important;
}
.mb-2 {
    margin-bottom: 1rem !important;
}
.mb-3 {
    margin-bottom: 1.5rem !important;
}