/* Grid System — breakpoints = --bp-sm (640) --bp-md (768) --bp-lg (1024) --bp-xl (1280) --bp-xxl (1536) */
:root { --bs-gutter-x: 30px; }

.container { width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-right: auto; margin-left: auto; }
@media (min-width: 640px) { .container { max-width: var(--container-sm); } }
@media (min-width: 768px) { .container { max-width: var(--container-md); } }
@media (min-width: 1024px) { .container { max-width: var(--container-lg); } }
@media (min-width: 1280px) { .container { max-width: var(--container-xl); } }
@media (min-width: 1536px) { .container { max-width: var(--container-xxl); } }
.container-fluid {width: 100%;padding-right: calc(var(--bs-gutter-x) *2);padding-left: calc(var(--bs-gutter-x) *2);margin-right: auto;margin-left: auto;}
@media (max-width: 767px) { .container-fluid { padding-right: calc(var(--bs-gutter-x) *1);padding-left: calc(var(--bs-gutter-x) *1);} }


.row { display: flex; flex-wrap: wrap; margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); }

/* === FLEXBOX UTILITIES === */
/* Align Items */
.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; }

/* Justify Content */
.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; }

/* Flex Direction */
.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 Wrap */
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.col { flex: 1 0 0%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.333333%; }
.col-2 { flex: 0 0 auto; width: 16.666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.333333%; }
.col-5 { flex: 0 0 auto; width: 41.666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.333333%; }
.col-8 { flex: 0 0 auto; width: 66.666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.333333%; }
.col-11 { flex: 0 0 auto; width: 91.666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

.offset-0 { margin-left: 0; }
.offset-1 { margin-left: 8.333333%; }
.offset-2 { margin-left: 16.666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.333333%; }
.offset-5 { margin-left: 41.666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.333333%; }
.offset-8 { margin-left: 66.666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }

@media (min-width: 640px) {
	.col-sm { flex: 1 0 0%; }
	.col-sm-auto { flex: 0 0 auto; width: auto; }
	.col-sm-1 { flex: 0 0 auto; width: 8.333333%; }
	.col-sm-2 { flex: 0 0 auto; width: 16.666667%; }
	.col-sm-3 { flex: 0 0 auto; width: 25%; }
	.col-sm-4 { flex: 0 0 auto; width: 33.333333%; }
	.col-sm-5 { flex: 0 0 auto; width: 41.666667%; }
	.col-sm-6 { flex: 0 0 auto; width: 50%; }
	.col-sm-7 { flex: 0 0 auto; width: 58.333333%; }
	.col-sm-8 { flex: 0 0 auto; width: 66.666667%; }
	.col-sm-9 { flex: 0 0 auto; width: 75%; }
	.col-sm-10 { flex: 0 0 auto; width: 83.333333%; }
	.col-sm-11 { flex: 0 0 auto; width: 91.666667%; }
	.col-sm-12 { flex: 0 0 auto; width: 100%; }
	.offset-sm-0 { margin-left: 0; }
	.offset-sm-1 { margin-left: 8.333333%; }
	.offset-sm-2 { margin-left: 16.666667%; }
	.offset-sm-3 { margin-left: 25%; }
	.offset-sm-4 { margin-left: 33.333333%; }
	.offset-sm-5 { margin-left: 41.666667%; }
	.offset-sm-6 { margin-left: 50%; }
	.offset-sm-7 { margin-left: 58.333333%; }
	.offset-sm-8 { margin-left: 66.666667%; }
	.offset-sm-9 { margin-left: 75%; }
	.offset-sm-10 { margin-left: 83.333333%; }
	.offset-sm-11 { margin-left: 91.666667%; }
}

@media (min-width: 768px) {
	.col-md { flex: 1 0 0%; }
	.col-md-auto { flex: 0 0 auto; width: auto; }
	.col-md-1 { flex: 0 0 auto; width: 8.333333%; }
	.col-md-2 { flex: 0 0 auto; width: 16.666667%; }
	.col-md-3 { flex: 0 0 auto; width: 25%; }
	.col-md-4 { flex: 0 0 auto; width: 33.333333%; }
	.col-md-5 { flex: 0 0 auto; width: 41.666667%; }
	.col-md-6 { flex: 0 0 auto; width: 50%; }
	.col-md-7 { flex: 0 0 auto; width: 58.333333%; }
	.col-md-8 { flex: 0 0 auto; width: 66.666667%; }
	.col-md-9 { flex: 0 0 auto; width: 75%; }
	.col-md-10 { flex: 0 0 auto; width: 83.333333%; }
	.col-md-11 { flex: 0 0 auto; width: 91.666667%; }
	.col-md-12 { flex: 0 0 auto; width: 100%; }
	.offset-md-0 { margin-left: 0; }
	.offset-md-1 { margin-left: 8.333333%; }
	.offset-md-2 { margin-left: 16.666667%; }
	.offset-md-3 { margin-left: 25%; }
	.offset-md-4 { margin-left: 33.333333%; }
	.offset-md-5 { margin-left: 41.666667%; }
	.offset-md-6 { margin-left: 50%; }
	.offset-md-7 { margin-left: 58.333333%; }
	.offset-md-8 { margin-left: 66.666667%; }
	.offset-md-9 { margin-left: 75%; }
	.offset-md-10 { margin-left: 83.333333%; }
	.offset-md-11 { margin-left: 91.666667%; }
}

@media (min-width: 1024px) {
	.col-lg { flex: 1 0 0%; }
	.col-lg-auto { flex: 0 0 auto; width: auto; }
	.col-lg-1 { flex: 0 0 auto; width: 8.333333%; }
	.col-lg-2 { flex: 0 0 auto; width: 16.666667%; }
	.col-lg-3 { flex: 0 0 auto; width: 25%; }
	.col-lg-4 { flex: 0 0 auto; width: 33.333333%; }
	.col-lg-5 { flex: 0 0 auto; width: 41.666667%; }
	.col-lg-6 { flex: 0 0 auto; width: 50%; }
	.col-lg-7 { flex: 0 0 auto; width: 58.333333%; }
	.col-lg-8 { flex: 0 0 auto; width: 66.666667%; }
	.col-lg-9 { flex: 0 0 auto; width: 75%; }
	.col-lg-10 { flex: 0 0 auto; width: 83.333333%; }
	.col-lg-11 { flex: 0 0 auto; width: 91.666667%; }
	.col-lg-12 { flex: 0 0 auto; width: 100%; }
	.offset-lg-0 { margin-left: 0; }
	.offset-lg-1 { margin-left: 8.333333%; }
	.offset-lg-2 { margin-left: 16.666667%; }
	.offset-lg-3 { margin-left: 25%; }
	.offset-lg-4 { margin-left: 33.333333%; }
	.offset-lg-5 { margin-left: 41.666667%; }
	.offset-lg-6 { margin-left: 50%; }
	.offset-lg-7 { margin-left: 58.333333%; }
	.offset-lg-8 { margin-left: 66.666667%; }
	.offset-lg-9 { margin-left: 75%; }
	.offset-lg-10 { margin-left: 83.333333%; }
	.offset-lg-11 { margin-left: 91.666667%; }
}

@media (min-width: 1280px) {
	.col-xl { flex: 1 0 0%; }
	.col-xl-auto { flex: 0 0 auto; width: auto; }
	.col-xl-1 { flex: 0 0 auto; width: 8.333333%; }
	.col-xl-2 { flex: 0 0 auto; width: 16.666667%; }
	.col-xl-3 { flex: 0 0 auto; width: 25%; }
	.col-xl-4 { flex: 0 0 auto; width: 33.333333%; }
	.col-xl-5 { flex: 0 0 auto; width: 41.666667%; }
	.col-xl-6 { flex: 0 0 auto; width: 50%; }
	.col-xl-7 { flex: 0 0 auto; width: 58.333333%; }
	.col-xl-8 { flex: 0 0 auto; width: 66.666667%; }
	.col-xl-9 { flex: 0 0 auto; width: 75%; }
	.col-xl-10 { flex: 0 0 auto; width: 83.333333%; }
	.col-xl-11 { flex: 0 0 auto; width: 91.666667%; }
	.col-xl-12 { flex: 0 0 auto; width: 100%; }
	.offset-xl-0 { margin-left: 0; }
	.offset-xl-1 { margin-left: 8.333333%; }
	.offset-xl-2 { margin-left: 16.666667%; }
	.offset-xl-3 { margin-left: 25%; }
	.offset-xl-4 { margin-left: 33.333333%; }
	.offset-xl-5 { margin-left: 41.666667%; }
	.offset-xl-6 { margin-left: 50%; }
	.offset-xl-7 { margin-left: 58.333333%; }
	.offset-xl-8 { margin-left: 66.666667%; }
	.offset-xl-9 { margin-left: 75%; }
	.offset-xl-10 { margin-left: 83.333333%; }
	.offset-xl-11 { margin-left: 91.666667%; }
}

@media (min-width: 1536px) {
	.col-xxl { flex: 1 0 0%; }
	.col-xxl-auto { flex: 0 0 auto; width: auto; }
	.col-xxl-1 { flex: 0 0 auto; width: 8.333333%; }
	.col-xxl-2 { flex: 0 0 auto; width: 16.666667%; }
	.col-xxl-3 { flex: 0 0 auto; width: 25%; }
	.col-xxl-4 { flex: 0 0 auto; width: 33.333333%; }
	.col-xxl-5 { flex: 0 0 auto; width: 41.666667%; }
	.col-xxl-6 { flex: 0 0 auto; width: 50%; }
	.col-xxl-7 { flex: 0 0 auto; width: 58.333333%; }
	.col-xxl-8 { flex: 0 0 auto; width: 66.666667%; }
	.col-xxl-9 { flex: 0 0 auto; width: 75%; }
	.col-xxl-10 { flex: 0 0 auto; width: 83.333333%; }
	.col-xxl-11 { flex: 0 0 auto; width: 91.666667%; }
	.col-xxl-12 { flex: 0 0 auto; width: 100%; }
	.offset-xxl-0 { margin-left: 0; }
	.offset-xxl-1 { margin-left: 8.333333%; }
	.offset-xxl-2 { margin-left: 16.666667%; }
	.offset-xxl-3 { margin-left: 25%; }
	.offset-xxl-4 { margin-left: 33.333333%; }
	.offset-xxl-5 { margin-left: 41.666667%; }
	.offset-xxl-6 { margin-left: 50%; }
	.offset-xxl-7 { margin-left: 58.333333%; }
	.offset-xxl-8 { margin-left: 66.666667%; }
	.offset-xxl-9 { margin-left: 75%; }
	.offset-xxl-10 { margin-left: 83.333333%; }
	.offset-xxl-11 { margin-left: 91.666667%; }
}