.modal {
  overflow-y: auto !important;
}
.bootstrap-scope .autocomplete.select {
  width: 100%;
}
.bootstrap-scope .autocomplete:not(.hide-arrow):not(.is-loading)::after {
  top: 75% !important;
}
.bootstrap-scope #closebtn {
  margin-top: -16px;
}
.bootstrap-scope #close-x {
  font-size: 30px;
}
.bootstrap-scope .block {
  background: none;
  padding: 0px;
}
body.modal-open {
  overflow: hidden;
}
/* end overrides */
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.bootstrap-scope .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.bootstrap-scope .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.bootstrap-scope .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.bootstrap-scope .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.bootstrap-scope .modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.bootstrap-scope .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.bootstrap-scope .modal-header .close {
  margin-top: -2px;
}
.bootstrap-scope .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.bootstrap-scope .modal-body {
  position: relative;
  padding: 15px;
}
.bootstrap-scope .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.bootstrap-scope .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.bootstrap-scope .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.bootstrap-scope .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.bootstrap-scope .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .bootstrap-scope .modal-dialog {
      width: 600px;
      margin: 30px auto;
  }
  .bootstrap-scope .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .bootstrap-scope .modal-sm {
      width: 300px;
  }
}
@media (min-width: 992px) {
  .bootstrap-scope .modal-lg {
      width: 900px;
  }
}

.bootstrap-scope .recharts-legend-wrapper {
  left: 225.926px !important;
  left: 2% !important;
  top: -8% !important
}

.bootstrap-scope .recharts-surface {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-bottom: 15px
}

.bootstrap-scope .recharts-legend-item-text {
  width: 230px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis
}

.bootstrap-scope .recharts-legend-item-text:hover {
  white-space: unset;
  text-overflow: unset
}

.bootstrap-scope .recharts-legend-wrapper {
  position: relative !important
}

.bootstrap-scope .slick-arrow {
  background: #bdbfbb;
  border-radius: 10px
}

.bootstrap-scope .recharts-wrapper {
  height: auto !important;
  margin: auto
}

.bootstrap-scope .recharts-legend-item .recharts-surface {
  margin-bottom: 0;
  position: relative;
  top: 4px
}

.bootstrap-scope .recharts-legend-wrapper .recharts-default-legend .recharts-legend-item {
  display: flex !important;
  align-items: flex-start;
  margin-bottom: 16px
}

#chart_id>h2,
#chart_id_domain>h2 {
  left: -10px
}

.bootstrap-scope .card-shadow {
  box-shadow: 2px 3px 4px #1083ae
}

.bootstrap-scope .emoji.has-skin-variation {
  display: none
}

.bootstrap-scope .right-110 {
  right: 48rem
}

.bootstrap-scope .right-120 {
  right: 62rem
}

.bootstrap-scope .right-130 {
  right: 77rem
}

.bootstrap-scope .right-140 {
  right: 132rem
}

.bootstrap-scope .bottom-chat {
  bottom: 1.65rem
}

.bootstrap-scope .max-w-24 {
  max-width: 24rem
}

.bootstrap-scope .height-100 {
  height: 28rem
}

.bootstrap-scope .font-xsmall {
  font-size: .6rem
}

.bootstrap-scope html {
  tab-size: 4;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

.bootstrap-scope body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

.bootstrap-scope hr {
  height: 0;
  color: inherit
}

.bootstrap-scope abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

.bootstrap-scope b,
.bootstrap-scope strong {
  font-weight: bolder
}

.bootstrap-scope code,
.bootstrap-scope kbd,
.bootstrap-scope pre,
.bootstrap-scope samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em
}

.bootstrap-scope small {
  font-size: 80%
}

.bootstrap-scope sub,
.bootstrap-scope sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

.bootstrap-scope sub {
  bottom: -.25em
}

.bootstrap-scope sup {
  top: -.5em
}

.bootstrap-scope table {
  text-indent: 0;
  border-color: inherit
}

.bootstrap-scope button,
.bootstrap-scope input,
.bootstrap-scope optgroup,
.bootstrap-scope select,
.bootstrap-scope textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

.bootstrap-scope button,
.bootstrap-scope select {
  text-transform: none
}

.bootstrap-scope [type=button],
.bootstrap-scope [type=reset],
.bootstrap-scope [type=submit],
.bootstrap-scope button {
  -webkit-appearance: button
}

.bootstrap-scope ::-moz-focus-inner {
  border-style: none;
  padding: 0
}

.bootstrap-scope :-moz-focusring {
  outline: 1px dotted ButtonText
}

.bootstrap-scope :-moz-ui-invalid {
  box-shadow: none
}

.bootstrap-scope legend {
  padding: 0
}

.bootstrap-scope progress {
  vertical-align: baseline
}

.bootstrap-scope ::-webkit-inner-spin-button,
.bootstrap-scope ::-webkit-outer-spin-button {
  height: auto
}

.bootstrap-scope [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.bootstrap-scope ::-webkit-search-decoration {
  -webkit-appearance: none
}

.bootstrap-scope ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.bootstrap-scope summary {
  display: list-item
}

.bootstrap-scope blockquote,
.bootstrap-scope dd,
.bootstrap-scope dl,
.bootstrap-scope figure,
.bootstrap-scope h1,
.bootstrap-scope h2,
.bootstrap-scope h3,
.bootstrap-scope h4,
.bootstrap-scope h5,
.bootstrap-scope h6,
.bootstrap-scope hr,
.bootstrap-scope p,
.bootstrap-scope pre {
  margin: 0
}

.bootstrap-scope button {
  background-color: transparent;
  background-image: none
}

.bootstrap-scope fieldset,
.bootstrap-scope ol,
.bootstrap-scope ul {
  margin: 0;
  padding: 0
}

.bootstrap-scope ol,
.bootstrap-scope ul {
  list-style: none
}

.bootstrap-scope html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5
}

.bootstrap-scope body {
  font-family: inherit;
  line-height: inherit
}

.bootstrap-scope *,
.bootstrap-scope :after,
.bootstrap-scope :before {
  box-sizing: border-box;
  border: 0 solid
}

.bootstrap-scope hr {
  border-top-width: 1px
}

.bootstrap-scope img {
  border-style: solid
}

.bootstrap-scope textarea {
  resize: vertical
}

.bootstrap-scope input::-webkit-input-placeholder,
.bootstrap-scope textarea::-webkit-input-placeholder {
  color: #9ca3af
}

.bootstrap-scope input:-ms-input-placeholder,
.bootstrap-scope textarea:-ms-input-placeholder {
  color: #9ca3af
}

.bootstrap-scope input::placeholder,
.bootstrap-scope textarea::placeholder {
  color: #9ca3af
}

.bootstrap-scope [role=button],
.bootstrap-scope button {
  cursor: pointer
}

.bootstrap-scope :-moz-focusring {
  outline: auto
}

.bootstrap-scope table {
  border-collapse: collapse
}

.bootstrap-scope h1,
.bootstrap-scope h2,
.bootstrap-scope h3,
.bootstrap-scope h4,
.bootstrap-scope h5,
.bootstrap-scope h6 {
  font-size: inherit;
  font-weight: inherit
}

.bootstrap-scope a {
  color: inherit;
  text-decoration: inherit
}

.bootstrap-scope button,
.bootstrap-scope input,
.bootstrap-scope optgroup,
.bootstrap-scope select,
.bootstrap-scope textarea {
  padding: 0;
  line-height: inherit;
  color: inherit
}

.bootstrap-scope code,
.bootstrap-scope kbd,
.bootstrap-scope pre,
.bootstrap-scope samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.bootstrap-scope audio,
.bootstrap-scope canvas,
.bootstrap-scope embed,
.bootstrap-scope iframe,
.bootstrap-scope img,
.bootstrap-scope object,
.bootstrap-scope svg,
.bootstrap-scope video {
  display: block;
  vertical-align: middle
}

.bootstrap-scope img,
.bootstrap-scope video {
  max-width: 100%;
  height: auto
}

.bootstrap-scope [hidden] {
  display: none
}

.bootstrap-scope *,
.bootstrap-scope :after,
.bootstrap-scope :before {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-shadow: 0 0 transparent;
  --tw-blur: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-brightness: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-contrast: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-grayscale: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-hue-rotate: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-invert: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-saturate: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-sepia: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-drop-shadow: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.bootstrap-scope [multiple],
.bootstrap-scope [type=date],
.bootstrap-scope [type=datetime-local],
.bootstrap-scope [type=email],
.bootstrap-scope [type=month],
.bootstrap-scope [type=number],
.bootstrap-scope [type=password],
.bootstrap-scope [type=search],
.bootstrap-scope [type=tel],
.bootstrap-scope [type=text],
.bootstrap-scope [type=time],
.bootstrap-scope [type=url],
.bootstrap-scope [type=week],
.bootstrap-scope select,
.bootstrap-scope textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 transparent
}

.bootstrap-scope [multiple]:focus,
.bootstrap-scope [type=date]:focus,
.bootstrap-scope [type=datetime-local]:focus,
.bootstrap-scope [type=email]:focus,
.bootstrap-scope [type=month]:focus,
.bootstrap-scope [type=number]:focus,
.bootstrap-scope [type=password]:focus,
.bootstrap-scope [type=search]:focus,
.bootstrap-scope [type=tel]:focus,
.bootstrap-scope [type=text]:focus,
.bootstrap-scope [type=time]:focus,
.bootstrap-scope [type=url]:focus,
.bootstrap-scope [type=week]:focus,
.bootstrap-scope select:focus,
.bootstrap-scope textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb
}

.bootstrap-scope input::-webkit-input-placeholder,
.bootstrap-scope textarea::-webkit-input-placeholder {
  color: #6b7280;
  opacity: 1
}

.bootstrap-scope input:-ms-input-placeholder,
.bootstrap-scope textarea:-ms-input-placeholder {
  color: #6b7280;
  opacity: 1
}

.bootstrap-scope input::placeholder,
.bootstrap-scope textarea::placeholder {
  color: #6b7280;
  opacity: 1
}

.bootstrap-scope ::-webkit-datetime-edit-fields-wrapper {
  padding: 0
}

.bootstrap-scope ::-webkit-date-and-time-value {
  min-height: 1.5em
}

.bootstrap-scope select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}

.bootstrap-scope [multiple] {
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  padding-right: .75rem;
  -webkit-print-color-adjust: unset;
  color-adjust: unset
}

.bootstrap-scope [type=checkbox],
.bootstrap-scope [type=radio] {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 transparent
}

.bootstrap-scope [type=checkbox] {
  border-radius: 0
}

.bootstrap-scope [type=radio] {
  border-radius: 100%
}

.bootstrap-scope [type=checkbox]:focus,
.bootstrap-scope [type=radio]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
          /*!*/
          /*!*/
      );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.bootstrap-scope [type=checkbox]:checked,
.bootstrap-scope [type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

.bootstrap-scope [type=checkbox]:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")
}

.bootstrap-scope [type=radio]:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

.bootstrap-scope [type=checkbox]:checked:focus,
.bootstrap-scope [type=checkbox]:checked:hover,
.bootstrap-scope [type=radio]:checked:focus,
.bootstrap-scope [type=radio]:checked:hover {
  border-color: transparent;
  background-color: currentColor
}

.bootstrap-scope [type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

.bootstrap-scope [type=checkbox]:indeterminate:focus,
.bootstrap-scope [type=checkbox]:indeterminate:hover {
  border-color: transparent;
  background-color: currentColor
}

.bootstrap-scope [type=file] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit
}

.bootstrap-scope [type=file]:focus {
  outline: 1px auto -webkit-focus-ring-color
}

.bootstrap-scope .container {
  width: 100%
}

@media (min-width:375px) {
.bootstrap-scope .container {
      max-width: 375px
  }
}

@media (min-width:640px) {
.bootstrap-scope .container {
      max-width: 640px
  }
}

@media (min-width:768px) {
.bootstrap-scope .container {
      max-width: 768px
  }
}

@media (min-width:1024px) {
.bootstrap-scope .container {
      max-width: 1024px
  }
}

@media (min-width:1280px) {
.bootstrap-scope .container {
      max-width: 1280px
  }
}

@media (min-width:1366px) {
.bootstrap-scope .container {
      max-width: 1366px
  }
}

@media (min-width:1536px) {
.bootstrap-scope .container {
      max-width: 1536px
  }
}

@media (min-width:1920px) {
.bootstrap-scope .container {
      max-width: 1920px
  }
}

.bootstrap-scope .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.bootstrap-scope .pointer-events-none {
  pointer-events: none
}

.bootstrap-scope .pointer-events-auto {
  pointer-events: auto
}

.bootstrap-scope .visible {
  visibility: visible
}

.bootstrap-scope .invisible {
  visibility: hidden
}

.bootstrap-scope .static {
  position: static
}

.bootstrap-scope .fixed {
  position: fixed
}

.bootstrap-scope .absolute {
  position: absolute
}

.bootstrap-scope .relative {
  position: relative
}

.bootstrap-scope .sticky {
  position: sticky
}

.bootstrap-scope .inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.bootstrap-scope .-inset-px {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px
}

.bootstrap-scope .inset-1\/2 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%
}

.bootstrap-scope .inset-x-0 {
  left: 0;
  right: 0
}

.bootstrap-scope .inset-y-0 {
  top: 0;
  bottom: 0
}

.bootstrap-scope .-inset-y-1 {
  top: -.25rem;
  bottom: -.25rem
}

.bootstrap-scope .top-4 {
  top: 1rem
}

.bootstrap-scope .left-4 {
  left: 1rem
}

.bootstrap-scope .top-7 {
  top: 1.75rem
}

.bootstrap-scope .left-0 {
  left: 0
}

.bootstrap-scope .top-1\/2 {
  top: 50%
}

.bootstrap-scope .right-2 {
  right: .5rem
}

.bootstrap-scope .right-3 {
  right: .75rem
}

.bootstrap-scope .right-6 {
  right: 1.5rem
}

.bootstrap-scope .top-3 {
  top: .75rem
}

.bootstrap-scope .bottom-0 {
  bottom: 0
}

.bootstrap-scope .bottom-full {
  bottom: 100%
}

.bootstrap-scope .left-full {
  left: 100%
}

.bootstrap-scope .top-full {
  top: 100%
}

.bootstrap-scope .top-\[-1\.2rem\] {
  top: -1.2rem
}

.bootstrap-scope .-right-1 {
  right: -.25rem
}

.bootstrap-scope .right-0 {
  right: 0
}

.bootstrap-scope .top-0 {
  top: 0
}

.bootstrap-scope .-right-1\.5 {
  right: -.375rem
}

.bootstrap-scope .-bottom-1 {
  bottom: -.25rem
}

.bootstrap-scope .-top-7 {
  top: -1.75rem
}

.bootstrap-scope .-left-4 {
  left: -1rem
}

.bootstrap-scope .top-11 {
  top: 2.75rem
}

.bootstrap-scope .top-9 {
  top: 2.25rem
}

.bootstrap-scope .left-1 {
  left: .25rem
}

.bootstrap-scope .top-0\.5 {
  top: .125rem
}

.bootstrap-scope .top-12 {
  top: 3rem
}

.bootstrap-scope .top-10 {
  top: 2.5rem
}

.bootstrap-scope .right-100 {
  right: 32rem
}

.bootstrap-scope .bottom-1 {
  bottom: .25rem
}

.bootstrap-scope .right-28 {
  right: 7rem
}

.bootstrap-scope .-top-4 {
  top: -1rem
}

.bootstrap-scope .-right-3 {
  right: -.75rem
}

.bootstrap-scope .left-0\.5 {
  left: .125rem
}

.bootstrap-scope .-left-5 {
  left: -1.25rem
}

.bootstrap-scope .top-\[-4px\] {
  top: -4px
}

.bootstrap-scope .-right-4 {
  right: -1rem
}

.bootstrap-scope .-bottom-0 {
  bottom: 0
}

.bootstrap-scope .top-5 {
  top: 1.25rem
}

.bootstrap-scope .-top-2 {
  top: -.5rem
}

.bootstrap-scope .-left-1 {
  left: -.25rem
}

.bootstrap-scope .-right-2\.5 {
  right: -.625rem
}

.bootstrap-scope .-right-2 {
  right: -.5rem
}

.bootstrap-scope .left-12 {
  left: 3rem
}

.bootstrap-scope .left-1\/2 {
  left: 50%
}

.bootstrap-scope .left-6 {
  left: 1.5rem
}

.bootstrap-scope .bottom-2 {
  bottom: .5rem
}

.bootstrap-scope .left-2 {
  left: .5rem
}

.bootstrap-scope .-right-0 {
  right: 0
}

.bootstrap-scope .top-3\.5 {
  top: .875rem
}

.bootstrap-scope .right-4 {
  right: 1rem
}

.bootstrap-scope .-top-5 {
  top: -1.25rem
}

.bootstrap-scope .left-20 {
  left: 5rem
}

.bootstrap-scope .bottom-\[1px\] {
  bottom: 1px
}

.bootstrap-scope .top-\[8rem\] {
  top: 8rem
}

.bootstrap-scope .top-1 {
  top: .25rem
}

.bootstrap-scope .top-2 {
  top: .5rem
}

.bootstrap-scope .right-5 {
  right: 1.25rem
}

.bootstrap-scope .-top-3 {
  top: -.75rem
}

.bootstrap-scope .-right-16 {
  right: -4rem
}

.bootstrap-scope .-left-0\.5 {
  left: -.125rem
}

.bootstrap-scope .-left-0 {
  left: 0
}

.bootstrap-scope .bottom-2\.5 {
  bottom: .625rem
}

.bootstrap-scope .bottom-5 {
  bottom: 1.25rem
}

.bootstrap-scope .-top-12 {
  top: -3rem
}

.bootstrap-scope .top-8 {
  top: 2rem
}

.bootstrap-scope .-left-20 {
  left: -5rem
}

.bootstrap-scope .top-2\/4 {
  top: 50%
}

.bootstrap-scope .-bottom-3 {
  bottom: -.75rem
}

.bootstrap-scope .top-\[50\%\] {
  top: 50%
}

.bootstrap-scope .-top-1 {
  top: -.25rem
}

.bootstrap-scope .-left-1\.5 {
  left: -.375rem
}

.bootstrap-scope .top-\[30\%\] {
  top: 30%
}

.bootstrap-scope .left-\[8\%\] {
  left: 8%
}

.bootstrap-scope .left-\[15\%\] {
  left: 15%
}

.bootstrap-scope .top-\[35\%\] {
  top: 35%
}

.bootstrap-scope .right-\[20\%\] {
  right: 20%
}

.bootstrap-scope .left-\[25\%\] {
  left: 25%
}

.bootstrap-scope .top-\[20\%\] {
  top: 20%
}

.bootstrap-scope .bottom-28 {
  bottom: 7rem
}

.bootstrap-scope .-bottom-20 {
  bottom: -5rem
}

.bootstrap-scope .right-\[25\%\] {
  right: 25%
}

.bootstrap-scope .-bottom-8 {
  bottom: -2rem
}

.bootstrap-scope .left-\[50\%\] {
  left: 50%
}

.bootstrap-scope .right-\[8\%\] {
  right: 8%
}

.bootstrap-scope .-bottom-24 {
  bottom: -6rem
}

.bootstrap-scope .-top-8 {
  top: -2rem
}

.bootstrap-scope .bottom-12 {
  bottom: 3rem
}

.bootstrap-scope .top-\[3\.2rem\] {
  top: 3.2rem
}

.bootstrap-scope .-left-80 {
  left: -20rem
}

.bootstrap-scope .left-60 {
  left: 15rem
}

.bootstrap-scope .left-8 {
  left: 2rem
}

.bootstrap-scope .-left-8 {
  left: -2rem
}

.bootstrap-scope .top-24 {
  top: 6rem
}

.bootstrap-scope .-top-1\.5 {
  top: -.375rem
}

.bootstrap-scope .bottom-10 {
  bottom: 2.5rem
}

.bootstrap-scope .right-7 {
  right: 1.75rem
}

.bootstrap-scope .top-\[-5\.25rem\] {
  top: -5.25rem
}

.bootstrap-scope .left-\[-0\.75rem\] {
  left: -.75rem
}

.bootstrap-scope .left-\[144px\] {
  left: 144px
}

.bootstrap-scope .left-\[290px\] {
  left: 290px
}

.bootstrap-scope .left-\[135px\] {
  left: 135px
}

.bootstrap-scope .left-\[200px\] {
  left: 200px
}

.bootstrap-scope .left-\[-5px\] {
  left: -5px
}

.bootstrap-scope .bottom-\[27px\] {
  bottom: 27px
}

.bootstrap-scope .left-\[122px\] {
  left: 122px
}

.bootstrap-scope .z-50 {
  z-index: 50
}

.bootstrap-scope .z-10 {
  z-index: 10
}

.bootstrap-scope .z-40 {
  z-index: 40
}

.bootstrap-scope .z-0 {
  z-index: 0
}

.bootstrap-scope .z-20 {
  z-index: 20
}

.bootstrap-scope .z-30 {
  z-index: 30
}

.bootstrap-scope .z-\[999\] {
  z-index: 999
}

.bootstrap-scope .z-\[102\] {
  z-index: 102
}

.bootstrap-scope .z-\[11\] {
  z-index: 11
}

.bootstrap-scope .z-\[9\] {
  z-index: 9
}

.bootstrap-scope .z-\[10\] {
  z-index: 10
}

.bootstrap-scope .z-\[9999\] {
  z-index: 9999
}

.bootstrap-scope .order-2 {
  order: 2
}

.bootstrap-scope .order-1 {
  order: 1
}

.bootstrap-scope .order-first {
  order: -9999
}

.bootstrap-scope .order-last {
  order: 9999
}

.bootstrap-scope .order-3 {
  order: 3
}

.bootstrap-scope .col-span-6 {
  grid-column: span 6/span 6
}

.bootstrap-scope .col-span-2 {
  grid-column: span 2/span 2
}

.bootstrap-scope .col-span-10 {
  grid-column: span 10/span 10
}

.bootstrap-scope .col-span-12 {
  grid-column: span 12/span 12
}

.bootstrap-scope .col-span-9 {
  grid-column: span 9/span 9
}

.bootstrap-scope .col-span-3 {
  grid-column: span 3/span 3
}

.bootstrap-scope .col-span-5 {
  grid-column: span 5/span 5
}

.bootstrap-scope .col-span-1 {
  grid-column: span 1/span 1
}

.bootstrap-scope .col-span-8 {
  grid-column: span 8/span 8
}

.bootstrap-scope .col-span-4 {
  grid-column: span 4/span 4
}

.bootstrap-scope .col-span-11 {
  grid-column: span 11/span 11
}

.bootstrap-scope .col-start-2 {
  grid-column-start: 2
}

.bootstrap-scope .float-right {
  float: right
}

.bootstrap-scope .m-auto {
  margin: auto
}

.bootstrap-scope .m-2 {
  margin: .5rem
}

.bootstrap-scope .m-4 {
  margin: 1rem
}

.bootstrap-scope .m-10 {
  margin: 2.5rem
}

.bootstrap-scope .m-1\.5 {
  margin: .375rem
}

.bootstrap-scope .m-1 {
  margin: .25rem
}

.bootstrap-scope .m-5 {
  margin: 1.25rem
}

.bootstrap-scope .-my-2 {
  margin-top: -.5rem;
  margin-bottom: -.5rem
}

.bootstrap-scope .mx-auto {
  margin-left: auto;
  margin-right: auto
}

.bootstrap-scope .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem
}

.bootstrap-scope .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.bootstrap-scope .mx-8 {
  margin-left: 2rem;
  margin-right: 2rem
}

.bootstrap-scope .mx-1 {
  margin-left: .25rem;
  margin-right: .25rem
}

.bootstrap-scope .my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem
}

.bootstrap-scope .my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem
}

.bootstrap-scope .my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.bootstrap-scope .mx-2 {
  margin-left: .5rem;
  margin-right: .5rem
}

.bootstrap-scope .mx-0 {
  margin-left: 0;
  margin-right: 0
}

.bootstrap-scope .my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.bootstrap-scope .my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.bootstrap-scope .mx-3 {
  margin-left: .75rem;
  margin-right: .75rem
}

.bootstrap-scope .-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem
}

.bootstrap-scope .mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem
}

.bootstrap-scope .my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.bootstrap-scope .mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

.bootstrap-scope .-mx-3 {
  margin-left: -.75rem;
  margin-right: -.75rem
}

.bootstrap-scope .-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem
}

.bootstrap-scope .my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.bootstrap-scope .-mx-px {
  margin-left: -1px;
  margin-right: -1px
}

.bootstrap-scope .-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.bootstrap-scope .-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem
}

.bootstrap-scope .-mx-2\.5 {
  margin-left: -.625rem;
  margin-right: -.625rem
}

.bootstrap-scope .my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.bootstrap-scope .mx-2\.5 {
  margin-left: .625rem;
  margin-right: .625rem
}

.bootstrap-scope .mx-1\.5 {
  margin-left: .375rem;
  margin-right: .375rem
}

.bootstrap-scope .-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem
}

.bootstrap-scope .mr-2 {
  margin-right: .5rem
}

.bootstrap-scope .mb-4 {
  margin-bottom: 1rem
}

.bootstrap-scope .mb-0 {
  margin-bottom: 0
}

.bootstrap-scope .mt-0 {
  margin-top: 0
}

.bootstrap-scope .mt-2 {
  margin-top: .5rem
}

.bootstrap-scope .mt-1 {
  margin-top: .25rem
}

.bootstrap-scope .mt-10 {
  margin-top: 2.5rem
}

.bootstrap-scope .mt-3 {
  margin-top: .75rem
}

.bootstrap-scope .mr-4 {
  margin-right: 1rem
}

.bootstrap-scope .mr-3 {
  margin-right: .75rem
}

.bootstrap-scope .ml-1 {
  margin-left: .25rem
}

.bootstrap-scope .ml-auto {
  margin-left: auto
}

.bootstrap-scope .mb-8 {
  margin-bottom: 2rem
}

.bootstrap-scope .mb-1 {
  margin-bottom: .25rem
}

.bootstrap-scope .mt-1\.5 {
  margin-top: .375rem
}

.bootstrap-scope .mt-5 {
  margin-top: 1.25rem
}

.bootstrap-scope .mt-6 {
  margin-top: 1.5rem
}

.bootstrap-scope .mt-8 {
  margin-top: 2rem
}

.bootstrap-scope .mb-3 {
  margin-bottom: .75rem
}

.bootstrap-scope .mb-10 {
  margin-bottom: 2.5rem
}

.bootstrap-scope .ml-16 {
  margin-left: 4rem
}

.bootstrap-scope .mt-4 {
  margin-top: 1rem
}

.bootstrap-scope .mb-2 {
  margin-bottom: .5rem
}

.bootstrap-scope .mt-12 {
  margin-top: 3rem
}

.bootstrap-scope .mb-6 {
  margin-bottom: 1.5rem
}

.bootstrap-scope .mb-5 {
  margin-bottom: 1.25rem
}

.bootstrap-scope .mr-40 {
  margin-right: 10rem
}

.bootstrap-scope .mr-5 {
  margin-right: 1.25rem
}

.bootstrap-scope .mb-12 {
  margin-bottom: 3rem
}

.bootstrap-scope .-mb-px {
  margin-bottom: -1px
}

.bootstrap-scope .ml-2 {
  margin-left: .5rem
}

.bootstrap-scope .mr-1\.5 {
  margin-right: .375rem
}

.bootstrap-scope .mr-1 {
  margin-right: .25rem
}

.bootstrap-scope .mt-0\.5 {
  margin-top: .125rem
}

.bootstrap-scope .ml-3 {
  margin-left: .75rem
}

.bootstrap-scope .ml-4 {
  margin-left: 1rem
}

.bootstrap-scope .ml-1\.5 {
  margin-left: .375rem
}

.bootstrap-scope .mr-auto {
  margin-right: auto
}

.bootstrap-scope .mb-auto {
  margin-bottom: auto
}

.bootstrap-scope .mt-auto {
  margin-top: auto
}

.bootstrap-scope .mr-20 {
  margin-right: 5rem
}

.bootstrap-scope .-ml-1 {
  margin-left: -.25rem
}

.bootstrap-scope .mr-16 {
  margin-right: 4rem
}

.bootstrap-scope .mt-14 {
  margin-top: 3.5rem
}

.bootstrap-scope .ml-8 {
  margin-left: 2rem
}

.bootstrap-scope .ml-2\.5 {
  margin-left: .625rem
}

.bootstrap-scope .mt-\[0\.15rem\] {
  margin-top: .15rem
}

.bootstrap-scope .-ml-48 {
  margin-left: -12rem
}

.bootstrap-scope .mb-2\.5 {
  margin-bottom: .625rem
}

.bootstrap-scope .mr-24 {
  margin-right: 6rem
}

.bootstrap-scope .-mr-2 {
  margin-right: -.5rem
}

.bootstrap-scope .-ml-0\.5 {
  margin-left: -.125rem
}

.bootstrap-scope .-ml-0 {
  margin-left: 0
}

.bootstrap-scope .mr-0 {
  margin-right: 0
}

.bootstrap-scope .ml-0\.5 {
  margin-left: .125rem
}

.bootstrap-scope .ml-0 {
  margin-left: 0
}

.bootstrap-scope .ml-5 {
  margin-left: 1.25rem
}

.bootstrap-scope .-mt-px {
  margin-top: -1px
}

.bootstrap-scope .-mr-px {
  margin-right: -1px
}

.bootstrap-scope .-ml-px {
  margin-left: -1px
}

.bootstrap-scope .mr-0\.5 {
  margin-right: .125rem
}

.bootstrap-scope .mb-0\.5 {
  margin-bottom: .125rem
}

.bootstrap-scope .mr-2\.5 {
  margin-right: .625rem
}

.bootstrap-scope .ml-\[-8px\] {
  margin-left: -8px
}

.bootstrap-scope .mb-20 {
  margin-bottom: 5rem
}

.bootstrap-scope .ml-14 {
  margin-left: 3.5rem
}

.bootstrap-scope .mt-7 {
  margin-top: 1.75rem
}

.bootstrap-scope .-mt-4 {
  margin-top: -1rem
}

.bootstrap-scope .-mb-2 {
  margin-bottom: -.5rem
}

.bootstrap-scope .mt-2\.5 {
  margin-top: .625rem
}

.bootstrap-scope .-mb-1 {
  margin-bottom: -.25rem
}

.bootstrap-scope .-mr-3 {
  margin-right: -.75rem
}

.bootstrap-scope .-mt-7 {
  margin-top: -1.75rem
}

.bootstrap-scope .mb-14 {
  margin-bottom: 3.5rem
}

.bootstrap-scope .-mt-3 {
  margin-top: -.75rem
}

.bootstrap-scope .mt-\[-16px\] {
  margin-top: -16px
}

.bootstrap-scope .-mb-4 {
  margin-bottom: -1rem
}

.bootstrap-scope .-mt-5 {
  margin-top: -1.25rem
}

.bootstrap-scope .mr-8 {
  margin-right: 2rem
}

.bootstrap-scope .ml-\[-8\%\] {
  margin-left: -8%
}

.bootstrap-scope .-mt-8 {
  margin-top: -2rem
}

.bootstrap-scope .-ml-5 {
  margin-left: -1.25rem
}

.bootstrap-scope .-mt-1 {
  margin-top: -.25rem
}

.bootstrap-scope .mt-20 {
  margin-top: 5rem
}

.bootstrap-scope .-mt-2 {
  margin-top: -.5rem
}

.bootstrap-scope .mb-48 {
  margin-bottom: 12rem
}

.bootstrap-scope .ml-6 {
  margin-left: 1.5rem
}

.bootstrap-scope .mt-24 {
  margin-top: 6rem
}

.bootstrap-scope .ml-\[-0\.6rem\] {
  margin-left: -.6rem
}

.bootstrap-scope .-mt-6 {
  margin-top: -1.5rem
}

.bootstrap-scope .-mb-0\.5 {
  margin-bottom: -.125rem
}

.bootstrap-scope .-mb-0 {
  margin-bottom: 0
}

.bootstrap-scope .ml-\[2\.5rem\] {
  margin-left: 2.5rem
}

.bootstrap-scope .block {
  display: block
}

.bootstrap-scope .inline-block {
  display: inline-block
}

.bootstrap-scope .inline {
  display: inline
}

.bootstrap-scope .flex {
  display: flex
}

.bootstrap-scope .inline-flex {
  display: inline-flex
}

.bootstrap-scope .table {
  display: table
}

.bootstrap-scope .grid {
  display: grid
}

.bootstrap-scope .inline-grid {
  display: inline-grid
}

.bootstrap-scope .contents {
  display: contents
}

.bootstrap-scope .hidden {
  display: none
}

.bootstrap-scope .h-12 {
  height: 3rem
}

.bootstrap-scope .h-7 {
  height: 1.75rem
}

.bootstrap-scope .h-auto {
  height: auto
}

.bootstrap-scope .h-10 {
  height: 2.5rem
}

.bootstrap-scope .h-6 {
  height: 1.5rem
}

.bootstrap-scope .h-screen {
  height: 100vh
}

.bootstrap-scope .h-14 {
  height: 3.5rem
}

.bootstrap-scope .h-9 {
  height: 2.25rem
}

.bootstrap-scope .h-5 {
  height: 1.25rem
}

.bootstrap-scope .h-1\/2 {
  height: 50%
}

.bootstrap-scope .h-full {
  height: 100%
}

.bootstrap-scope .h-8 {
  height: 2rem
}

.bootstrap-scope .h-4 {
  height: 1rem
}

.bootstrap-scope .h-1\.5 {
  height: .375rem
}

.bootstrap-scope .h-1 {
  height: .25rem
}

.bootstrap-scope .h-3 {
  height: .75rem
}

.bootstrap-scope .h-72 {
  height: 18rem
}

.bootstrap-scope .h-5\/6 {
  height: 83.333333%
}

.bootstrap-scope .h-20 {
  height: 5rem
}

.bootstrap-scope .h-16 {
  height: 4rem
}

.bootstrap-scope .h-100 {
  height: 28rem
}

.bootstrap-scope .h-\[220px\] {
  height: 220px
}

.bootstrap-scope .h-3\.5 {
  height: .875rem
}

.bootstrap-scope .h-40 {
  height: 10rem
}

.bootstrap-scope .h-2 {
  height: .5rem
}

.bootstrap-scope .h-64 {
  height: 16rem
}

.bootstrap-scope .h-0 {
  height: 0
}

.bootstrap-scope .h-24 {
  height: 6rem
}

.bootstrap-scope .h-0\.5 {
  height: .125rem
}

.bootstrap-scope .h-28 {
  height: 7rem
}

.bootstrap-scope .h-px {
  height: 1px
}

.bootstrap-scope .h-96 {
  height: 24rem
}

.bootstrap-scope .h-56 {
  height: 14rem
}

.bootstrap-scope .h-\[12rem\] {
  height: 12rem
}

.bootstrap-scope .h-44 {
  height: 11rem
}

.bootstrap-scope .h-36 {
  height: 9rem
}

.bootstrap-scope .h-48 {
  height: 12rem
}

.bootstrap-scope .h-32 {
  height: 8rem
}

.bootstrap-scope .h-60 {
  height: 15rem
}

.bootstrap-scope .h-11 {
  height: 2.75rem
}

.bootstrap-scope .h-\[40rem\] {
  height: 40rem
}

.bootstrap-scope .h-80 {
  height: 20rem
}

.bootstrap-scope .h-\[1px\] {
  height: 1px
}

.bootstrap-scope .h-\[calc\(100\%-79px\)\] {
  height: calc(100% - 79px)
}

.bootstrap-scope .h-\[198px\] {
  height: 198px
}

.bootstrap-scope .h-\[228px\] {
  height: 228px
}

.bootstrap-scope .max-h-46 {
  max-height: 46rem
}

.bootstrap-scope .max-h-80percent {
  max-height: 80%
}

.bootstrap-scope .max-h-96 {
  max-height: 24rem
}

.bootstrap-scope .max-h-44 {
  max-height: 11rem
}

.bootstrap-scope .max-h-\[95\%\] {
  max-height: 95%
}

.bootstrap-scope .max-h-\[200px\] {
  max-height: 200px
}

.bootstrap-scope .max-h-0 {
  max-height: 0
}

.bootstrap-scope .max-h-80 {
  max-height: 20rem
}

.bootstrap-scope .max-h-52 {
  max-height: 13rem
}

.bootstrap-scope .max-h-\[700px\] {
  max-height: 700px
}

.bootstrap-scope .max-h-\[0\] {
  max-height: 0
}

.bootstrap-scope .max-h-\[10rem\] {
  max-height: 10rem
}

.bootstrap-scope .min-h-screen {
  min-height: 100vh
}

.bootstrap-scope .min-h-\[24rem\] {
  min-height: 24rem
}

.bootstrap-scope .min-h-full {
  min-height: 100%
}

.bootstrap-scope .min-h-\[12rem\] {
  min-height: 12rem
}

.bootstrap-scope .min-h-0 {
  min-height: 0
}

.bootstrap-scope .min-h-25rem {
  min-height: 25rem
}

.bootstrap-scope .min-h-\[70px\] {
  min-height: 70px
}

.bootstrap-scope .min-h-15rem {
  min-height: 15rem
}

.bootstrap-scope .min-h-\[200px\] {
  min-height: 200px
}

.bootstrap-scope .min-h-5rem {
  min-height: 5rem
}

.bootstrap-scope .min-h-8rem {
  min-height: 8rem
}

.bootstrap-scope .min-h-4rem {
  min-height: 4rem
}

.bootstrap-scope .min-h-\[1\.25rem\] {
  min-height: 1.25rem
}

.bootstrap-scope .min-h-\[4rem\] {
  min-height: 4rem
}

.bootstrap-scope .min-h-\[90vh\] {
  min-height: 90vh
}

.bootstrap-scope .w-full {
  width: 100%
}

.bootstrap-scope .w-card27 {
  width: 27rem
}

.bootstrap-scope .w-16 {
  width: 4rem
}

.bootstrap-scope .w-28 {
  width: 7rem
}

.bootstrap-scope .w-5 {
  width: 1.25rem
}

.bootstrap-scope .w-11\/12 {
  width: 91.666667%
}

.bootstrap-scope .w-10\/12 {
  width: 83.333333%
}

.bootstrap-scope .w-4 {
  width: 1rem
}

.bootstrap-scope .w-56 {
  width: 14rem
}

.bootstrap-scope .w-72 {
  width: 18rem
}

.bootstrap-scope .w-1 {
  width: .25rem
}

.bootstrap-scope .w-6 {
  width: 1.5rem
}

.bootstrap-scope .w-1\/3 {
  width: 33.333333%
}

.bootstrap-scope .w-24 {
  width: 6rem
}

.bootstrap-scope .w-3\/4 {
  width: 75%
}

.bootstrap-scope .w-10 {
  width: 2.5rem
}

.bootstrap-scope .w-7 {
  width: 1.75rem
}

.bootstrap-scope .w-screen {
  width: 100vw
}

.bootstrap-scope .w-14 {
  width: 3.5rem
}

.bootstrap-scope .w-inherit {
  width: inherit
}

.bootstrap-scope .w-auto {
  width: auto
}

.bootstrap-scope .w-8 {
  width: 2rem
}

.bootstrap-scope .w-20 {
  width: 5rem
}

.bootstrap-scope .w-3 {
  width: .75rem
}

.bootstrap-scope .w-12 {
  width: 3rem
}

.bootstrap-scope .w-80 {
  width: 20rem
}

.bootstrap-scope .w-32 {
  width: 8rem
}

.bootstrap-scope .w-0 {
  width: 0
}

.bootstrap-scope .w-1\/2 {
  width: 50%
}

.bootstrap-scope .w-1\.5 {
  width: .375rem
}

.bootstrap-scope .w-9 {
  width: 2.25rem
}

.bootstrap-scope .w-100 {
  width: 32.75rem
}

.bootstrap-scope .w-96 {
  width: 24rem
}

.bootstrap-scope .w-64 {
  width: 16rem
}

.bootstrap-scope .w-2\/4 {
  width: 50%
}

.bootstrap-scope .w-\[70vw\] {
  width: 70vw
}

.bootstrap-scope .w-3\.5 {
  width: .875rem
}

.bootstrap-scope .w-48 {
  width: 12rem
}

.bootstrap-scope .w-11 {
  width: 2.75rem
}

.bootstrap-scope .w-40 {
  width: 10rem
}

.bootstrap-scope .w-4\/5 {
  width: 80%
}

.bootstrap-scope .w-max {
  width: -webkit-max-content;
  width: max-content
}

.bootstrap-scope .w-\[11\.5rem\] {
  width: 11.5rem
}

.bootstrap-scope .w-44 {
  width: 11rem
}

.bootstrap-scope .w-60 {
  width: 15rem
}

.bootstrap-scope .w-\[42rem\] {
  width: 42rem
}

.bootstrap-scope .w-52 {
  width: 13rem
}

.bootstrap-scope .w-2 {
  width: .5rem
}

.bootstrap-scope .w-36 {
  width: 9rem
}

.bootstrap-scope .w-\[50\%\] {
  width: 50%
}

.bootstrap-scope .w-\[30\%\] {
  width: 30%
}

.bootstrap-scope .w-\[26rem\] {
  width: 26rem
}

.bootstrap-scope .w-\[150px\] {
  width: 150px
}

.bootstrap-scope .w-1\/5 {
  width: 20%
}

.bootstrap-scope .w-3\/5 {
  width: 60%
}

.bootstrap-scope .w-\[29\.6rem\] {
  width: 29.6rem
}

.bootstrap-scope .w-2\/3 {
  width: 66.666667%
}

.bootstrap-scope .w-\[55\%\] {
  width: 55%
}

.bootstrap-scope .w-px {
  width: 1px
}

.bootstrap-scope .w-1\/4 {
  width: 25%
}

.bootstrap-scope .w-9\/12 {
  width: 75%
}

.bootstrap-scope .w-4\/6 {
  width: 66.666667%
}

.bootstrap-scope .w-\[5rem\] {
  width: 5rem
}

.bootstrap-scope .w-2\.5 {
  width: .625rem
}

.bootstrap-scope .w-\[271px\] {
  width: 271px
}

.bootstrap-scope .w-\[70\%\] {
  width: 70%
}

.bootstrap-scope .w-84 {
  width: 22rem
}

.bootstrap-scope .w-\[25\%\] {
  width: 25%
}

.bootstrap-scope .w-\[16\%\] {
  width: 16%
}

.bootstrap-scope .w-\[13\%\] {
  width: 13%
}

.bootstrap-scope .w-\[7rem\] {
  width: 7rem
}

.bootstrap-scope .w-card26 {
  width: 26rem
}

.bootstrap-scope .w-\[120px\] {
  width: 120px
}

.bootstrap-scope .w-\[20\%\] {
  width: 20%
}

.bootstrap-scope .w-\[15\%\] {
  width: 15%
}

.bootstrap-scope .min-w-full {
  min-width: 100%
}

.bootstrap-scope .min-w-0 {
  min-width: 0
}

.bootstrap-scope .min-w-\[200px\] {
  min-width: 200px
}

.bootstrap-scope .min-w-\[14rem\] {
  min-width: 14rem
}

.bootstrap-scope .min-w-\[1\.25rem\] {
  min-width: 1.25rem
}

.bootstrap-scope .min-w-\[10rem\] {
  min-width: 10rem
}

.bootstrap-scope .min-w-\[12rem\] {
  min-width: 12rem
}

.bootstrap-scope .min-w-\[30px\] {
  min-width: 30px
}

.bootstrap-scope .min-w-\[1024px\] {
  min-width: 1024px
}

.bootstrap-scope .min-w-\[40\%\] {
  min-width: 40%
}

.bootstrap-scope .min-w-\[300px\] {
  min-width: 300px
}

.bootstrap-scope .min-w-\[120px\] {
  min-width: 120px
}

.bootstrap-scope .max-w-7xl {
  max-width: 80rem
}

.bootstrap-scope .max-w-md {
  max-width: 28rem
}

.bootstrap-scope .max-w-max {
  max-width: -webkit-max-content;
  max-width: max-content
}

.bootstrap-scope .max-w-sm {
  max-width: 24rem
}

.bootstrap-scope .max-w-xs {
  max-width: 20rem
}

.bootstrap-scope .max-w-3xl {
  max-width: 48rem
}

.bootstrap-scope .max-w-lg {
  max-width: 32rem
}

.bootstrap-scope .max-w-xl {
  max-width: 36rem
}

.bootstrap-scope .max-w-5xl {
  max-width: 64rem
}

.bootstrap-scope .max-w-2xl {
  max-width: 42rem
}

.bootstrap-scope .max-w-6xl {
  max-width: 72rem
}

.bootstrap-scope .max-w-\[14rem\] {
  max-width: 14rem
}

.bootstrap-scope .max-w-\[380px\] {
  max-width: 380px
}

.bootstrap-scope .max-w-\[8rem\] {
  max-width: 8rem
}

.bootstrap-scope .flex-1 {
  flex: 1 1 0%
}

.bootstrap-scope .flex-auto {
  flex: 1 1 auto
}

.bootstrap-scope .flex-none {
  flex: none
}

.bootstrap-scope .flex-shrink-0 {
  flex-shrink: 0
}

.bootstrap-scope .flex-shrink {
  flex-shrink: 1
}

.bootstrap-scope .flex-grow {
  flex-grow: 1
}

.bootstrap-scope .table-auto {
  table-layout: auto
}

.bootstrap-scope .table-fixed {
  table-layout: fixed
}

.bootstrap-scope .origin-top-right {
  -webkit-transform-origin: top right;
  transform-origin: top right
}

.bootstrap-scope .-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.bootstrap-scope .-translate-y-1\/2,
.bootstrap-scope .translate-y-1\/3 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-y-1\/3 {
  --tw-translate-y: 33.333333%
}

.bootstrap-scope .-translate-x-2\/3 {
  --tw-translate-x: -66.666667%
}

.bootstrap-scope .-translate-x-2\/3,
.bootstrap-scope .-translate-y-1\/3 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .-translate-y-1\/3 {
  --tw-translate-y: -33.333333%
}

.bootstrap-scope .-translate-x-1\/3 {
  --tw-translate-x: -33.333333%
}

.bootstrap-scope .-translate-x-1\/3,
.bootstrap-scope .translate-y-4 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-y-4 {
  --tw-translate-y: 1rem
}

.bootstrap-scope .translate-y-0 {
  --tw-translate-y: 0px
}

.bootstrap-scope .translate-y-0,
.bootstrap-scope .translate-y-2 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-y-2 {
  --tw-translate-y: 0.5rem
}

.bootstrap-scope .translate-x-5 {
  --tw-translate-x: 1.25rem
}

.bootstrap-scope .translate-x-0,
.bootstrap-scope .translate-x-5 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-x-0 {
  --tw-translate-x: 0px
}

.bootstrap-scope .translate-y-1\/2 {
  --tw-translate-y: 50%
}

.bootstrap-scope .-translate-x-2\/4,
.bootstrap-scope .translate-y-1\/2 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .-translate-x-2\/4 {
  --tw-translate-x: -50%
}

.bootstrap-scope .-translate-y-2\/4 {
  --tw-translate-y: -50%
}

.bootstrap-scope .-translate-y-2\/4,
.bootstrap-scope .translate-y-10 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-y-10 {
  --tw-translate-y: 2.5rem
}

.bootstrap-scope .-translate-y-full {
  --tw-translate-y: -100%
}

.bootstrap-scope .-translate-y-full,
.bootstrap-scope .translate-y-\[-50\%\] {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .translate-y-\[-50\%\] {
  --tw-translate-y: -50%
}

.bootstrap-scope .-translate-x-64 {
  --tw-translate-x: -16rem
}

.bootstrap-scope .-translate-x-64,
.bootstrap-scope .rotate-90 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .rotate-90 {
  --tw-rotate: 90deg
}

.bootstrap-scope .-rotate-90 {
  --tw-rotate: -90deg
}

.bootstrap-scope .-rotate-90,
.bootstrap-scope .rotate-180 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .rotate-180 {
  --tw-rotate: 180deg
}

.bootstrap-scope .rotate-45 {
  --tw-rotate: 45deg
}

.bootstrap-scope .-rotate-45,
.bootstrap-scope .rotate-45 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .-rotate-45 {
  --tw-rotate: -45deg
}

.bootstrap-scope .skew-x-12 {
  --tw-skew-x: 12deg
}

.bootstrap-scope .-skew-x-12,
.bootstrap-scope .skew-x-12 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .-skew-x-12 {
  --tw-skew-x: -12deg
}

.bootstrap-scope .scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95
}

.bootstrap-scope .scale-95,
.bootstrap-scope .scale-100 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}

.bootstrap-scope .scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75
}

.bootstrap-scope .scale-50,
.bootstrap-scope .scale-75 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5
}

.bootstrap-scope .scale-y-100 {
  --tw-scale-y: 1
}

.bootstrap-scope .scale-y-0,
.bootstrap-scope .scale-y-100 {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .scale-y-0 {
  --tw-scale-y: 0
}

.bootstrap-scope .scale-x-\[-1\] {
  --tw-scale-x: -1
}

.bootstrap-scope .scale-x-\[-1\],
.bootstrap-scope .transform {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

@-webkit-keyframes spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes spin {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.bootstrap-scope .animate-spin {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite
}

@-webkit-keyframes bounce {

  0%,
  to {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      animation-timing-function: cubic-bezier(.8, 0, 1, 1)
  }

  50% {
      -webkit-transform: none;
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
      animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }
}

@keyframes bounce {

  0%,
  to {
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      animation-timing-function: cubic-bezier(.8, 0, 1, 1)
  }

  50% {
      -webkit-transform: none;
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
      animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }
}

.bootstrap-scope .animate-bounce {
  -webkit-animation: bounce 1s infinite;
  animation: bounce 1s infinite
}

@-webkit-keyframes ping {

  75%,
  to {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0
  }
}

@keyframes ping {

  75%,
  to {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0
  }
}

.bootstrap-scope .animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
  animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

@-webkit-keyframes animate_tilt {
  0% {
      -webkit-transform: rotateX(-30deg);
      transform: rotateX(-30deg)
  }

  25% {
      -webkit-transform: rotateX(30deg);
      transform: rotateX(30deg)
  }

  50% {
      -webkit-transform: rotateY(-30deg);
      transform: rotateY(-30deg)
  }

  75% {
      -webkit-transform: rotateY(30deg);
      transform: rotateY(30deg)
  }

  to {
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg)
  }
}

@keyframes animate_tilt {
  0% {
      -webkit-transform: rotateX(-30deg);
      transform: rotateX(-30deg)
  }

  25% {
      -webkit-transform: rotateX(30deg);
      transform: rotateX(30deg)
  }

  50% {
      -webkit-transform: rotateY(-30deg);
      transform: rotateY(-30deg)
  }

  75% {
      -webkit-transform: rotateY(30deg);
      transform: rotateY(30deg)
  }

  to {
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg)
  }
}

.bootstrap-scope .animate-animate_tilt {
  -webkit-animation: animate_tilt 34s ease-in-out infinite;
  animation: animate_tilt 34s ease-in-out infinite
}

.bootstrap-scope .animate-ping-fast {
  -webkit-animation: ping 3s cubic-bezier(0, 0, .2, 1) infinite;
  animation: ping 3s cubic-bezier(0, 0, .2, 1) infinite
}

.bootstrap-scope .animate-ping-slow {
  -webkit-animation: ping 5s cubic-bezier(0, 0, .2, 1) infinite;
  animation: ping 5s cubic-bezier(0, 0, .2, 1) infinite
}

@-webkit-keyframes fadeOut {
  0% {
      color: transparent
  }

  to {
      color: #111827
  }
}

@keyframes fadeOut {
  0% {
      color: transparent
  }

  to {
      color: #111827
  }
}

.bootstrap-scope .animate-fade {
  -webkit-animation: fadeOut 1s ease-in-out infinite;
  animation: fadeOut 1s ease-in-out infinite
}

@-webkit-keyframes animate_gradient {
  0% {
      background-position: 0 50%
  }

  50% {
      background-position: 100% 50%
  }

  to {
      background-position: 0%x 50%
  }
}

@keyframes animate_gradient {
  0% {
      background-position: 0 50%
  }

  50% {
      background-position: 100% 50%
  }

  to {
      background-position: 0%x 50%
  }
}

.bootstrap-scope .animate-animate_gradient {
  -webkit-animation: animate_gradient 25s ease-in-out infinite;
  animation: animate_gradient 25s ease-in-out infinite
}

.bootstrap-scope .cursor-pointer {
  cursor: pointer
}

.bootstrap-scope .cursor-default {
  cursor: default
}

.bootstrap-scope .cursor-not-allowed {
  cursor: not-allowed
}

.bootstrap-scope .cursor-text {
  cursor: text
}

.bootstrap-scope .select-none {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.bootstrap-scope .resize {
  resize: both
}

.bootstrap-scope .list-outside {
  list-style-position: outside
}

.bootstrap-scope .list-none {
  list-style-type: none
}

.bootstrap-scope .list-disc {
  list-style-type: disc
}

.bootstrap-scope .appearance-none {
  -webkit-appearance: none;
  appearance: none
}

.bootstrap-scope .grid-flow-row {
  grid-auto-flow: row
}

.bootstrap-scope .grid-flow-col {
  grid-auto-flow: column
}

.bootstrap-scope .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.bootstrap-scope .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr))
}

.bootstrap-scope .grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr))
}

.bootstrap-scope .flex-row {
  flex-direction: row
}

.bootstrap-scope .flex-row-reverse {
  flex-direction: row-reverse
}

.bootstrap-scope .flex-col {
  flex-direction: column
}

.bootstrap-scope .flex-wrap {
  flex-wrap: wrap
}

.bootstrap-scope .place-items-center {
  place-items: center
}

.bootstrap-scope .items-start {
  align-items: flex-start
}

.bootstrap-scope .items-end {
  align-items: flex-end
}

.bootstrap-scope .items-center {
  align-items: center
}

.bootstrap-scope .items-baseline {
  align-items: baseline
}

.bootstrap-scope .justify-start {
  justify-content: flex-start
}

.bootstrap-scope .justify-end {
  justify-content: flex-end
}

.bootstrap-scope .justify-center {
  justify-content: center
}

.bootstrap-scope .justify-between {
  justify-content: space-between
}

.bootstrap-scope .justify-around {
  justify-content: space-around
}

.bootstrap-scope .justify-items-start {
  justify-items: start
}

.bootstrap-scope .gap-2 {
  gap: .5rem
}

.bootstrap-scope .gap-5 {
  gap: 1.25rem
}

.bootstrap-scope .gap-6 {
  gap: 1.5rem
}

.bootstrap-scope .gap-1 {
  gap: .25rem
}

.bootstrap-scope .gap-3 {
  gap: .75rem
}

.bootstrap-scope .gap-10 {
  gap: 2.5rem
}

.bootstrap-scope .gap-4 {
  gap: 1rem
}

.bootstrap-scope .gap-12 {
  gap: 3rem
}

.bootstrap-scope .gap-8 {
  gap: 2rem
}

.bootstrap-scope .gap-1\.5 {
  gap: .375rem
}

.bootstrap-scope .gap-0 {
  gap: 0
}

.bootstrap-scope .gap-x-4 {
  -webkit-column-gap: 1rem;
  column-gap: 1rem
}

.bootstrap-scope .gap-y-1 {
  row-gap: .25rem
}

.bootstrap-scope .gap-y-4 {
  row-gap: 1rem
}

.bootstrap-scope .gap-y-2 {
  row-gap: .5rem
}

.bootstrap-scope .gap-y-6 {
  row-gap: 1.5rem
}

.bootstrap-scope .gap-y-3 {
  row-gap: .75rem
}

.bootstrap-scope .gap-x-6 {
  -webkit-column-gap: 1.5rem;
  column-gap: 1.5rem
}

.bootstrap-scope .gap-x-14 {
  -webkit-column-gap: 3.5rem;
  column-gap: 3.5rem
}

.bootstrap-scope .gap-y-8 {
  row-gap: 2rem
}

.bootstrap-scope .gap-x-8 {
  -webkit-column-gap: 2rem;
  column-gap: 2rem
}

.bootstrap-scope .gap-x-1 {
  -webkit-column-gap: .25rem;
  column-gap: .25rem
}

.bootstrap-scope .gap-x-2 {
  -webkit-column-gap: .5rem;
  column-gap: .5rem
}

.bootstrap-scope .gap-y-5 {
  row-gap: 1.25rem
}

.bootstrap-scope .gap-x-3 {
  -webkit-column-gap: .75rem;
  column-gap: .75rem
}

.bootstrap-scope .gap-x-1\.5 {
  -webkit-column-gap: .375rem;
  column-gap: .375rem
}

.bootstrap-scope .gap-x-2\.5 {
  -webkit-column-gap: .625rem;
  column-gap: .625rem
}

.bootstrap-scope .gap-x-5 {
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem
}

.bootstrap-scope .space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem*var(--tw-space-x-reverse));
  margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem*var(--tw-space-x-reverse));
  margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem*var(--tw-space-x-reverse));
  margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-8>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem*var(--tw-space-x-reverse));
  margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem*var(--tw-space-x-reverse));
  margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem*var(--tw-space-x-reverse));
  margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-0\.5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem*var(--tw-space-x-reverse));
  margin-left: calc(0.125rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-x-0>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px*var(--tw-space-x-reverse));
  margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-14>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3.5rem*var(--tw-space-x-reverse));
  margin-left: calc(3.5rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-0\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-y-0>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-6>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem*var(--tw-space-x-reverse));
  margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .-space-y-px>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-1px*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-1px*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-24>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(6rem*var(--tw-space-x-reverse));
  margin-left: calc(6rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .space-x-12>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem*var(--tw-space-x-reverse));
  margin-left: calc(3rem*(1 - var(--tw-space-x-reverse)))
}

.bootstrap-scope .space-y-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem*var(--tw-space-y-reverse))
}

.bootstrap-scope .divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.bootstrap-scope .divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px*var(--tw-divide-x-reverse));
  border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
}

.bootstrap-scope .divide-solid>:not([hidden])~:not([hidden]) {
  border-style: solid
}

.bootstrap-scope .divide-gray-200>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-gray-50>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-indigo-600>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-primary-violet\/50>:not([hidden])~:not([hidden]) {
  border-color: rgba(0, 143, 187, .5)
}

.bootstrap-scope .divide-gray-500>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-gray-300>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-gray-600>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-divide-opacity))
}

.bootstrap-scope .divide-primary-violet>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-divide-opacity))
}

.bootstrap-scope .self-end {
  align-self: flex-end
}

.bootstrap-scope .overflow-auto {
  overflow: auto
}

.bootstrap-scope .overflow-hidden {
  overflow: hidden
}

.bootstrap-scope .overflow-x-auto {
  overflow-x: auto
}

.bootstrap-scope .overflow-y-auto {
  overflow-y: auto
}

.bootstrap-scope .overflow-x-hidden {
  overflow-x: hidden
}

.bootstrap-scope .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.bootstrap-scope .whitespace-normal {
  white-space: normal
}

.bootstrap-scope .whitespace-nowrap {
  white-space: nowrap
}

.bootstrap-scope .whitespace-pre {
  white-space: pre
}

.bootstrap-scope .whitespace-pre-line {
  white-space: pre-line
}

.bootstrap-scope .break-normal {
  overflow-wrap: normal;
  word-break: normal
}

.bootstrap-scope .break-words {
  overflow-wrap: break-word
}

.bootstrap-scope .break-all {
  word-break: break-all
}

.bootstrap-scope .rounded-lg {
  border-radius: .5rem
}

.bootstrap-scope .rounded-sm {
  border-radius: .125rem
}

.bootstrap-scope .rounded-md {
  border-radius: .375rem
}

.bootstrap-scope .rounded-full {
  border-radius: 9999px
}

.bootstrap-scope .rounded {
  border-radius: .25rem
}

.bootstrap-scope .rounded-3xl {
  border-radius: 1.5rem
}

.bootstrap-scope .rounded-xl {
  border-radius: .75rem
}

.bootstrap-scope .rounded-2xl {
  border-radius: 1rem
}

.bootstrap-scope .rounded-t-md {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.bootstrap-scope .rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

.bootstrap-scope .rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem
}

.bootstrap-scope .rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem
}

.bootstrap-scope .rounded-l-md {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.bootstrap-scope .rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem
}

.bootstrap-scope .rounded-r-md {
  border-top-right-radius: .375rem
}

.bootstrap-scope .rounded-b-md,
.bootstrap-scope .rounded-r-md {
  border-bottom-right-radius: .375rem
}

.bootstrap-scope .rounded-b-md {
  border-bottom-left-radius: .375rem
}

.bootstrap-scope .rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.bootstrap-scope .rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem
}

.bootstrap-scope .rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem
}

.bootstrap-scope .rounded-bl-none {
  border-bottom-left-radius: 0
}

.bootstrap-scope .rounded-tl-lg {
  border-top-left-radius: .5rem
}

.bootstrap-scope .rounded-br-none {
  border-bottom-right-radius: 0
}

.bootstrap-scope .rounded-tl {
  border-top-left-radius: .25rem
}

.bootstrap-scope .rounded-tr {
  border-top-right-radius: .25rem
}

.bootstrap-scope .rounded-bl-lg {
  border-bottom-left-radius: .5rem
}

.bootstrap-scope .rounded-br-lg {
  border-bottom-right-radius: .5rem
}

.bootstrap-scope .rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem
}

.bootstrap-scope .rounded-tr-md {
  border-top-right-radius: .375rem
}

.bootstrap-scope .rounded-br-md {
  border-bottom-right-radius: .375rem
}

.bootstrap-scope .rounded-bl-md {
  border-bottom-left-radius: .375rem
}

.bootstrap-scope .rounded-tl-none {
  border-top-left-radius: 0
}

.bootstrap-scope .rounded-tr-none {
  border-top-right-radius: 0
}

.bootstrap-scope .rounded-tr-lg {
  border-top-right-radius: .5rem
}

.bootstrap-scope .border {
  border-width: 1px
}

.bootstrap-scope .border-4 {
  border-width: 4px
}

.bootstrap-scope .border-2 {
  border-width: 2px
}

.bootstrap-scope .border-0 {
  border-width: 0
}

.bootstrap-scope .border-8 {
  border-width: 8px
}

.bootstrap-scope .border-\[3px\] {
  border-width: 3px
}

.bootstrap-scope .border-t {
  border-top-width: 1px
}

.bootstrap-scope .border-b {
  border-bottom-width: 1px
}

.bootstrap-scope .border-b-4 {
  border-bottom-width: 4px
}

.bootstrap-scope .border-l {
  border-left-width: 1px
}

.bootstrap-scope .border-t-8 {
  border-top-width: 8px
}

.bootstrap-scope .border-b-2 {
  border-bottom-width: 2px
}

.bootstrap-scope .border-t-2 {
  border-top-width: 2px
}

.bootstrap-scope .border-r {
  border-right-width: 1px
}

.bootstrap-scope .border-r-2 {
  border-right-width: 2px
}

.bootstrap-scope .border-r-0 {
  border-right-width: 0
}

.bootstrap-scope .border-b-0 {
  border-bottom-width: 0
}

.bootstrap-scope .border-r-4 {
  border-right-width: 4px
}

.bootstrap-scope .border-l-4 {
  border-left-width: 4px
}

.bootstrap-scope .border-l-0 {
  border-left-width: 0
}

.bootstrap-scope .border-t-\[3px\] {
  border-top-width: 3px
}

.bootstrap-scope .border-l-2 {
  border-left-width: 2px
}

.bootstrap-scope .border-l-\[10px\] {
  border-left-width: 10px
}

.bootstrap-scope .border-solid {
  border-style: solid
}

.bootstrap-scope .border-dashed {
  border-style: dashed
}

.bootstrap-scope .border-primary-green {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .border-primary-purple {
  --tw-border-opacity: 1;
  border-color: rgba(154, 39, 131, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgba(249, 250, 251, var(--tw-border-opacity))
}

.bootstrap-scope .border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.bootstrap-scope .border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(191, 219, 254, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.bootstrap-scope .border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgba(248, 113, 113, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.bootstrap-scope .border-transparent {
  border-color: transparent
}

.bootstrap-scope .border-\[\#4285F4\] {
  --tw-border-opacity: 1;
  border-color: rgba(66, 133, 244, var(--tw-border-opacity))
}

.bootstrap-scope .border-clever-blue {
  --tw-border-opacity: 1;
  border-color: rgba(67, 108, 242, var(--tw-border-opacity))
}

.bootstrap-scope .border-class-teal {
  --tw-border-opacity: 1;
  border-color: rgba(53, 171, 205, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#E6252A\] {
  --tw-border-opacity: 1;
  border-color: rgba(230, 37, 42, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.bootstrap-scope .border-primary-violet {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.bootstrap-scope .border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#e3178d\] {
  --tw-border-opacity: 1;
  border-color: rgba(227, 23, 141, var(--tw-border-opacity))
}

.bootstrap-scope .border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgba(96, 165, 250, var(--tw-border-opacity))
}

.bootstrap-scope .border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.bootstrap-scope .border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.bootstrap-scope .border-secondary-teal {
  --tw-border-opacity: 1;
  border-color: rgba(153, 40, 131, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#dee9f1\] {
  --tw-border-opacity: 1;
  border-color: rgba(222, 233, 241, var(--tw-border-opacity))
}

.bootstrap-scope .border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgba(31, 41, 55, var(--tw-border-opacity))
}

.bootstrap-scope .border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.bootstrap-scope .border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgba(52, 211, 153, var(--tw-border-opacity))
}

.bootstrap-scope .border-paua {
  --tw-border-opacity: 1;
  border-color: rgba(63, 22, 81, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgba(17, 24, 39, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#4e9926\] {
  --tw-border-opacity: 1;
  border-color: rgba(78, 153, 38, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#dec80a\] {
  --tw-border-opacity: 1;
  border-color: rgba(222, 200, 10, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#A3E635\] {
  --tw-border-opacity: 1;
  border-color: rgba(163, 230, 53, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#E53F71\] {
  --tw-border-opacity: 1;
  border-color: rgba(229, 63, 113, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#FFDB3A\] {
  --tw-border-opacity: 1;
  border-color: rgba(255, 219, 58, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#B2D136\] {
  --tw-border-opacity: 1;
  border-color: rgba(178, 209, 54, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#0be600\] {
  --tw-border-opacity: 1;
  border-color: rgba(11, 230, 0, var(--tw-border-opacity))
}

.bootstrap-scope .border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.bootstrap-scope .border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgba(251, 191, 36, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#34D9A5\] {
  --tw-border-opacity: 1;
  border-color: rgba(52, 217, 165, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#00b1fb\] {
  --tw-border-opacity: 1;
  border-color: rgba(0, 177, 251, var(--tw-border-opacity))
}

.bootstrap-scope .border-light-violet {
  --tw-border-opacity: 1;
  border-color: rgba(1, 162, 212, var(--tw-border-opacity))
}

.bootstrap-scope .border-primary-violet\/50 {
  border-color: rgba(0, 143, 187, .5)
}

.bootstrap-scope .border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgba(252, 211, 77, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.bootstrap-scope .border-primary-blue {
  --tw-border-opacity: 1;
  border-color: rgba(20, 143, 188, var(--tw-border-opacity))
}

.bootstrap-scope .border-tertiary-green {
  --tw-border-opacity: 1;
  border-color: rgba(144, 174, 22, var(--tw-border-opacity))
}

.bootstrap-scope .border-blues {
  --tw-border-opacity: 1;
  border-color: rgba(37, 63, 146, var(--tw-border-opacity))
}

.bootstrap-scope .border-site-orange {
  --tw-border-opacity: 1;
  border-color: rgba(237, 83, 15, var(--tw-border-opacity))
}

.bootstrap-scope .border-site-pink {
  --tw-border-opacity: 1;
  border-color: rgba(220, 40, 149, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#e53f71\] {
  --tw-border-opacity: 1;
  border-color: rgba(229, 63, 113, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#F9D228\] {
  --tw-border-opacity: 1;
  border-color: rgba(249, 210, 40, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#99bb07\] {
  --tw-border-opacity: 1;
  border-color: rgba(153, 187, 7, var(--tw-border-opacity))
}

.bootstrap-scope .border-orange-dark {
  --tw-border-opacity: 1;
  border-color: rgba(245, 162, 35, var(--tw-border-opacity))
}

.bootstrap-scope .border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgba(245, 158, 11, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#12B481\] {
  --tw-border-opacity: 1;
  border-color: rgba(18, 180, 129, var(--tw-border-opacity))
}

.bootstrap-scope .border-millitary-green\/30 {
  border-color: rgba(52, 217, 165, .3)
}

.bootstrap-scope .border-\[\#0881de\] {
  --tw-border-opacity: 1;
  border-color: rgba(8, 129, 222, var(--tw-border-opacity))
}

.bootstrap-scope .border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.bootstrap-scope .border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#FF8700\] {
  --tw-border-opacity: 1;
  border-color: rgba(255, 135, 0, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#FFD83A\] {
  --tw-border-opacity: 1;
  border-color: rgba(255, 216, 58, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#C038D3\] {
  --tw-border-opacity: 1;
  border-color: rgba(192, 56, 211, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#49BA1A\] {
  --tw-border-opacity: 1;
  border-color: rgba(73, 186, 26, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#3C7BF0\] {
  --tw-border-opacity: 1;
  border-color: rgba(60, 123, 240, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#775722\] {
  --tw-border-opacity: 1;
  border-color: rgba(119, 87, 34, var(--tw-border-opacity))
}

.bootstrap-scope .border-\[\#00A2D4\] {
  --tw-border-opacity: 1;
  border-color: rgba(0, 162, 212, var(--tw-border-opacity))
}

.bootstrap-scope .border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgba(75, 85, 99, var(--tw-border-opacity))
}

.bootstrap-scope .border-b-clever-blue-dark {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(26, 66, 199, var(--tw-border-opacity))
}

.bootstrap-scope .border-opacity-50 {
  --tw-border-opacity: 0.5
}

.bootstrap-scope .border-opacity-30 {
  --tw-border-opacity: 0.3
}

.bootstrap-scope .border-opacity-25 {
  --tw-border-opacity: 0.25
}

.bootstrap-scope .border-opacity-20 {
  --tw-border-opacity: 0.2
}

.bootstrap-scope .border-opacity-10 {
  --tw-border-opacity: 0.1
}

.bootstrap-scope .bg-primary-violet {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-teal-light {
  --tw-bg-opacity: 1;
  background-color: rgba(182, 64, 158, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-primary-green {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-secondary-teal {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 40, 131, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-dark-teal {
  --tw-bg-opacity: 1;
  background-color: rgba(123, 22, 101, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-light-gray {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 247, 249, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#019ED2\] {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 158, 210, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B23F9D\] {
  --tw-bg-opacity: 1;
  background-color: rgba(178, 63, 157, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-dark-violet {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 118, 154, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-olive-green {
  --tw-bg-opacity: 1;
  background-color: rgba(144, 174, 23, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-light-violet {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 162, 212, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4285F4\] {
  --tw-bg-opacity: 1;
  background-color: rgba(66, 133, 244, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-clever-blue {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 108, 242, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-class-teal {
  --tw-bg-opacity: 1;
  background-color: rgba(53, 171, 205, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#E6252A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(230, 37, 42, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B2D135\] {
  --tw-bg-opacity: 1;
  background-color: rgba(178, 209, 53, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F3F4F6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#E5E7EB\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#D1D5DB\] {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#9CA3AF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#6B7280\] {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4B5563\] {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#374151\] {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#1F2937\] {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#111827\] {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FEE2E2\] {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FECACA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FCA5A5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F87171\] {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#EF4444\] {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#DC2626\] {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B91C1C\] {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#991B1B\] {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#7F1D1D\] {
  --tw-bg-opacity: 1;
  background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FEF3C7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FDE68A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FCD34D\] {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FBBF24\] {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F59E0B\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#D97706\] {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B45309\] {
  --tw-bg-opacity: 1;
  background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#92400E\] {
  --tw-bg-opacity: 1;
  background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#78350F\] {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#D1FAE5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#A7F3D0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#6EE7B7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#34D399\] {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#10B981\] {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#059669\] {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#047857\] {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#065F46\] {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#064E3B\] {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#DBEAFE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#BFDBFE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#93C5FD\] {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#60A5FA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#3B82F6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#2563EB\] {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#1D4ED8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#1E40AF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#1E3A8A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#E0E7FF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#C7D2FE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#A5B4FC\] {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#818CF8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#6366F1\] {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4F46E5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4338CA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#3730A3\] {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#312E81\] {
  --tw-bg-opacity: 1;
  background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#EDE9FE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#DDD6FE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#C4B5FD\] {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#A78BFA\] {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#8B5CF6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#7C3AED\] {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#6D28D9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#5B21B6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4C1D95\] {
  --tw-bg-opacity: 1;
  background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FCE7F3\] {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FBCFE8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F9A8D4\] {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F472B6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#EC4899\] {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#DB2777\] {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#BE185D\] {
  --tw-bg-opacity: 1;
  background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#9D174D\] {
  --tw-bg-opacity: 1;
  background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#831843\] {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blues {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 63, 146, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-primary-blue {
  --tw-bg-opacity: 1;
  background-color: rgba(20, 143, 188, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-transparent {
  background-color: transparent
}

.bootstrap-scope .bg-light-violet\/10 {
  background-color: rgba(1, 162, 212, .1)
}

.bootstrap-scope .bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-primary-violet\/10 {
  background-color: rgba(0, 143, 187, .1)
}

.bootstrap-scope .bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-light-green {
  --tw-bg-opacity: 1;
  background-color: rgba(181, 64, 158, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#0ea5e9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(14, 165, 233, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-secondary-teal\/10 {
  background-color: rgba(153, 40, 131, .1)
}

.bootstrap-scope .bg-orange-light {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 211, 50, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-white\/30 {
  background-color: hsla(0, 0%, 100%, .3)
}

.bootstrap-scope .bg-black\/20 {
  background-color: rgba(0, 0, 0, .2)
}

.bootstrap-scope .bg-\[\#3fa8ca\] {
  --tw-bg-opacity: 1;
  background-color: rgba(63, 168, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#815edd\] {
  --tw-bg-opacity: 1;
  background-color: rgba(129, 94, 221, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#53b98f\] {
  --tw-bg-opacity: 1;
  background-color: rgba(83, 185, 143, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-circle-violet {
  --tw-bg-opacity: 1;
  background-color: rgba(78, 45, 73, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#ff7701\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 119, 1, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#ff6476\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 100, 118, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#48c9c5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(72, 201, 197, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#78c610\] {
  --tw-bg-opacity: 1;
  background-color: rgba(120, 198, 16, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#c94ad5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(201, 74, 213, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#12d7aa\] {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 215, 170, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#ff4a8d\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 74, 141, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#7d56e3\] {
  --tw-bg-opacity: 1;
  background-color: rgba(125, 86, 227, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#00a7c4\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 167, 196, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#f8c013\] {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 192, 19, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#e5c34b\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 195, 75, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F7F7F7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 247, 247, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#fb923c\] {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 146, 60, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#A3E635\] {
  --tw-bg-opacity: 1;
  background-color: rgba(163, 230, 53, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#A1BD32\] {
  --tw-bg-opacity: 1;
  background-color: rgba(161, 189, 50, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FEC928\] {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 201, 40, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-paua {
  --tw-bg-opacity: 1;
  background-color: rgba(63, 22, 81, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#BB0070\] {
  --tw-bg-opacity: 1;
  background-color: rgba(187, 0, 112, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F4D220\] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 210, 32, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-site-teal {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 170, 195, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-tertiary-green {
  --tw-bg-opacity: 1;
  background-color: rgba(144, 174, 22, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#091423\] {
  --tw-bg-opacity: 1;
  background-color: rgba(9, 20, 35, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#90d12a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(144, 209, 42, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#051834\] {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 24, 52, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#dec80a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(222, 200, 10, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#a2147e\] {
  --tw-bg-opacity: 1;
  background-color: rgba(162, 20, 126, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#a3ed2b\] {
  --tw-bg-opacity: 1;
  background-color: rgba(163, 237, 43, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#00b1fb\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 177, 251, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#61D140\] {
  --tw-bg-opacity: 1;
  background-color: rgba(97, 209, 64, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-secondary-teal\/20 {
  background-color: rgba(153, 40, 131, .2)
}

.bootstrap-scope .bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-primary-violet\/20 {
  background-color: rgba(0, 143, 187, .2)
}

.bootstrap-scope .bg-white\/50 {
  background-color: hsla(0, 0%, 100%, .5)
}

.bootstrap-scope .bg-\[\#82c95e\] {
  --tw-bg-opacity: 1;
  background-color: rgba(130, 201, 94, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FFDB3A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 219, 58, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F89F5A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 159, 90, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#f7b26a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 178, 106, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-light-violet\/20 {
  background-color: rgba(1, 162, 212, .2)
}

.bootstrap-scope .bg-galaxy-green {
  --tw-bg-opacity: 1;
  background-color: rgba(178, 209, 54, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-light-blue {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 187, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#9e9e9e\] {
  --tw-bg-opacity: 1;
  background-color: rgba(158, 158, 158, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#e53f71\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 63, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#f4d221\] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 210, 33, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#a3b938\] {
  --tw-bg-opacity: 1;
  background-color: rgba(163, 185, 56, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-Gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 42, 55, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-site-orange {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 83, 15, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-site-pink {
  --tw-bg-opacity: 1;
  background-color: rgba(220, 40, 149, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-orange-dark {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 162, 35, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B2D136\] {
  --tw-bg-opacity: 1;
  background-color: rgba(178, 209, 54, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#99bb07\] {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 187, 7, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F15A27\] {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 90, 39, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#ff4655\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 70, 85, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#34D9A5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 217, 165, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#fe3bac\] {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 59, 172, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-white\/90 {
  background-color: hsla(0, 0%, 100%, .9)
}

.bootstrap-scope .bg-\[\#0062ff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 98, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FFD224\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 210, 36, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#12B481\] {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 180, 129, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-white\/20 {
  background-color: hsla(0, 0%, 100%, .2)
}

.bootstrap-scope .bg-white\/10 {
  background-color: hsla(0, 0%, 100%, .1)
}

.bootstrap-scope .bg-\[\#403d6a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(64, 61, 106, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#4e4b75\] {
  --tw-bg-opacity: 1;
  background-color: rgba(78, 75, 117, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#26234c\] {
  --tw-bg-opacity: 1;
  background-color: rgba(38, 35, 76, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-indigo-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-indigo-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#302D55\] {
  --tw-bg-opacity: 1;
  background-color: rgba(48, 45, 85, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#6A6794\] {
  --tw-bg-opacity: 1;
  background-color: rgba(106, 103, 148, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#f5d500\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 213, 0, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#0881de\] {
  --tw-bg-opacity: 1;
  background-color: rgba(8, 129, 222, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#23afff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(35, 175, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FF8700\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 135, 0, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FFD83A\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 216, 58, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-middle-school-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(148, 195, 23, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-middle-school-secondary {
  --tw-bg-opacity: 1;
  background-color: rgba(200, 230, 124, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-lime-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 252, 203, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#f47104\] {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 113, 4, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B5F9EB\] {
  --tw-bg-opacity: 1;
  background-color: rgba(181, 249, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#84F5DE\] {
  --tw-bg-opacity: 1;
  background-color: rgba(132, 245, 222, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F591A9\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 145, 169, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#EF476F\] {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 71, 111, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FABAA6\] {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 186, 166, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#F78C6B\] {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 140, 107, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FFE3A3\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 227, 163, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#FFD166\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 209, 102, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#B5E5B5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(181, 229, 181, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#83D483\] {
  --tw-bg-opacity: 1;
  background-color: rgba(131, 212, 131, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#e3178d\] {
  --tw-bg-opacity: 1;
  background-color: rgba(227, 23, 141, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#34d9a5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 217, 165, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#a9fb24\] {
  --tw-bg-opacity: 1;
  background-color: rgba(169, 251, 36, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#3C7BF0\] {
  --tw-bg-opacity: 1;
  background-color: rgba(60, 123, 240, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#00A2D4\] {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 162, 212, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-green-block {
  --tw-bg-opacity: 1;
  background-color: rgba(178, 209, 54, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-yellow-block {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 216, 58, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-red-block {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 63, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#7e9c09\] {
  --tw-bg-opacity: 1;
  background-color: rgba(126, 156, 9, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#9aba14\] {
  --tw-bg-opacity: 1;
  background-color: rgba(154, 186, 20, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-gray-100\/50 {
  background-color: rgba(243, 244, 246, .5)
}

.bootstrap-scope .bg-\[\#edeef1\] {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 238, 241, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#e06666\] {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 102, 102, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#ffd965\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 217, 101, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-white\/70 {
  background-color: hsla(0, 0%, 100%, .7)
}

.bootstrap-scope .bg-tertiary-color {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 190, 65, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#C038D3\] {
  --tw-bg-opacity: 1;
  background-color: rgba(192, 56, 211, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-\[\#E53F71\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 63, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .bg-opacity-75 {
  --tw-bg-opacity: 0.75
}

.bootstrap-scope .bg-opacity-10 {
  --tw-bg-opacity: 0.1
}

.bootstrap-scope .bg-opacity-0 {
  --tw-bg-opacity: 0
}

.bootstrap-scope .bg-opacity-20 {
  --tw-bg-opacity: 0.2
}

.bootstrap-scope .bg-opacity-90 {
  --tw-bg-opacity: 0.9
}

.bootstrap-scope .bg-opacity-50 {
  --tw-bg-opacity: 0.5
}

.bootstrap-scope .bg-opacity-70 {
  --tw-bg-opacity: 0.7
}

.bootstrap-scope .bg-opacity-40 {
  --tw-bg-opacity: 0.4
}

.bootstrap-scope .bg-opacity-30 {
  --tw-bg-opacity: 0.3
}

.bootstrap-scope .bg-opacity-80 {
  --tw-bg-opacity: 0.8
}

.bootstrap-scope .bg-opacity-25 {
  --tw-bg-opacity: 0.25
}

.bootstrap-scope .bg-bgDots {
  background-image: url(../stars-bg.db92b3a1.html)
}

.bootstrap-scope .bg-splitColor {
  background-image: linear-gradient(180deg, #b3409e 50%, #049fd2 0)
}

.bootstrap-scope .bg-gradient-to-b {
  background-image: linear-gradient(180deg, var(--tw-gradient-stops))
}

.bootstrap-scope .bg-gradient-to-l {
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.bootstrap-scope .bg-gradient-to-r {
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.bootstrap-scope .bg-galaxy-stars {
  background-image: url(https://app.educationgalaxy.com/images/elementary/galaxy-star-popup-bg.svg)
}

.bootstrap-scope .bg-bgCertificate {
  background-image: url(../certificate-bg.448b4e57.html)
}

.bootstrap-scope .bg-gradient-to-t {
  background-image: linear-gradient(0deg, var(--tw-gradient-stops))
}

.bootstrap-scope .from-primary-violet {
  --tw-gradient-from: #008fbb;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 143, 187, 0))
}

.bootstrap-scope .from-\[\#58324d\] {
  --tw-gradient-from: #58324d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(88, 50, 77, 0))
}

.bootstrap-scope .from-orange-dark {
  --tw-gradient-from: #f5a223;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 162, 35, 0))
}

.bootstrap-scope .from-white\/10 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.1);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.bootstrap-scope .from-\[\#dec80a\] {
  --tw-gradient-from: #dec80a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(222, 200, 10, 0))
}

.bootstrap-scope .from-\[\#ff416c\] {
  --tw-gradient-from: #ff416c;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 65, 108, 0))
}

.bootstrap-scope .from-\[\#ddc600\] {
  --tw-gradient-from: #ddc600;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 198, 0, 0))
}

.bootstrap-scope .from-\[\#96d659\] {
  --tw-gradient-from: #96d659;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 214, 89, 0))
}

.bootstrap-scope .from-red-500 {
  --tw-gradient-from: #ef4444;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))
}

.bootstrap-scope .from-\[\#0062ff\] {
  --tw-gradient-from: #0062ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 98, 255, 0))
}

.bootstrap-scope .from-dark-teal {
  --tw-gradient-from: #7b1665;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(123, 22, 101, 0))
}

.bootstrap-scope .from-\[\#09132d\] {
  --tw-gradient-from: #09132d;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(9, 19, 45, 0))
}

.bootstrap-scope .from-secondary-teal {
  --tw-gradient-from: #992883;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 40, 131, 0))
}

.bootstrap-scope .from-white {
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.bootstrap-scope .from-gray-700 {
  --tw-gradient-from: #374151;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))
}

.bootstrap-scope .from-blue-900 {
  --tw-gradient-from: #1e3a8a;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0))
}

.bootstrap-scope .from-\[\#56ebdf\] {
  --tw-gradient-from: #56ebdf;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(86, 235, 223, 0))
}

.bootstrap-scope .from-\[\#ff8142\] {
  --tw-gradient-from: #ff8142;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 129, 66, 0))
}

.bootstrap-scope .from-\[\#ff007f\] {
  --tw-gradient-from: #ff007f;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 0, 127, 0))
}

.bootstrap-scope .from-\[\#0be600\] {
  --tw-gradient-from: #0be600;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(11, 230, 0, 0))
}

.bootstrap-scope .from-\[\#59e3ff\] {
  --tw-gradient-from: #59e3ff;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(89, 227, 255, 0))
}

.bootstrap-scope .via-yellow-500 {
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0))
}

.bootstrap-scope .via-\[\#240e63\] {
  --tw-gradient-stops: var(--tw-gradient-from), #240e63, var(--tw-gradient-to, rgba(36, 14, 99, 0))
}

.bootstrap-scope .via-white {
  --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.bootstrap-scope .to-dark-teal {
  --tw-gradient-to: #7b1665
}

.bootstrap-scope .to-\[\#121230\] {
  --tw-gradient-to: #121230
}

.bootstrap-scope .to-white {
  --tw-gradient-to: #fff
}

.bootstrap-scope .to-orange-light {
  --tw-gradient-to: #f7d332
}

.bootstrap-scope .to-transparent {
  --tw-gradient-to: transparent
}

.bootstrap-scope .to-\[\#F29C1E\] {
  --tw-gradient-to: #f29c1e
}

.bootstrap-scope .to-\[\#ff4b2b\] {
  --tw-gradient-to: #ff4b2b
}

.bootstrap-scope .to-\[\#ff890a\] {
  --tw-gradient-to: #ff890a
}

.bootstrap-scope .to-\[\#70d11b\] {
  --tw-gradient-to: #70d11b
}

.bootstrap-scope .to-green-500 {
  --tw-gradient-to: #10b981
}

.bootstrap-scope .to-\[\#61efff\] {
  --tw-gradient-to: #61efff
}

.bootstrap-scope .to-teal-light {
  --tw-gradient-to: #b6409e
}

.bootstrap-scope .to-\[\#0b1948\] {
  --tw-gradient-to: #0b1948
}

.bootstrap-scope .to-gray-500 {
  --tw-gradient-to: #6b7280
}

.bootstrap-scope .to-gray-200 {
  --tw-gradient-to: #e5e7eb
}

.bootstrap-scope .to-blue-700 {
  --tw-gradient-to: #1d4ed8
}

.bootstrap-scope .to-blue-100 {
  --tw-gradient-to: #dbeafe
}

.bootstrap-scope .to-\[\#adfb28\] {
  --tw-gradient-to: #adfb28
}

.bootstrap-scope .to-\[\#f5c800\] {
  --tw-gradient-to: #f5c800
}

.bootstrap-scope .to-\[\#df85c4\] {
  --tw-gradient-to: #df85c4
}

.bootstrap-scope .to-\[\#3dbbff\] {
  --tw-gradient-to: #3dbbff
}

.bootstrap-scope .bg-cover {
  background-size: cover
}

.bootstrap-scope .bg-top {
  background-position: top
}

.bootstrap-scope .bg-center {
  background-position: 50%
}

.bootstrap-scope .bg-repeat {
  background-repeat: repeat
}

.bootstrap-scope .bg-no-repeat {
  background-repeat: no-repeat
}

.bootstrap-scope .fill-current {
  fill: currentColor
}

.bootstrap-scope .stroke-current {
  stroke: currentColor
}

.bootstrap-scope .stroke-2 {
  stroke-width: 2
}

.bootstrap-scope .object-cover {
  object-fit: cover
}

.bootstrap-scope .p-1 {
  padding: .25rem
}

.bootstrap-scope .p-0\.5 {
  padding: .125rem
}

.bootstrap-scope .p-0 {
  padding: 0
}

.bootstrap-scope .p-4 {
  padding: 1rem
}

.bootstrap-scope .p-3 {
  padding: .75rem
}

.bootstrap-scope .p-\[16px\] {
  padding: 16px
}

.bootstrap-scope .p-2 {
  padding: .5rem
}

.bootstrap-scope .p-5 {
  padding: 1.25rem
}

.bootstrap-scope .p-6 {
  padding: 1.5rem
}

.bootstrap-scope .p-px {
  padding: 1px
}

.bootstrap-scope .p-1\.5 {
  padding: .375rem
}

.bootstrap-scope .p-2\.5 {
  padding: .625rem
}

.bootstrap-scope .p-8 {
  padding: 2rem
}

.bootstrap-scope .p-12 {
  padding: 3rem
}

.bootstrap-scope .px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.bootstrap-scope .py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.bootstrap-scope .py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.bootstrap-scope .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.bootstrap-scope .py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.bootstrap-scope .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.bootstrap-scope .py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.bootstrap-scope .px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.bootstrap-scope .py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem
}

.bootstrap-scope .px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

.bootstrap-scope .px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.bootstrap-scope .px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem
}

.bootstrap-scope .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.bootstrap-scope .px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.bootstrap-scope .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.bootstrap-scope .py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.bootstrap-scope .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.bootstrap-scope .py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.bootstrap-scope .px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem
}

.bootstrap-scope .px-1 {
  padding-left: .25rem;
  padding-right: .25rem
}

.bootstrap-scope .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.bootstrap-scope .py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.bootstrap-scope .px-0 {
  padding-left: 0;
  padding-right: 0
}

.bootstrap-scope .py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.bootstrap-scope .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.bootstrap-scope .px-24 {
  padding-left: 6rem;
  padding-right: 6rem
}

.bootstrap-scope .py-\[0\.6rem\] {
  padding-top: .6rem;
  padding-bottom: .6rem
}

.bootstrap-scope .px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem
}

.bootstrap-scope .py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem
}

.bootstrap-scope .px-16 {
  padding-left: 4rem;
  padding-right: 4rem
}

.bootstrap-scope .px-12 {
  padding-left: 3rem;
  padding-right: 3rem
}

.bootstrap-scope .px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem
}

.bootstrap-scope .py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem
}

.bootstrap-scope .px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

.bootstrap-scope .px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem
}

.bootstrap-scope .py-\[0\.4rem\] {
  padding-top: .4rem;
  padding-bottom: .4rem
}

.bootstrap-scope .py-\[0\.45rem\] {
  padding-top: .45rem;
  padding-bottom: .45rem
}

.bootstrap-scope .pr-2 {
  padding-right: .5rem
}

.bootstrap-scope .pl-3 {
  padding-left: .75rem
}

.bootstrap-scope .pr-3 {
  padding-right: .75rem
}

.bootstrap-scope .pt-6 {
  padding-top: 1.5rem
}

.bootstrap-scope .pb-12 {
  padding-bottom: 3rem
}

.bootstrap-scope .pl-2 {
  padding-left: .5rem
}

.bootstrap-scope .pb-6 {
  padding-bottom: 1.5rem
}

.bootstrap-scope .pt-5 {
  padding-top: 1.25rem
}

.bootstrap-scope .pb-2 {
  padding-bottom: .5rem
}

.bootstrap-scope .pb-11 {
  padding-bottom: 2.75rem
}

.bootstrap-scope .pb-4 {
  padding-bottom: 1rem
}

.bootstrap-scope .pl-\[32px\] {
  padding-left: 32px
}

.bootstrap-scope .pt-0\.5 {
  padding-top: .125rem
}

.bootstrap-scope .pt-0 {
  padding-top: 0
}

.bootstrap-scope .pt-10 {
  padding-top: 2.5rem
}

.bootstrap-scope .pt-4 {
  padding-top: 1rem
}

.bootstrap-scope .pb-20 {
  padding-bottom: 5rem
}

.bootstrap-scope .pr-4 {
  padding-right: 1rem
}

.bootstrap-scope .pt-14 {
  padding-top: 3.5rem
}

.bootstrap-scope .pt-2 {
  padding-top: .5rem
}

.bootstrap-scope .pb-3 {
  padding-bottom: .75rem
}

.bootstrap-scope .pl-1 {
  padding-left: .25rem
}

.bootstrap-scope .pl-6 {
  padding-left: 1.5rem
}

.bootstrap-scope .pr-32 {
  padding-right: 8rem
}

.bootstrap-scope .pt-7 {
  padding-top: 1.75rem
}

.bootstrap-scope .pb-8 {
  padding-bottom: 2rem
}

.bootstrap-scope .pb-5 {
  padding-bottom: 1.25rem
}

.bootstrap-scope .pb-1 {
  padding-bottom: .25rem
}

.bootstrap-scope .pr-10 {
  padding-right: 2.5rem
}

.bootstrap-scope .pt-1 {
  padding-top: .25rem
}

.bootstrap-scope .pl-5 {
  padding-left: 1.25rem
}

.bootstrap-scope .pb-0 {
  padding-bottom: 0
}

.bootstrap-scope .pt-8 {
  padding-top: 2rem
}

.bootstrap-scope .pt-3 {
  padding-top: .75rem
}

.bootstrap-scope .pl-4 {
  padding-left: 1rem
}

.bootstrap-scope .pr-8 {
  padding-right: 2rem
}

.bootstrap-scope .pt-16 {
  padding-top: 4rem
}

.bootstrap-scope .pt-12 {
  padding-top: 3rem
}

.bootstrap-scope .pl-14 {
  padding-left: 3.5rem
}

.bootstrap-scope .pt-11 {
  padding-top: 2.75rem
}

.bootstrap-scope .pb-10 {
  padding-bottom: 2.5rem
}

.bootstrap-scope .pl-8 {
  padding-left: 2rem
}

.bootstrap-scope .pr-5 {
  padding-right: 1.25rem
}

.bootstrap-scope .pl-10 {
  padding-left: 2.5rem
}

.bootstrap-scope .pr-0 {
  padding-right: 0
}

.bootstrap-scope .pr-1 {
  padding-right: .25rem
}

.bootstrap-scope .pr-6 {
  padding-right: 1.5rem
}

.bootstrap-scope .pt-\[56\.25\%\] {
  padding-top: 56.25%
}

.bootstrap-scope .pl-0 {
  padding-left: 0
}

.bootstrap-scope .pb-0\.5 {
  padding-bottom: .125rem
}

.bootstrap-scope .pb-2\.5 {
  padding-bottom: .625rem
}

.bootstrap-scope .pb-14 {
  padding-bottom: 3.5rem
}

.bootstrap-scope .pb-7 {
  padding-bottom: 1.75rem
}

.bootstrap-scope .pt-20 {
  padding-top: 5rem
}

.bootstrap-scope .pl-7 {
  padding-left: 1.75rem
}

.bootstrap-scope .pt-\[45\.25\%\] {
  padding-top: 45.25%
}

.bootstrap-scope .pr-7 {
  padding-right: 1.75rem
}

.bootstrap-scope .pt-60 {
  padding-top: 15rem
}

.bootstrap-scope .pt-44 {
  padding-top: 11rem
}

.bootstrap-scope .pr-12 {
  padding-right: 3rem
}

.bootstrap-scope .pr-9 {
  padding-right: 2.25rem
}

.bootstrap-scope .pt-56 {
  padding-top: 14rem
}

.bootstrap-scope .pt-48 {
  padding-top: 12rem
}

.bootstrap-scope .text-left {
  text-align: left
}

.bootstrap-scope .text-center {
  text-align: center
}

.bootstrap-scope .text-right {
  text-align: right
}

.bootstrap-scope .align-top {
  vertical-align: top
}

.bootstrap-scope .align-middle {
  vertical-align: middle
}

.bootstrap-scope .align-bottom {
  vertical-align: bottom
}

.bootstrap-scope .align-text-top {
  vertical-align: text-top
}

.bootstrap-scope .align-text-bottom {
  vertical-align: text-bottom
}

.bootstrap-scope .font-Barlow {
  font-family: "Barlow Semi Condensed", sans-serif
}
/* 
.bootstrap-scope .font-Montserrat {
  font-family: Montserrat, sans-serif
} */

.bootstrap-scope .font-Roboto {
  font-family: Roboto, sans-serif
}

.bootstrap-scope .font-Didact {
  font-family: "Didact Gothic", sans-serif
}

.bootstrap-scope .text-xl {
  font-size: 1.4rem
}

.bootstrap-scope .text-sm {
  font-size: 1.025rem
}

.bootstrap-scope .text-2xl {
  font-size: 1.5rem
}

.bootstrap-scope .text-xs {
  font-size: .9rem
}

.bootstrap-scope .text-base {
  font-size: 1.15rem
}

.bootstrap-scope .text-lg {
  font-size: 1.275rem
}

.bootstrap-scope .text-3xl {
  font-size: 1.875rem
}

.bootstrap-scope .text-4xl {
  font-size: 2.25rem
}

.bootstrap-scope .text-6xl {
  font-size: 4rem
}

.bootstrap-scope .text-5xl {
  font-size: 3rem
}

.bootstrap-scope .text-\[10px\] {
  font-size: 10px
}

.bootstrap-scope .text-\[0\.6rem\] {
  font-size: .6rem
}

.bootstrap-scope .text-\[8px\] {
  font-size: 8px
}

.bootstrap-scope .text-7xl {
  font-size: 5rem
}

.bootstrap-scope .font-medium {
  font-weight: 500
}

.bootstrap-scope .font-semibold {
  font-weight: 600
}

.bootstrap-scope .font-normal {
  font-weight: 400
}

.bootstrap-scope .font-bold {
  font-weight: 700
}

.bootstrap-scope .font-extrabold {
  font-weight: 800
}

.bootstrap-scope .font-light {
  font-weight: 300
}

.bootstrap-scope .font-thin {
  font-weight: 100
}

.bootstrap-scope .font-black {
  font-weight: 900
}

.bootstrap-scope .uppercase {
  text-transform: uppercase
}

.bootstrap-scope .capitalize {
  text-transform: capitalize
}

.bootstrap-scope .normal-case {
  text-transform: none
}

.bootstrap-scope .italic {
  font-style: italic
}

.bootstrap-scope .normal-nums {
  font-variant-numeric: normal
}

.bootstrap-scope .leading-tight {
  line-height: 1.25
}

.bootstrap-scope .leading-5 {
  line-height: 1.25rem
}

.bootstrap-scope .leading-6 {
  line-height: 1.5rem
}

.bootstrap-scope .leading-normal {
  line-height: 1.5
}

.bootstrap-scope .leading-none {
  line-height: 1
}

.bootstrap-scope .leading-4 {
  line-height: 1rem
}

.bootstrap-scope .leading-3 {
  line-height: .75rem
}

.bootstrap-scope .leading-extra {
  line-height: 5rem
}

.bootstrap-scope .tracking-wider {
  letter-spacing: .05em
}

.bootstrap-scope .tracking-tight {
  letter-spacing: -.025em
}

.bootstrap-scope .tracking-wide {
  letter-spacing: .025em
}

.bootstrap-scope .text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.bootstrap-scope .text-primary-green {
  --tw-text-opacity: 1;
  color: rgba(0, 143, 187, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.bootstrap-scope .text-primary-purple {
  --tw-text-opacity: 1;
  color: rgba(154, 39, 131, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-light {
  --tw-text-opacity: 1;
  color: rgba(120, 120, 140, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-500 {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-600 {
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-100 {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.bootstrap-scope .text-primary-violet {
  --tw-text-opacity: 1;
  color: rgba(0, 143, 187, var(--tw-text-opacity))
}

.bootstrap-scope .text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-500 {
  --tw-text-opacity: 1;
  color: rgba(16, 185, 129, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity))
}

.bootstrap-scope .text-purple-200 {
  --tw-text-opacity: 1;
  color: rgba(221, 214, 254, var(--tw-text-opacity))
}

.bootstrap-scope .text-purple-600 {
  --tw-text-opacity: 1;
  color: rgba(124, 58, 237, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity))
}

.bootstrap-scope .text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-400 {
  --tw-text-opacity: 1;
  color: rgba(52, 211, 153, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgba(217, 119, 6, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-200 {
  --tw-text-opacity: 1;
  color: rgba(229, 231, 235, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity))
}

.bootstrap-scope .text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.bootstrap-scope .text-light-green {
  --tw-text-opacity: 1;
  color: rgba(181, 64, 158, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-800 {
  --tw-text-opacity: 1;
  color: rgba(6, 95, 70, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-800 {
  --tw-text-opacity: 1;
  color: rgba(153, 27, 27, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.bootstrap-scope .text-white\/80 {
  color: hsla(0, 0%, 100%, .8)
}

.bootstrap-scope .text-gray-50 {
  --tw-text-opacity: 1;
  color: rgba(249, 250, 251, var(--tw-text-opacity))
}

.bootstrap-scope .text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.bootstrap-scope .text-secondary-teal {
  --tw-text-opacity: 1;
  color: rgba(153, 40, 131, var(--tw-text-opacity))
}

.bootstrap-scope .text-paua {
  --tw-text-opacity: 1;
  color: rgba(63, 22, 81, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 211, 77, var(--tw-text-opacity))
}

.bootstrap-scope .text-tertiary-green {
  --tw-text-opacity: 1;
  color: rgba(144, 174, 22, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#4e9926\] {
  --tw-text-opacity: 1;
  color: rgba(78, 153, 38, var(--tw-text-opacity))
}

.bootstrap-scope .text-site-teal {
  --tw-text-opacity: 1;
  color: rgba(37, 170, 195, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#00b1fb\] {
  --tw-text-opacity: 1;
  color: rgba(0, 177, 251, var(--tw-text-opacity))
}

.bootstrap-scope .text-dark-teal {
  --tw-text-opacity: 1;
  color: rgba(123, 22, 101, var(--tw-text-opacity))
}

.bootstrap-scope .text-teal-light {
  --tw-text-opacity: 1;
  color: rgba(182, 64, 158, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-300 {
  --tw-text-opacity: 1;
  color: rgba(110, 231, 183, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgba(180, 83, 9, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgba(251, 191, 36, var(--tw-text-opacity))
}

.bootstrap-scope .text-primary-blue {
  --tw-text-opacity: 1;
  color: rgba(20, 143, 188, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#afb3ba\] {
  --tw-text-opacity: 1;
  color: rgba(175, 179, 186, var(--tw-text-opacity))
}

.bootstrap-scope .text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity))
}

.bootstrap-scope .text-site-orange {
  --tw-text-opacity: 1;
  color: rgba(237, 83, 15, var(--tw-text-opacity))
}

.bootstrap-scope .text-site-pink {
  --tw-text-opacity: 1;
  color: rgba(220, 40, 149, var(--tw-text-opacity))
}

.bootstrap-scope .text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgba(67, 56, 202, var(--tw-text-opacity))
}

.bootstrap-scope .text-orange-light {
  --tw-text-opacity: 1;
  color: rgba(247, 211, 50, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#34D9A5\] {
  --tw-text-opacity: 1;
  color: rgba(52, 217, 165, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#f7c602\] {
  --tw-text-opacity: 1;
  color: rgba(247, 198, 2, var(--tw-text-opacity))
}

.bootstrap-scope .text-millitary-green {
  --tw-text-opacity: 1;
  color: rgba(52, 217, 165, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#f5d500\] {
  --tw-text-opacity: 1;
  color: rgba(245, 213, 0, var(--tw-text-opacity))
}

.bootstrap-scope .text-blues {
  --tw-text-opacity: 1;
  color: rgba(37, 63, 146, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-900 {
  --tw-text-opacity: 1;
  color: rgba(30, 58, 138, var(--tw-text-opacity))
}

.bootstrap-scope .text-dark-violet {
  --tw-text-opacity: 1;
  color: rgba(6, 118, 154, var(--tw-text-opacity))
}

.bootstrap-scope .text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgba(146, 64, 14, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#715421\] {
  --tw-text-opacity: 1;
  color: rgba(113, 84, 33, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#b7a241\] {
  --tw-text-opacity: 1;
  color: rgba(183, 162, 65, var(--tw-text-opacity))
}

.bootstrap-scope .text-aqua-blue {
  --tw-text-opacity: 1;
  color: rgba(24, 207, 255, var(--tw-text-opacity))
}

.bootstrap-scope .text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity))
}

.bootstrap-scope .text-blue-300 {
  --tw-text-opacity: 1;
  color: rgba(147, 197, 253, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#e53f71\] {
  --tw-text-opacity: 1;
  color: rgba(229, 63, 113, var(--tw-text-opacity))
}

.bootstrap-scope .text-\[\#ee5914\] {
  --tw-text-opacity: 1;
  color: rgba(238, 89, 20, var(--tw-text-opacity))
}

.bootstrap-scope .text-opacity-60 {
  --tw-text-opacity: 0.6
}

.bootstrap-scope .text-opacity-40 {
  --tw-text-opacity: 0.4
}

.bootstrap-scope .text-opacity-80 {
  --tw-text-opacity: 0.8
}

.bootstrap-scope .text-opacity-70 {
  --tw-text-opacity: 0.7
}

.bootstrap-scope .text-opacity-50 {
  --tw-text-opacity: 0.5
}

.bootstrap-scope .text-opacity-90 {
  --tw-text-opacity: 0.9
}

.bootstrap-scope .underline {
  text-decoration: underline
}

.bootstrap-scope .no-underline {
  text-decoration: none
}

.bootstrap-scope .placeholder-gray-600::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.bootstrap-scope .placeholder-gray-600:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.bootstrap-scope .placeholder-gray-600::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-placeholder-opacity))
}

.bootstrap-scope .placeholder-gray-400::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .placeholder-gray-400:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .opacity-0 {
  opacity: 0
}

.bootstrap-scope .opacity-100 {
  opacity: 1
}

.bootstrap-scope .opacity-25 {
  opacity: .25
}

.bootstrap-scope .opacity-75 {
  opacity: .75
}

.bootstrap-scope .opacity-90 {
  opacity: .9
}

.bootstrap-scope .opacity-70 {
  opacity: .7
}

.bootstrap-scope .opacity-50 {
  opacity: .5
}

.bootstrap-scope .opacity-80 {
  opacity: .8
}

.bootstrap-scope .opacity-10 {
  opacity: .1
}

.bootstrap-scope .opacity-5 {
  opacity: .05
}

.bootstrap-scope .opacity-40 {
  opacity: .4
}

.bootstrap-scope .opacity-60 {
  opacity: .6
}

.bootstrap-scope .opacity-20 {
  opacity: .2
}

.bootstrap-scope .opacity-95 {
  opacity: .95
}

.bootstrap-scope .mix-blend-multiply {
  mix-blend-mode: multiply
}

.bootstrap-scope .shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
}

.bootstrap-scope .shadow,
.bootstrap-scope .shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.bootstrap-scope .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
}

.bootstrap-scope .shadow-sm,
.bootstrap-scope .shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
}

.bootstrap-scope .shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.bootstrap-scope .shadow-2xl,
.bootstrap-scope .shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
}

.bootstrap-scope .shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.bootstrap-scope .shadow-inner,
.bootstrap-scope .shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .shadow-none {
  --tw-shadow: 0 0 transparent
}

.bootstrap-scope .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.bootstrap-scope .ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.bootstrap-scope .ring-0,
.bootstrap-scope .ring-1 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.bootstrap-scope .ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.bootstrap-scope .ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.bootstrap-scope .ring-2,
.bootstrap-scope .ring-4 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.bootstrap-scope .ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.bootstrap-scope .ring-inset {
  --tw-ring-inset: inset
}

.bootstrap-scope .ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-\[\#90d12a\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(144, 209, 42, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-paua {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(63, 22, 81, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-gray-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(107, 114, 128, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-primary-green {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 143, 187, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(156, 163, 175, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-indigo-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
}

.bootstrap-scope .ring-opacity-5 {
  --tw-ring-opacity: 0.05
}

.bootstrap-scope .ring-offset-2 {
  --tw-ring-offset-width: 2px
}

.bootstrap-scope .ring-offset-0 {
  --tw-ring-offset-width: 0px
}

.bootstrap-scope .ring-offset-1 {
  --tw-ring-offset-width: 1px
}

.bootstrap-scope .ring-offset-4 {
  --tw-ring-offset-width: 4px
}

.bootstrap-scope .blur-sm {
  --tw-blur: blur(4px)
}

.bootstrap-scope .blur-sm,
.bootstrap-scope .brightness-125 {
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .brightness-125 {
  --tw-brightness: brightness(1.25)
}

.bootstrap-scope .brightness-75 {
  --tw-brightness: brightness(.75)
}

.bootstrap-scope .brightness-75,
.bootstrap-scope .drop-shadow-2xl {
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
}

.bootstrap-scope .grayscale {
  --tw-grayscale: grayscale(100%)
}

.bootstrap-scope .grayscale,
.bootstrap-scope .invert {
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .invert {
  --tw-invert: invert(100%)
}

.bootstrap-scope .filter {
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .transition-transform {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.bootstrap-scope .duration-500 {
  transition-duration: .5s
}

.bootstrap-scope .duration-300 {
  transition-duration: .3s
}

.bootstrap-scope .duration-200 {
  transition-duration: .2s
}

.bootstrap-scope .duration-150 {
  transition-duration: .15s
}

.bootstrap-scope .duration-100 {
  transition-duration: .1s
}

.bootstrap-scope .duration-700 {
  transition-duration: .7s
}

.bootstrap-scope .duration-75 {
  transition-duration: 75ms
}

.bootstrap-scope .duration-1000 {
  transition-duration: 1s
}

.bootstrap-scope .ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.bootstrap-scope .ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.bootstrap-scope .ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.bootstrap-scope .ease-linear {
  transition-timing-function: linear
}

.bootstrap-scope .line-clamp-1 {
  -webkit-line-clamp: 1
}

.bootstrap-scope .line-clamp-1,
.bootstrap-scope .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.bootstrap-scope .line-clamp-2 {
  -webkit-line-clamp: 2
}

.bootstrap-scope .position-1 {
  background-position: 0
}

.bootstrap-scope .text-stroke {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #000
}

.bootstrap-scope .hyphens-auto {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto
}

.bootstrap-scope .cke_dialog_ui_checkbox_input {
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important
}

.bootstrap-scope .live-activitystatus-by-user .lrn-report-table-action .btn-group .dropdown-menu [data-action=exitAndSubmit],
.bootstrap-scope [data-action="set:received"] {
  display: none !important
}

.bootstrap-scope .live-activitystatus-by-user .modal-dialog .modal-content .modal-body #goto-type-reference,
.bootstrap-scope [for=goto-type-reference] {
  display: none !important
}

.bootstrap-scope .point-value {
  font-size: 12px;
  width: 10.3571428571em;
  padding: .5714285714em .8571428571em;
  background-color: #fff;
  border: 1px solid #939393;
  border-radius: 2px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  transition: color .1s;
  line-height: 1.4
}

.bootstrap-scope .lrn-response_analysis {
  font-size: 1rem;
  line-height: 18px
}

.bootstrap-scope .lrn-ra-body-student-name,
.bootstrap-scope .lrn-ra-head-name-title {
  font-weight: 700
}

.bootstrap-scope .lrn-ra-body-answer-col-cell-result-point,
.bootstrap-scope .lrn-ra-head-cell-top-question-point {
  font-size: .9rem
}

.bootstrap-scope .lrn-ra-body-answer-col,
.bootstrap-scope .lrn-ra-head-cell {
  width: 100px;
  min-width: 100px
}

.bootstrap-scope .lrn-module-charts-histogram {
  font-size: .9rem
}

.bootstrap-scope .lrn-ra-tick {
  width: 16px;
  height: 16px
}

.bootstrap-scope .lrn.lrn_widget.lrn_qr.lrn_clearfix.lrn_mcq {
  font-size: 1rem !important
}

.bootstrap-scope .lrn-ra-body-answer-col-cell,
.bootstrap-scope .lrn-ra-body-points-student,
.bootstrap-scope .lrn-ra-body-student-name {
  height: 70px;
  min-height: 70px;
  max-height: 140px
}

.bootstrap-scope .lrn-ra-body-points-student,
.bootstrap-scope .lrn-ra-body-student-name {
  display: flex;
  align-items: center
}

.bootstrap-scope .lrn-ra-body-student-name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
  overflow: hidden
}

.bootstrap-scope .lrn_singleRow.lrn_contentWrapper {
  padding-right: 20px !important
}

.bootstrap-scope .lrn-ra-head-cell {
  height: auto !important
}

.bootstrap-scope .inner-btn-shadow {
  box-shadow: inset 3px 3px 5px 0 rgb(0 0 0/25%)
}

.bootstrap-scope .tab-box-shadow {
  box-shadow: 0 4px 0 #fff, 0 1px 4px rgb(0 0 0/15%)
}

.bootstrap-scope .css-tlfecz-indicatorContainer {
  padding: 0 !important
}

.bootstrap-scope .react-datepicker-popper {
  z-index: 100
}

.bootstrap-scope body {
  font-size: 16px
}

.bootstrap-scope .EL-Wrapper ol,
.bootstrap-scope .EL-Wrapper ul,
.bootstrap-scope .K1-Wrapper ol,
.bootstrap-scope .K1-Wrapper ul,
.bootstrap-scope .MS-Wrapper ol,
.bootstrap-scope .MS-Wrapper ul {
  list-style-type: revert !important
}

.bootstrap-scope .radial-gradient {
  background: radial-gradient(circle, #00a2d4 16%, #992883 35%, #000 64%)
}

.bootstrap-scope .ripple {
  background-position: 50%;
  transition: background .8s
}

.bootstrap-scope .ripple:hover {
  background: #e248c3 radial-gradient(circle, transparent 1%, #e248c3 0) 50%/15000%
}

.bootstrap-scope .ripple:active {
  background-color: #e248c3;
  background-size: 100%;
  transition: background 0s
}

.bootstrap-scope .img-container img {
  display: inline-block
}

.bootstrap-scope .bg-purple-dots {
  background: url(../stars-bg.db92b3a1.html);
  background-size: cover
}

.bootstrap-scope .video-recorder-h-auto {
  height: auto !important
}

.bootstrap-scope .custom-tooltip {
  padding: 5px 10px !important;
  background-color: #434343 !important;
  opacity: 1 !important
}

.bootstrap-scope .custom-tooltip:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAU0lEQVQ4jWNgGAUDDxhhDDc3N+6/f/9uY2RgtCOg5zgrG6vH9u3bP6EYQKQhKJoxDCBgCIZmrAbgMASrZpwGoBnCikszQeDp6cnn6enJR7LGEQYAFxgt2BWTCywAAAAASUVORK5CYII=) !important;
  position: absolute !important;
  left: 0 !important;
  top: 23px !important
}

@media print {
.bootstrap-scope .printpdf {
      display: inline-block;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-top: 5px;
      width: 20rem
  }

.bootstrap-scope .printpdf-div {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      display: block
  }

.bootstrap-scope .passwd-card {
      display: block;
      page-break-inside: avoid !important
  }

.bootstrap-scope .lrn-page-break {
      display: block;
      page-break-before: always
  }

.bootstrap-scope .lrn.lrn-assess .lrn-region-group {
      display: block
  }

.bootstrap-scope .lrn_stimulus_content img {
      height: auto;
      max-width: 350px
  }

.bootstrap-scope .learnosity-item {
      padding-top: 0 !important;
      padding-bottom: 0 !important
  }

.bootstrap-scope .lrn_widget {
      margin-bottom: 0 !important;
      padding-top: 0 !important
  }

.bootstrap-scope .lrn_widget img {
      height: auto !important;
      max-width: 300px !important
  }

.bootstrap-scope .pagebreak,
.bootstrap-scope .showInPrint.hidden {
      display: block
  }

.bootstrap-scope .pagebreak {
      page-break-before: always
  }

.bootstrap-scope .lrn_imagecloze_container {
      max-width: -webkit-max-content !important;
      max-width: max-content !important
  }

.bootstrap-scope .lrn_response_input_wrapper {
      border: none !important
  }

.bootstrap-scope .pl_question_print_container .lrn_widget {
      page-break-inside: auto !important
  }

.bootstrap-scope .pl_question_classification {
      page-break-inside: avoid
  }
}

.bootstrap-scope .print-container .col-separator>.col-xs-6 div {
  overflow-y: visible !important;
  height: 100% !important
}

.bootstrap-scope .print-container {
  padding-left: 5px;
  position: relative
}

.bootstrap-scope .learnosity-item {
  padding-top: 50px;
  padding-bottom: 50px
}

.bootstrap-scope .texteditor-wrapper {
  border: 1px solid;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.bootstrap-scope input:checked~.dot {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #008fbb
}

.bootstrap-scope .google-chart svg>g>g:last-child {
  pointer-events: none
}

.bootstrap-scope .MS-Wrapper .lrn_btn_blue .btn-label {
  color: #fff !important
}

.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_correct .lrn_choiceLabel,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_incorrect .lrn_choiceLabel,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_valid .lrn_choiceLabel,
.bootstrap-scope .MS-Wrapper .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn_choiceLabel {
  background-color: #04a1d4 !important;
  color: #fff !important
}

.bootstrap-scope .MS-Wrapper .lrn-assess .items .progress span {
  background: #b7409e !important
}

.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:before {
  background-color: #b7409e !important
}

.bootstrap-scope .K1-Wrapper .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn-label {
  background-color: #e2eaff !important
}

.bootstrap-scope .EL-Wrapper .lrn_btn_blue {
  background-color: #a3ed2b !important;
  border-radius: 5px;
  border: 1px solid #a3ed2b !important
}

.bootstrap-scope .MS-Wrapper .lrn_btn_blue {
  background-color: #008fbb !important;
  border-radius: 5px;
  border: none !important
}

.bootstrap-scope .EL-Wrapper .lrn_btn_blue:hover {
  opacity: .8 !important;
  background-color: #a9fb24 !important
}

.bootstrap-scope .MS-Wrapper .lrn_btn_blue:hover {
  background-color: #06769a !important
}

.bootstrap-scope .EL-Wrapper .lrn_btn_blue .btn-label {
  color: #374151 !important
}

.bootstrap-scope .K1-Wrapper .lrn_btn_blue:hover {
  background-color: #06769a !important
}

.bootstrap-scope .K1-Wrapper .lrn_btn_blue .btn-label {
  color: #fff !important
}

.bootstrap-scope .K1-Wrapper .lrn button.lrn_btn_blue.item-next:before {
  color: #000 !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper {
  background-color: rgba(169, 251, 36, .7019607843137254) !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper {
  background-color: #0094bc !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .menu-overlay {
  background-color: #a3ed2b !important
}

.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .menu-overlay {
  background-color: #4fbce0 !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .menu-overlay {
  background-color: #0094bc !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .test-pause.lrn_btn:hover:not(:disabled) {
  background-color: #36d9a4 !important
}

.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .test-pause.lrn_btn:hover:not(:disabled) {
  background-color: #f1daec !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .test-pause.lrn_btn:hover:not(:disabled) {
  background-color: #fcec30 !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:hover,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue:hover,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature>button:hover {
  background-color: #36d9a4 !important
}

.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue:hover,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature>button:hover,
.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:hover {
  background-color: #f1daec !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:hover,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue:hover,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature>button:hover {
  background-color: #fcec30 !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper.menu-with-scroll:after {
  background-image: linear-gradient(0deg, rgba(169, 251, 36, .7019607843137254), rgba(169, 251, 36, 0) 70%) !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper.menu-with-scroll:after {
  background-image: linear-gradient(0deg, #0094bc, rgba(0, 147, 188, 0) 70%) !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .dialogs .lrn_btn_blue,
.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
.bootstrap-scope .lrn.lrn-assess .dialogs .lrn_btn {
  background-color: #a3ed2b;
  color: #333;
  border: 1px solid rgba(120, 192, 5, .7019607843137254)
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .dialogs .lrn_btn_blue:hover:not(:disabled),
.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue:hover:not(:disabled) {
  color: #333
}

.bootstrap-scope .lrn.lrn-assess .dialogs .lrn_btn,
.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn {
  background-color: #4fbce0;
  color: #333;
  border: 1px solid #45a8c9
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
.bootstrap-scope .lrn.lrn-assess .dialogs .lrn_btn {
  background-color: #018fbb;
  color: #fff;
  border: 1px solid #018fbb
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue:before,
.bootstrap-scope .lrn.lrn-assess .dialogs .lrn_btn_blue:before {
  color: #374151 !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:before {
  background-color: #ff9510 !important
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:after {
  border-color: transparent transparent transparent #ff9510
}

.bootstrap-scope .MS-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:after {
  border-color: transparent transparent transparent #b7409e
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:before {
  background-color: #89e400 !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .app-panel.review-screen .item-card.active:after {
  border-color: transparent transparent transparent #89e400
}

.bootstrap-scope .EL-Wrapper .lrn-assess .items .progress span {
  background: #2ec796
}

.bootstrap-scope .K1-Wrapper .lrn-assess .items .progress span {
  background: #ff8c00
}

.bootstrap-scope .EL-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_active,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue.lrn_active,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature>button.lrn_active {
  border: 2px solid #ff9510;
  background-color: rgba(169, 251, 36, .7) !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_active,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue.lrn_active,
.bootstrap-scope .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature>button.lrn_active {
  border: 2px solid #89e400;
  background-color: rgba(252, 235, 48, .7) !important
}

.bootstrap-scope .EL-Wrapper .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn_choiceLabel,
.bootstrap-scope .K1-Wrapper .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn_choiceLabel,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_correct .lrn_choiceLabel,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_incorrect .lrn_choiceLabel,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_valid .lrn_choiceLabel {
  background-color: #60a5fa !important;
  color: #fff !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue:before,
.bootstrap-scope .lrn.lrn-assess .dialogs .lrn_btn_blue:before {
  color: #fff !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:before {
  color: #fff !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:hover.lrn_btn:before {
  color: #272626 !important
}

.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .dialogs .lrn_btn_blue,
.bootstrap-scope .K1-Wrapper .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue {
  background-color: #018fbb;
  color: #fff;
  border: 1px solid #018fbb;
  font-size: 1.25em;
  padding: .4em .9em
}

.bootstrap-scope .lrn.lrn-author .lrn-author-message-warning {
  display: none !important
}

.bootstrap-scope svg[aria-label="A chart."]>g:last-child>g:last-child {
  pointer-events: none
}

#learnosity_assessQuestion #lrn_assess_next_btn {
  display: none !important
}

.bootstrap-scope .CircularProgressbar .CircularProgressbar-trail {
  stroke: #f0f8ff
}

.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn_choiceLabel {
  font-size: 1.5em
}

.bootstrap-scope .learnosity-item {
  padding-top: 0;
  padding-bottom: 15px
}

.bootstrap-scope .learnosity-report .lrn-circle {
  border-radius: 5px
}

.bootstrap-scope .lrn_stimulus .lrn_stimulus_content {
  font-weight: 500
}

.bootstrap-scope .learnosity-report h3 {
  margin-bottom: 0;
  font-size: 21px
}

@media only screen and (max-width:600px) {
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option .lrn-label {
      padding-right: 25px
  }

.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_correct .lrn-label:before,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_incorrect .lrn-label:before,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn-label:before,
.bootstrap-scope .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_valid .lrn-label:before {
      right: .5em
  }
}

.bootstrap-scope .K1-Wrapper .lrn-feature-heading,
.bootstrap-scope .K1-Wrapper .lrn_correctAnswerList,
.bootstrap-scope .K1-Wrapper .lrn_response,
.bootstrap-scope .K1-Wrapper .lrn_stimulus,
.bootstrap-scope .K1-Wrapper .lrn_stimulus .lrn_stimulus_content,
.bootstrap-scope .K1-Wrapper .lrn_validate,
.bootstrap-scope .K1-Wrapper .lrn_widget {
  font-family: "Didact Gothic", sans-serif !important
}

@media screen and (max-width:767px) {
  table.mobile-optimised {
      word-wrap: break-word
  }

  table.mobile-optimised thead {
      position: absolute;
      left: -999em;
      top: -999em
  }

  table.mobile-optimised td {
      display: block;
      float: left;
      width: 100%;
      clear: both;
      padding: 10px;
      box-sizing: border-box;
      margin-top: 0;
      text-align: left
  }

  table.mobile-optimised tbody,
  table.mobile-optimised tr {
      display: block
  }

.bootstrap-scope .mobile-optimised td:before {
      content: attr(data-th);
      display: block;
      font-weight: 700;
      margin: 0 0 2px;
      color: #000
  }

.bootstrap-scope .mobile-optimised tbody tr {
      float: left;
      width: 100%;
      margin-bottom: 10px
  }
}

.bootstrap-scope .videonotes .video-recorder-notes {
  height: auto !important
}

.bootstrap-scope .eDDpY {
  top: 30% !important
}

@media screen and (min-width:1280px) {
.bootstrap-scope .videonotes .video-recorder-notes {
      height: 400px !important
  }

.bootstrap-scope .eDDpY {
      top: 36% !important
  }
}

.bootstrap-scope .lrn button.lrn_btn.test-speaker-on:before {
  top: 0;
  padding: 0;
  margin-top: 1px;
  margin-bottom: -1px;
  font-size: 20px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "5"
}

.bootstrap-scope .lrn button.lrn_btn.test-speaker-off:before {
  top: 0;
  padding: 0;
  margin-top: 1px;
  margin-bottom: -1px;
  font-size: 20px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "6"
}

.bootstrap-scope .lrn .lrn_btn.custom_btn.text-to-speech {
  padding: 1.05em !important
}

.bootstrap-scope .lrn .lrn_btn.custom_btn.text-to-speech.div_speaker_question {
  margin-right: 5px;
  border: none
}

.bootstrap-scope .text-to-speech-disable {
  opacity: .6;
  cursor: not-allowed
}

.bootstrap-scope .lrn_question .div_speaker_question .lrn_btn.test-speaker-on:before {
  font-size: 18px !important
}

.bootstrap-scope .lrn_feature .div_speaker_feature .lrn_btn.test-speaker-on:before {
  font-size: 18px !important
}

.bootstrap-scope .lrn_question .div_speaker_question .lrn_btn.test-speaker-off:before {
  font-size: 18px !important
}

.bootstrap-scope .lrn_feature .div_speaker_feature .lrn_btn.test-speaker-off:before {
  font-size: 18px !important
}

.bootstrap-scope .lrn .lrn_feature .lrn_btn.custom_btn.text-to-speech.div_speaker_feature,
.bootstrap-scope .lrn .lrn_question .lrn_btn.custom_btn.text-to-speech.div_speaker_question {
  padding: 0 !important;
  width: 18px !important;
  margin-right: 7px !important;
  background-color: #fff !important
}

.bootstrap-scope .lrn_stimulus .lrn_stimulus_content {
  font-weight: 400 !important
}

.bootstrap-scope .react-datepicker-wrapper {
  width: 100%
}

.bootstrap-scope ::-webkit-calendar-picker-indicator {
  display: block;
  background: transparent;
  position: absolute;
  -webkit-transform: scale(6);
  transform: scale(6)
}

.bootstrap-scope .mejs__mediaelement video {
  height: 100% !important
}

.bootstrap-scope .google-btn {
  box-shadow: 0 2px 4px 0 rgb(0 0 0/25%);
  transition: background-color .218s, border-color .218s, box-shadow .218s
}

.bootstrap-scope .google-btn:hover {
  box-shadow: 0 0 3px 3px rgb(66 133 244/30%)
}

.bootstrap-scope .h-4_5 {
  height: 1.12rem
}

.bootstrap-scope .crGradeWrapper #learnosity-CRReport .lrn-circle,
.bootstrap-scope .StudentWrapper .lrn_btn.lrn_validate {
  display: none !important
}

.bootstrap-scope .lrn-formula-symbols-help,
.bootstrap-scope .lrn_input_ui.lrn.lrn_widget.lrn_absolute_keyboard_parent {
  z-index: 9999 !important
}

.bootstrap-scope table.roundedTable tbody tr:last-child {
  border-bottom: none !important
}

.bootstrap-scope table.roundedTable tbody tr:last-child>td:first-child {
  border-bottom-left-radius: .5rem
}

.bootstrap-scope table.roundedTable tbody tr:last-child>td:last-child {
  border-bottom-right-radius: .5rem
}

.bootstrap-scope table.roundedTable tbody tr>td:last-child {
  border-color: transparent !important
}

.bootstrap-scope .EL-Wrapper select,
.bootstrap-scope .K1-Wrapper select,
.bootstrap-scope .MS-Wrapper select {
  background-image: none
}

.bootstrap-scope .lrn_contentWrapper {
  position: relative;
  left: 5px
}

.bootstrap-scope .lrn_singleRow.lrn_contentWrapper {
  left: 0
}

.bootstrap-scope .toggle-btn {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.bootstrap-scope .lrn-ra-body-answer-col-cell_correct,
.bootstrap-scope .lrn-ra-body-student-highlight {
  background-color: #b2d136 !important
}

.bootstrap-scope .lrn-ra-body-answer-col-cell_incorrect {
  background-color: #e53f71 !important
}

.bootstrap-scope .lrn-module-charts-histogram .item-correct .lrn-module-charts-histogram-column-value {
  background-color: #b2d136 !important;
  border-color: #b2d136 !important
}

.bootstrap-scope .lrn-module-charts-histogram .lrn-module-charts-histogram-column-value {
  background-color: #e53f71 !important
}

.bootstrap-scope .lrn-module-charts-histogram-column-value {
  border: 1px solid #e53f71 !important
}

.bootstrap-scope .lrn-module-charts-histogram .item-unattempted .lrn-module-charts-histogram-column-value {
  background-color: #666 !important;
  border-color: #666 !important
}

.bootstrap-scope .lrn-ra-head-cell-top-question-type {
  display: none !important
}

@media print {
.bootstrap-scope .pagebreak {
      page-break-before: always
  }
}

@page {
  margin: 10px 0
}

.bootstrap-scope .before\:absolute:before {
  content: "";
  position: absolute
}

.bootstrap-scope .before\:left-0:before {
  content: "";
  left: 0
}

.bootstrap-scope .before\:top-2:before {
  content: "";
  top: .5rem
}

.bootstrap-scope .before\:top-\[100\%\]:before {
  content: "";
  top: 100%
}

.bootstrap-scope .before\:z-0:before {
  content: "";
  z-index: 0
}

.bootstrap-scope .before\:block:before {
  content: "";
  display: block
}

.bootstrap-scope .before\:h-6:before {
  content: "";
  height: 1.5rem
}

.bootstrap-scope .before\:h-0:before {
  content: "";
  height: 0
}

.bootstrap-scope .before\:w-11:before {
  content: "";
  width: 2.75rem
}

.bootstrap-scope .before\:w-0:before {
  content: "";
  width: 0
}

.bootstrap-scope .before\:rotate-\[145deg\]:before {
  content: "";
  --tw-rotate: 145deg;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .before\:transform:before {
  content: "";
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .before\:rounded-bl-full:before {
  content: "";
  border-bottom-left-radius: 9999px
}

.bootstrap-scope .before\:rounded-br-full:before {
  content: "";
  border-bottom-right-radius: 9999px
}

.bootstrap-scope .before\:border-l-\[10px\]:before {
  content: "";
  border-left-width: 10px
}

.bootstrap-scope .before\:border-t-\[10px\]:before {
  content: "";
  border-top-width: 10px
}

.bootstrap-scope .before\:border-l-transparent:before {
  content: "";
  border-left-color: transparent
}

.bootstrap-scope .before\:border-t-\[\#900\]:before {
  content: "";
  --tw-border-opacity: 1;
  border-top-color: rgba(153, 0, 0, var(--tw-border-opacity))
}

.bootstrap-scope .before\:bg-\[\#eead00\]:before {
  content: "";
  --tw-bg-opacity: 1;
  background-color: rgba(238, 173, 0, var(--tw-bg-opacity))
}

.bootstrap-scope .before\:blur-\[90\%\]:before {
  content: "";
  --tw-blur: blur(90%);
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .before\:filter:before {
  content: "";
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .after\:absolute:after {
  content: "";
  position: absolute
}

.bootstrap-scope .after\:top-\[100\%\]:after {
  content: "";
  top: 100%
}

.bootstrap-scope .after\:right-0:after {
  content: "";
  right: 0
}

.bootstrap-scope .after\:block:after {
  content: "";
  display: block
}

.bootstrap-scope .after\:h-0:after {
  content: "";
  height: 0
}

.bootstrap-scope .after\:w-0:after {
  content: "";
  width: 0
}

.bootstrap-scope .after\:border-r-\[10px\]:after {
  content: "";
  border-right-width: 10px
}

.bootstrap-scope .after\:border-t-\[10px\]:after {
  content: "";
  border-top-width: 10px
}

.bootstrap-scope .after\:border-r-transparent:after {
  content: "";
  border-right-color: transparent
}

.bootstrap-scope .after\:border-t-\[\#900\]:after {
  content: "";
  --tw-border-opacity: 1;
  border-top-color: rgba(153, 0, 0, var(--tw-border-opacity))
}

.bootstrap-scope .last\:mr-0:last-child {
  margin-right: 0
}

.bootstrap-scope .focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.bootstrap-scope .focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.bootstrap-scope .focus-within\:ring-indigo-500:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
}

.bootstrap-scope .focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px
}

.bootstrap-scope .focus-within\:ring-offset-gray-100:focus-within {
  --tw-ring-offset-color: #f3f4f6
}

.bootstrap-scope .hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .hover\:scale-100:hover {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .hover\:rounded-t-lg:hover {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

.bootstrap-scope .hover\:border-4:hover {
  border-width: 4px
}

.bootstrap-scope .hover\:border:hover {
  border-width: 1px
}

.bootstrap-scope .hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(147, 197, 253, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-green-600:hover {
  --tw-border-opacity: 1;
  border-color: rgba(5, 150, 105, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-light-green:hover {
  --tw-border-opacity: 1;
  border-color: rgba(181, 64, 158, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-\[\#dec80a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgba(222, 200, 10, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-primary-violet:hover {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-secondary-teal\/50:hover {
  border-color: rgba(153, 40, 131, .5)
}

.bootstrap-scope .hover\:border-primary-violet\/50:hover {
  border-color: rgba(0, 143, 187, .5)
}

.bootstrap-scope .hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-gray-100:hover {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-gray-400\/70:hover {
  border-color: rgba(156, 163, 175, .7)
}

.bootstrap-scope .hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-\[\#e53f71\]:hover {
  --tw-border-opacity: 1;
  border-color: rgba(229, 63, 113, var(--tw-border-opacity))
}

.bootstrap-scope .hover\:border-opacity-0:hover {
  --tw-border-opacity: 0
}

.bootstrap-scope .hover\:border-opacity-50:hover {
  --tw-border-opacity: 0.5
}

.bootstrap-scope .hover\:border-opacity-100:hover {
  --tw-border-opacity: 1
}

.bootstrap-scope .hover\:bg-primary-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-dark-teal:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(123, 22, 101, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-primary-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(154, 39, 131, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-darkest-teal:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 85, 111, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-secondary-teal:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 40, 131, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-dark-violet:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 118, 154, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-light-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(181, 64, 158, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-yellow-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-light-violet:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 162, 212, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-light-violet\/20:hover {
  background-color: rgba(1, 162, 212, .2)
}

.bootstrap-scope .hover\:bg-gray-300\/20:hover {
  background-color: rgba(209, 213, 219, .2)
}

.bootstrap-scope .hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-secondary-teal\/20:hover {
  background-color: rgba(153, 40, 131, .2)
}

.bootstrap-scope .hover\:bg-orange-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 211, 50, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-secondary-teal\/50:hover {
  background-color: rgba(153, 40, 131, .5)
}

.bootstrap-scope .hover\:bg-\[\#7DBC41\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(125, 188, 65, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-primary-violet\/20:hover {
  background-color: rgba(0, 143, 187, .2)
}

.bootstrap-scope .hover\:bg-primary-violet\/30:hover {
  background-color: rgba(0, 143, 187, .3)
}

.bootstrap-scope .hover\:bg-primary-violet:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-primary-violet\/10:hover {
  background-color: rgba(0, 143, 187, .1)
}

.bootstrap-scope .hover\:bg-transparent:hover {
  background-color: transparent
}

.bootstrap-scope .hover\:bg-\[\#0149c1\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 73, 193, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-\[\#34D9A5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 217, 165, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-white\/90:hover {
  background-color: hsla(0, 0%, 100%, .9)
}

.bootstrap-scope .hover\:bg-\[\#00C5DB\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 197, 219, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-\[\#ffcb91\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 203, 145, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-\[\#fcf0b8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(252, 240, 184, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-lightest-violet:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(234, 198, 225, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-blue-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-blues:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 63, 146, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-\[\#93b7fa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(147, 183, 250, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-site-teal\/20:hover {
  background-color: rgba(37, 170, 195, .2)
}

.bootstrap-scope .hover\:bg-\[\#f19afc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 154, 252, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-green-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.bootstrap-scope .hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8
}

.bootstrap-scope .hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9
}

.bootstrap-scope .hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1
}

.bootstrap-scope .hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3
}

.bootstrap-scope .hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4
}

.bootstrap-scope .hover\:bg-opacity-100:hover {
  --tw-bg-opacity: 1
}

.bootstrap-scope .hover\:bg-opacity-70:hover {
  --tw-bg-opacity: 0.7
}

.bootstrap-scope .hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5
}

.bootstrap-scope .hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2
}

.bootstrap-scope .hover\:from-\[\#c1ad06\]:hover {
  --tw-gradient-from: #c1ad06;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(193, 173, 6, 0))
}

.bootstrap-scope .hover\:from-\[\#ff416c\]:hover {
  --tw-gradient-from: #ff416c;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 65, 108, 0))
}

.bootstrap-scope .hover\:from-\[\#ddc600\]:hover {
  --tw-gradient-from: #ddc600;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(221, 198, 0, 0))
}

.bootstrap-scope .hover\:from-\[\#96d659\]:hover {
  --tw-gradient-from: #96d659;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(150, 214, 89, 0))
}

.bootstrap-scope .hover\:to-\[\#de880b\]:hover {
  --tw-gradient-to: #de880b
}

.bootstrap-scope .hover\:to-\[\#d62000\]:hover {
  --tw-gradient-to: #d62000
}

.bootstrap-scope .hover\:to-\[\#ff5200\]:hover {
  --tw-gradient-to: #ff5200
}

.bootstrap-scope .hover\:to-\[\#4b9808\]:hover {
  --tw-gradient-to: #4b9808
}

.bootstrap-scope .hover\:p-1:hover {
  padding: .25rem
}

.bootstrap-scope .hover\:py-3:hover {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.bootstrap-scope .hover\:py-2\.5:hover {
  padding-top: .625rem;
  padding-bottom: .625rem
}

.bootstrap-scope .hover\:py-2:hover {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.bootstrap-scope .hover\:pl-6:hover {
  padding-left: 1.5rem
}

.bootstrap-scope .hover\:font-semibold:hover {
  font-weight: 600
}

.bootstrap-scope .hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgba(49, 46, 129, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-dark-violet:hover {
  --tw-text-opacity: 1;
  color: rgba(6, 118, 154, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-primary-violet:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 143, 187, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-light-green:hover {
  --tw-text-opacity: 1;
  color: rgba(181, 64, 158, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-secondary-teal:hover {
  --tw-text-opacity: 1;
  color: rgba(153, 40, 131, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-primary-green:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 143, 187, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-gray-100:hover {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-\[\#B2D136\]:hover {
  --tw-text-opacity: 1;
  color: rgba(178, 209, 54, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-\[\#e53f71\]:hover {
  --tw-text-opacity: 1;
  color: rgba(229, 63, 113, var(--tw-text-opacity))
}

.bootstrap-scope .hover\:text-opacity-100:hover {
  --tw-text-opacity: 1
}

.bootstrap-scope .hover\:text-opacity-70:hover {
  --tw-text-opacity: 0.7
}

.bootstrap-scope .hover\:underline:hover {
  text-decoration: underline
}

.bootstrap-scope .hover\:no-underline:hover {
  text-decoration: none
}

.bootstrap-scope .hover\:opacity-90:hover {
  opacity: .9
}

.bootstrap-scope .hover\:opacity-70:hover {
  opacity: .7
}

.bootstrap-scope .hover\:opacity-100:hover {
  opacity: 1
}

.bootstrap-scope .hover\:opacity-80:hover {
  opacity: .8
}

.bootstrap-scope .hover\:hover\:opacity-90:hover:hover {
  opacity: .9
}

.bootstrap-scope .hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bootstrap-scope .hover\:brightness-125:hover {
  --tw-brightness: brightness(1.25);
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .hover\:filter:hover {
  -webkit-filter: var(--tw-filter);
  filter: var(--tw-filter)
}

.bootstrap-scope .focus\:relative:focus {
  position: relative
}

.bootstrap-scope .focus\:z-10:focus {
  z-index: 10
}

.bootstrap-scope .focus\:border-primary-purple:focus {
  --tw-border-opacity: 1;
  border-color: rgba(154, 39, 131, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-secondary-teal:focus {
  --tw-border-opacity: 1;
  border-color: rgba(153, 40, 131, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-primary-violet:focus {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(99, 102, 241, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-gray-200:focus {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-gray-700:focus {
  --tw-border-opacity: 1;
  border-color: rgba(55, 65, 81, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(16, 185, 129, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-primary-green:focus {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:border-purple-400:focus {
  --tw-border-opacity: 1;
  border-color: rgba(167, 139, 250, var(--tw-border-opacity))
}

.bootstrap-scope .focus\:bg-primary-green:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .focus\:bg-red-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bootstrap-scope .focus\:bg-green-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.bootstrap-scope .focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bootstrap-scope .focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.bootstrap-scope .focus\:text-blue-700:focus {
  --tw-text-opacity: 1;
  color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.bootstrap-scope .focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.bootstrap-scope .focus\:placeholder-gray-400:focus::-webkit-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .focus\:placeholder-gray-400:focus:-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .focus\:placeholder-gray-400:focus::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-placeholder-opacity))
}

.bootstrap-scope .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.bootstrap-scope .focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.bootstrap-scope .focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.bootstrap-scope .focus\:ring-inset:focus {
  --tw-ring-inset: inset
}

.bootstrap-scope .focus\:ring-primary-purple:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(154, 39, 131, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-secondary-teal:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(153, 40, 131, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-primary-violet:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 143, 187, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(16, 185, 129, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-primary-green:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(0, 143, 187, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity))
}

.bootstrap-scope .focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px
}

.bootstrap-scope .focus\:ring-offset-gray-800:focus {
  --tw-ring-offset-color: #1f2937
}

.bootstrap-scope .active\:bg-transparent:active {
  background-color: transparent
}

.bootstrap-scope .active\:bg-gray-200:active {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .active\:bg-purple-600:active {
  --tw-bg-opacity: 1;
  background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.bootstrap-scope .active\:bg-primary-green:active {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
}

.bootstrap-scope .active\:bg-dark-violet:active {
  --tw-bg-opacity: 1;
  background-color: rgba(6, 118, 154, var(--tw-bg-opacity))
}

.bootstrap-scope .active\:text-gray-500:active {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.bootstrap-scope .active\:text-blue-800:active {
  --tw-text-opacity: 1;
  color: rgba(30, 64, 175, var(--tw-text-opacity))
}

.bootstrap-scope .active\:text-black:active {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.bootstrap-scope .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed
}

.bootstrap-scope .disabled\:opacity-50:disabled {
  opacity: .5
}

.bootstrap-scope .group:hover .group-hover\:ml-4 {
  margin-left: 1rem
}

.bootstrap-scope .group:hover .group-hover\:block {
  display: block
}

.bootstrap-scope .group:hover .group-hover\:h-14 {
  height: 3.5rem
}

.bootstrap-scope .group:hover .group-hover\:h-8 {
  height: 2rem
}

.bootstrap-scope .group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:translate-x-2 {
  --tw-translate-x: 0.5rem;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:rotate-90 {
  --tw-rotate: 90deg;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:rotate-12 {
  --tw-rotate: 12deg;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:transform {
  -webkit-transform: var(--tw-transform);
  transform: var(--tw-transform)
}

.bootstrap-scope .group:hover .group-hover\:border {
  border-width: 1px
}

.bootstrap-scope .group:hover .group-hover\:border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgba(253, 230, 138, var(--tw-border-opacity))
}

.bootstrap-scope .group:hover .group-hover\:border-primary-violet {
  --tw-border-opacity: 1;
  border-color: rgba(0, 143, 187, var(--tw-border-opacity))
}

.bootstrap-scope .group:hover .group-hover\:border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-dark-teal {
  --tw-bg-opacity: 1;
  background-color: rgba(123, 22, 101, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-lightest-violet {
  --tw-bg-opacity: 1;
  background-color: rgba(234, 198, 225, var(--tw-bg-opacity))
}

.bootstrap-scope .group:hover .group-hover\:bg-opacity-80 {
  --tw-bg-opacity: 0.8
}

.bootstrap-scope .group:hover .group-hover\:from-\[\#c1ad06\] {
  --tw-gradient-from: #c1ad06;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(193, 173, 6, 0))
}

.bootstrap-scope .group:hover .group-hover\:to-\[\#de880b\] {
  --tw-gradient-to: #de880b
}

.bootstrap-scope .group:hover .group-hover\:font-bold {
  font-weight: 700
}

.bootstrap-scope .group:hover .group-hover\:text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-green-600 {
  --tw-text-opacity: 1;
  color: rgba(5, 150, 105, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-green-50 {
  --tw-text-opacity: 1;
  color: rgba(236, 253, 245, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgba(245, 158, 11, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-tertiary-green {
  --tw-text-opacity: 1;
  color: rgba(144, 174, 22, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-primary-violet {
  --tw-text-opacity: 1;
  color: rgba(0, 143, 187, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-dark-violet {
  --tw-text-opacity: 1;
  color: rgba(6, 118, 154, var(--tw-text-opacity))
}

.bootstrap-scope .group:hover .group-hover\:text-opacity-80 {
  --tw-text-opacity: 0.8
}

.bootstrap-scope .group:hover .group-hover\:underline {
  text-decoration: underline
}

.bootstrap-scope .group:hover .group-hover\:opacity-100 {
  opacity: 1
}

.bootstrap-scope .group:hover .group-hover\:opacity-80 {
  opacity: .8
}

.bootstrap-scope .group:hover .group-hover\:opacity-10 {
  opacity: .1
}

.bootstrap-scope .group:hover .group-hover\:opacity-20 {
  opacity: .2
}

.bootstrap-scope .group:hover .group-hover\:opacity-70 {
  opacity: .7
}

.bootstrap-scope .group:hover .group-hover\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

@media (min-width:375px) {
.bootstrap-scope .xs\:right-0 {
      right: 0
  }

.bootstrap-scope .xs\:top-12 {
      top: 3rem
  }

.bootstrap-scope .xs\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .xs\:mx-7 {
      margin-left: 1.75rem;
      margin-right: 1.75rem
  }

.bootstrap-scope .xs\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .xs\:h-auto {
      height: auto
  }

.bootstrap-scope .xs\:w-auto {
      width: auto
  }

.bootstrap-scope .xs\:w-56 {
      width: 14rem
  }

.bootstrap-scope .xs\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .xs\:w-\[100\%\] {
      width: 100%
  }

.bootstrap-scope .xs\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .xs\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .xs\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .xs\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .xs\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .xs\:space-y-0>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px*var(--tw-space-y-reverse))
  }

.bootstrap-scope .xs\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }

.bootstrap-scope .xs\:px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }

.bootstrap-scope .xs\:pb-7 {
      padding-bottom: 1.75rem
  }

.bootstrap-scope .xs\:pt-7 {
      padding-top: 1.75rem
  }

.bootstrap-scope .xs\:text-left {
      text-align: left
  }

.bootstrap-scope .xs\:text-base {
      font-size: 1.15rem
  }
}

@media (min-width:640px) {
.bootstrap-scope .sm\:left-0 {
      left: 0
  }

.bootstrap-scope .sm\:right-0 {
      right: 0
  }

.bootstrap-scope .sm\:left-6 {
      left: 1.5rem
  }

.bootstrap-scope .sm\:top-6 {
      top: 1.5rem
  }

.bootstrap-scope .sm\:order-none {
      order: 0
  }

.bootstrap-scope .sm\:col-span-1 {
      grid-column: span 1/span 1
  }

.bootstrap-scope .sm\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .sm\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .sm\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .sm\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .sm\:col-span-10 {
      grid-column: span 10/span 10
  }

.bootstrap-scope .sm\:col-span-8 {
      grid-column: span 8/span 8
  }

.bootstrap-scope .sm\:col-start-2 {
      grid-column-start: 2
  }

.bootstrap-scope .sm\:m-4 {
      margin: 1rem
  }

.bootstrap-scope .sm\:m-0 {
      margin: 0
  }

.bootstrap-scope .sm\:-mx-6 {
      margin-left: -1.5rem;
      margin-right: -1.5rem
  }

.bootstrap-scope .sm\:my-8 {
      margin-top: 2rem;
      margin-bottom: 2rem
  }

.bootstrap-scope .sm\:mx-0 {
      margin-left: 0;
      margin-right: 0
  }

.bootstrap-scope .sm\:mx-6 {
      margin-left: 1.5rem;
      margin-right: 1.5rem
  }

.bootstrap-scope .sm\:-mx-2 {
      margin-left: -.5rem;
      margin-right: -.5rem
  }

.bootstrap-scope .sm\:my-2 {
      margin-top: .5rem;
      margin-bottom: .5rem
  }

.bootstrap-scope .sm\:my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem
  }

.bootstrap-scope .sm\:-mx-4 {
      margin-left: -1rem;
      margin-right: -1rem
  }

.bootstrap-scope .sm\:-mx-1 {
      margin-left: -.25rem;
      margin-right: -.25rem
  }

.bootstrap-scope .sm\:my-1 {
      margin-top: .25rem;
      margin-bottom: .25rem
  }

.bootstrap-scope .sm\:mt-4 {
      margin-top: 1rem
  }

.bootstrap-scope .sm\:ml-4 {
      margin-left: 1rem
  }

.bootstrap-scope .sm\:mt-0 {
      margin-top: 0
  }

.bootstrap-scope .sm\:ml-6 {
      margin-left: 1.5rem
  }

.bootstrap-scope .sm\:ml-3 {
      margin-left: .75rem
  }

.bootstrap-scope .sm\:mt-auto {
      margin-top: auto
  }

.bootstrap-scope .sm\:mt-2 {
      margin-top: .5rem
  }

.bootstrap-scope .sm\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .sm\:mr-0 {
      margin-right: 0
  }

.bootstrap-scope .sm\:mr-4 {
      margin-right: 1rem
  }

.bootstrap-scope .sm\:mr-2 {
      margin-right: .5rem
  }

.bootstrap-scope .sm\:ml-1 {
      margin-left: .25rem
  }

.bootstrap-scope .sm\:ml-0 {
      margin-left: 0
  }

.bootstrap-scope .sm\:mb-6 {
      margin-bottom: 1.5rem
  }

.bootstrap-scope .sm\:ml-2 {
      margin-left: .5rem
  }

.bootstrap-scope .sm\:mt-px {
      margin-top: 1px
  }

.bootstrap-scope .sm\:mt-5 {
      margin-top: 1.25rem
  }

.bootstrap-scope .sm\:ml-auto {
      margin-left: auto
  }

.bootstrap-scope .sm\:ml-7 {
      margin-left: 1.75rem
  }

.bootstrap-scope .sm\:-mt-4 {
      margin-top: -1rem
  }

.bootstrap-scope .sm\:block {
      display: block
  }

.bootstrap-scope .sm\:inline-block {
      display: inline-block
  }

.bootstrap-scope .sm\:flex {
      display: flex
  }

.bootstrap-scope .sm\:inline-flex {
      display: inline-flex
  }

.bootstrap-scope .sm\:grid {
      display: grid
  }

.bootstrap-scope .sm\:hidden {
      display: none
  }

.bootstrap-scope .sm\:h-10 {
      height: 2.5rem
  }

.bootstrap-scope .sm\:h-screen {
      height: 100vh
  }

.bootstrap-scope .sm\:h-\[180px\] {
      height: 180px
  }

.bootstrap-scope .sm\:h-16 {
      height: 4rem
  }

.bootstrap-scope .sm\:h-12 {
      height: 3rem
  }

.bootstrap-scope .sm\:w-3\/12 {
      width: 25%
  }

.bootstrap-scope .sm\:w-9\/12 {
      width: 75%
  }

.bootstrap-scope .sm\:w-96 {
      width: 24rem
  }

.bootstrap-scope .sm\:w-auto {
      width: auto
  }

.bootstrap-scope .sm\:w-full {
      width: 100%
  }

.bootstrap-scope .sm\:w-10 {
      width: 2.5rem
  }

.bootstrap-scope .sm\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .sm\:w-12 {
      width: 3rem
  }

.bootstrap-scope .sm\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .sm\:w-1\/4 {
      width: 25%
  }

.bootstrap-scope .sm\:w-80 {
      width: 20rem
  }

.bootstrap-scope .sm\:w-11\/12 {
      width: 91.666667%
  }

.bootstrap-scope .sm\:w-100 {
      width: 32.75rem
  }

.bootstrap-scope .sm\:w-\[50\%\] {
      width: 50%
  }

.bootstrap-scope .sm\:w-\[75\%\] {
      width: 75%
  }

.bootstrap-scope .sm\:w-20 {
      width: 5rem
  }

.bootstrap-scope .sm\:min-w-0 {
      min-width: 0
  }

.bootstrap-scope .sm\:min-w-full {
      min-width: 100%
  }

.bootstrap-scope .sm\:max-w-3xl {
      max-width: 48rem
  }

.bootstrap-scope .sm\:max-w-lg {
      max-width: 32rem
  }

.bootstrap-scope .sm\:max-w-xl {
      max-width: 36rem
  }

.bootstrap-scope .sm\:max-w-2xl {
      max-width: 42rem
  }

.bootstrap-scope .sm\:max-w-4xl {
      max-width: 56rem
  }

.bootstrap-scope .sm\:max-w-5xl {
      max-width: 64rem
  }

.bootstrap-scope .sm\:max-w-6xl {
      max-width: 72rem
  }

.bootstrap-scope .sm\:max-w-xs {
      max-width: 20rem
  }

.bootstrap-scope .sm\:max-w-7xl {
      max-width: 80rem
  }

.bootstrap-scope .sm\:max-w-md {
      max-width: 28rem
  }

.bootstrap-scope .sm\:max-w-\[750px\] {
      max-width: 750px
  }

.bootstrap-scope .sm\:flex-1 {
      flex: 1 1 0%
  }

.bootstrap-scope .sm\:translate-y-0 {
      --tw-translate-y: 0px
  }

.bootstrap-scope .sm\:translate-x-2,
.bootstrap-scope .sm\:translate-y-0 {
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .sm\:translate-x-2 {
      --tw-translate-x: 0.5rem
  }

.bootstrap-scope .sm\:translate-x-0 {
      --tw-translate-x: 0px
  }

.bootstrap-scope .sm\:scale-95,
.bootstrap-scope .sm\:translate-x-0 {
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .sm\:scale-95 {
      --tw-scale-x: .95;
      --tw-scale-y: .95
  }

.bootstrap-scope .sm\:scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .sm\:grid-flow-col {
      grid-auto-flow: column
  }

.bootstrap-scope .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .sm\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .sm\:flex-row-reverse {
      flex-direction: row-reverse
  }

.bootstrap-scope .sm\:flex-col {
      flex-direction: column
  }

.bootstrap-scope .sm\:items-start {
      align-items: flex-start
  }

.bootstrap-scope .sm\:items-end {
      align-items: flex-end
  }

.bootstrap-scope .sm\:items-center {
      align-items: center
  }

.bootstrap-scope .sm\:items-baseline {
      align-items: baseline
  }

.bootstrap-scope .sm\:justify-start {
      justify-content: flex-start
  }

.bootstrap-scope .sm\:justify-end {
      justify-content: flex-end
  }

.bootstrap-scope .sm\:justify-center {
      justify-content: center
  }

.bootstrap-scope .sm\:justify-between {
      justify-content: space-between
  }

.bootstrap-scope .sm\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .sm\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .sm\:gap-2 {
      gap: .5rem
  }

.bootstrap-scope .sm\:gap-3 {
      gap: .75rem
  }

.bootstrap-scope .sm\:gap-0 {
      gap: 0
  }

.bootstrap-scope .sm\:gap-1 {
      gap: .25rem
  }

.bootstrap-scope .sm\:gap-x-8 {
      -webkit-column-gap: 2rem;
      column-gap: 2rem
  }

.bootstrap-scope .sm\:gap-x-6 {
      -webkit-column-gap: 1.5rem;
      column-gap: 1.5rem
  }

.bootstrap-scope .sm\:gap-y-9 {
      row-gap: 2.25rem
  }

.bootstrap-scope .sm\:gap-x-0 {
      -webkit-column-gap: 0;
      column-gap: 0
  }

.bootstrap-scope .sm\:gap-y-0 {
      row-gap: 0
  }

.bootstrap-scope .sm\:gap-x-3 {
      -webkit-column-gap: .75rem;
      column-gap: .75rem
  }

.bootstrap-scope .sm\:gap-x-4 {
      -webkit-column-gap: 1rem;
      column-gap: 1rem
  }

.bootstrap-scope .sm\:gap-y-2 {
      row-gap: .5rem
  }

.bootstrap-scope .sm\:space-x-3>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem*var(--tw-space-x-reverse));
      margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .sm\:space-x-5>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.25rem*var(--tw-space-x-reverse));
      margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .sm\:space-x-6>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.5rem*var(--tw-space-x-reverse));
      margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .sm\:space-y-0>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px*var(--tw-space-y-reverse))
  }

.bootstrap-scope .sm\:space-y-5>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
  }

.bootstrap-scope .sm\:space-x-4>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem*var(--tw-space-x-reverse));
      margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .sm\:space-x-10>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2.5rem*var(--tw-space-x-reverse));
      margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .sm\:divide-y>:not([hidden])~:not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
  }

.bootstrap-scope .sm\:divide-gray-200>:not([hidden])~:not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-divide-opacity))
  }

.bootstrap-scope .sm\:overflow-hidden {
      overflow: hidden
  }

.bootstrap-scope .sm\:whitespace-nowrap {
      white-space: nowrap
  }

.bootstrap-scope .sm\:rounded-lg {
      border-radius: .5rem
  }

.bootstrap-scope .sm\:rounded-md {
      border-radius: .375rem
  }

.bootstrap-scope .sm\:rounded-tr-lg {
      border-top-right-radius: .5rem
  }

.bootstrap-scope .sm\:border-l {
      border-left-width: 1px
  }

.bootstrap-scope .sm\:border-t {
      border-top-width: 1px
  }

.bootstrap-scope .sm\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity))
  }

.bootstrap-scope .sm\:border-transparent {
      border-color: transparent
  }

.bootstrap-scope .sm\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity))
  }

.bootstrap-scope .sm\:bg-primary-green {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 143, 187, var(--tw-bg-opacity))
  }

.bootstrap-scope .sm\:bg-transparent {
      background-color: transparent
  }

.bootstrap-scope .sm\:p-0 {
      padding: 0
  }

.bootstrap-scope .sm\:p-6 {
      padding: 1.5rem
  }

.bootstrap-scope .sm\:p-4 {
      padding: 1rem
  }

.bootstrap-scope .sm\:p-3 {
      padding: .75rem
  }

.bootstrap-scope .sm\:p-10 {
      padding: 2.5rem
  }

.bootstrap-scope .sm\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

.bootstrap-scope .sm\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem
  }

.bootstrap-scope .sm\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem
  }

.bootstrap-scope .sm\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }

.bootstrap-scope .sm\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }

.bootstrap-scope .sm\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

.bootstrap-scope .sm\:px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }

.bootstrap-scope .sm\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }

.bootstrap-scope .sm\:py-0 {
      padding-top: 0;
      padding-bottom: 0
  }

.bootstrap-scope .sm\:px-1 {
      padding-left: .25rem;
      padding-right: .25rem
  }

.bootstrap-scope .sm\:py-6 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem
  }

.bootstrap-scope .sm\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }

.bootstrap-scope .sm\:py-2 {
      padding-top: .5rem;
      padding-bottom: .5rem
  }

.bootstrap-scope .sm\:pt-6 {
      padding-top: 1.5rem
  }

.bootstrap-scope .sm\:pl-6 {
      padding-left: 1.5rem
  }

.bootstrap-scope .sm\:pl-5 {
      padding-left: 1.25rem
  }

.bootstrap-scope .sm\:pb-1 {
      padding-bottom: .25rem
  }

.bootstrap-scope .sm\:pb-2 {
      padding-bottom: .5rem
  }

.bootstrap-scope .sm\:pr-20 {
      padding-right: 5rem
  }

.bootstrap-scope .sm\:pl-3 {
      padding-left: .75rem
  }

.bootstrap-scope .sm\:pr-4 {
      padding-right: 1rem
  }

.bootstrap-scope .sm\:pt-10 {
      padding-top: 2.5rem
  }

.bootstrap-scope .sm\:pr-0 {
      padding-right: 0
  }

.bootstrap-scope .sm\:pt-5 {
      padding-top: 1.25rem
  }

.bootstrap-scope .sm\:pt-2 {
      padding-top: .5rem
  }

.bootstrap-scope .sm\:pl-2 {
      padding-left: .5rem
  }

.bootstrap-scope .sm\:pl-0 {
      padding-left: 0
  }

.bootstrap-scope .sm\:pl-4 {
      padding-left: 1rem
  }

.bootstrap-scope .sm\:text-left {
      text-align: left
  }

.bootstrap-scope .sm\:text-right {
      text-align: right
  }

.bootstrap-scope .sm\:align-middle {
      vertical-align: middle
  }

.bootstrap-scope .sm\:text-sm {
      font-size: 1.025rem
  }

.bootstrap-scope .sm\:text-5xl {
      font-size: 3rem
  }

.bootstrap-scope .sm\:text-lg {
      font-size: 1.275rem
  }

.bootstrap-scope .sm\:text-4xl {
      font-size: 2.25rem
  }

.bootstrap-scope .sm\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity))
  }

.bootstrap-scope .sm\:hover\:bg-light-green:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(181, 64, 158, var(--tw-bg-opacity))
  }

.bootstrap-scope .sm\:focus\:border-gray-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity))
  }
}

@media (min-width:768px) {
.bootstrap-scope .md\:fixed {
      position: fixed
  }

.bootstrap-scope .md\:top-14 {
      top: 3.5rem
  }

.bootstrap-scope .md\:left-0 {
      left: 0
  }

.bootstrap-scope .md\:right-0 {
      right: 0
  }

.bootstrap-scope .md\:top-\[10rem\] {
      top: 10rem
  }

.bootstrap-scope .md\:top-2\/4 {
      top: 50%
  }

.bootstrap-scope .md\:left-1\/4 {
      left: 25%
  }

.bootstrap-scope .md\:right-\[20\%\] {
      right: 20%
  }

.bootstrap-scope .md\:bottom-6 {
      bottom: 1.5rem
  }

.bootstrap-scope .md\:bottom-28 {
      bottom: 7rem
  }

.bootstrap-scope .md\:bottom-7 {
      bottom: 1.75rem
  }

.bootstrap-scope .md\:z-40 {
      z-index: 40
  }

.bootstrap-scope .md\:order-first {
      order: -9999
  }

.bootstrap-scope .md\:order-last {
      order: 9999
  }

.bootstrap-scope .md\:order-none {
      order: 0
  }

.bootstrap-scope .md\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .md\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .md\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .md\:col-span-7 {
      grid-column: span 7/span 7
  }

.bootstrap-scope .md\:col-span-10 {
      grid-column: span 10/span 10
  }

.bootstrap-scope .md\:col-span-12 {
      grid-column: span 12/span 12
  }

.bootstrap-scope .md\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .md\:col-span-5 {
      grid-column: span 5/span 5
  }

.bootstrap-scope .md\:mx-auto {
      margin-left: auto;
      margin-right: auto
  }

.bootstrap-scope .md\:mx-3 {
      margin-left: .75rem;
      margin-right: .75rem
  }

.bootstrap-scope .md\:-mx-3 {
      margin-left: -.75rem;
      margin-right: -.75rem
  }

.bootstrap-scope .md\:my-3 {
      margin-top: .75rem;
      margin-bottom: .75rem
  }

.bootstrap-scope .md\:-mx-1 {
      margin-left: -.25rem;
      margin-right: -.25rem
  }

.bootstrap-scope .md\:my-1 {
      margin-top: .25rem;
      margin-bottom: .25rem
  }

.bootstrap-scope .md\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .md\:mt-0 {
      margin-top: 0
  }

.bootstrap-scope .md\:mr-6 {
      margin-right: 1.5rem
  }

.bootstrap-scope .md\:mr-4 {
      margin-right: 1rem
  }

.bootstrap-scope .md\:mt-2 {
      margin-top: .5rem
  }

.bootstrap-scope .md\:ml-auto {
      margin-left: auto
  }

.bootstrap-scope .md\:ml-0 {
      margin-left: 0
  }

.bootstrap-scope .md\:mt-12 {
      margin-top: 3rem
  }

.bootstrap-scope .md\:mt-5 {
      margin-top: 1.25rem
  }

.bootstrap-scope .md\:mr-2 {
      margin-right: .5rem
  }

.bootstrap-scope .md\:mr-0 {
      margin-right: 0
  }

.bootstrap-scope .md\:ml-3 {
      margin-left: .75rem
  }

.bootstrap-scope .md\:mb-2 {
      margin-bottom: .5rem
  }

.bootstrap-scope .md\:mb-4 {
      margin-bottom: 1rem
  }

.bootstrap-scope .md\:mt-4 {
      margin-top: 1rem
  }

.bootstrap-scope .md\:mr-12 {
      margin-right: 3rem
  }

.bootstrap-scope .md\:block {
      display: block
  }

.bootstrap-scope .md\:flex {
      display: flex
  }

.bootstrap-scope .md\:inline-flex {
      display: inline-flex
  }

.bootstrap-scope .md\:grid {
      display: grid
  }

.bootstrap-scope .md\:hidden {
      display: none
  }

.bootstrap-scope .md\:h-14 {
      height: 3.5rem
  }

.bootstrap-scope .md\:h-\[250px\] {
      height: 250px
  }

.bootstrap-scope .md\:h-10 {
      height: 2.5rem
  }

.bootstrap-scope .md\:h-\[12rem\] {
      height: 12rem
  }

.bootstrap-scope .md\:h-auto {
      height: auto
  }

.bootstrap-scope .md\:h-28 {
      height: 7rem
  }

.bootstrap-scope .md\:min-h-4rem {
      min-height: 4rem
  }

.bootstrap-scope .md\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .md\:w-full {
      width: 100%
  }

.bootstrap-scope .md\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .md\:w-7\/12 {
      width: 58.333333%
  }

.bootstrap-scope .md\:w-5\/12 {
      width: 41.666667%
  }

.bootstrap-scope .md\:w-\[90\%\] {
      width: 90%
  }

.bootstrap-scope .md\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .md\:w-\[45\%\] {
      width: 45%
  }

.bootstrap-scope .md\:w-\[55\%\] {
      width: 55%
  }

.bootstrap-scope .md\:w-10 {
      width: 2.5rem
  }

.bootstrap-scope .md\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .md\:w-84 {
      width: 22rem
  }

.bootstrap-scope .md\:w-auto {
      width: auto
  }

.bootstrap-scope .md\:w-3\/5 {
      width: 60%
  }

.bootstrap-scope .md\:w-2\/5 {
      width: 40%
  }

.bootstrap-scope .md\:w-9 {
      width: 2.25rem
  }

.bootstrap-scope .md\:w-60 {
      width: 15rem
  }

.bootstrap-scope .md\:w-64 {
      width: 16rem
  }

.bootstrap-scope .md\:w-\[700px\] {
      width: 700px
  }

.bootstrap-scope .md\:w-40 {
      width: 10rem
  }

.bootstrap-scope .md\:w-36 {
      width: 9rem
  }

.bootstrap-scope .md\:w-24 {
      width: 6rem
  }

.bootstrap-scope .md\:flex-none {
      flex: none
  }

.bootstrap-scope .md\:flex-1 {
      flex: 1 1 0%
  }

.bootstrap-scope .md\:flex-shrink-0 {
      flex-shrink: 0
  }

.bootstrap-scope .md\:scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .md\:grid-flow-col {
      grid-auto-flow: column
  }

.bootstrap-scope .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-cols-none {
      grid-template-columns: none
  }

.bootstrap-scope .md\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-rows-none {
      grid-template-rows: none
  }

.bootstrap-scope .md\:grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .md\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .md\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .md\:flex-col {
      flex-direction: column
  }

.bootstrap-scope .md\:flex-wrap {
      flex-wrap: wrap
  }

.bootstrap-scope .md\:flex-nowrap {
      flex-wrap: nowrap
  }

.bootstrap-scope .md\:place-items-center {
      place-items: center
  }

.bootstrap-scope .md\:items-start {
      align-items: flex-start
  }

.bootstrap-scope .md\:items-end {
      align-items: flex-end
  }

.bootstrap-scope .md\:items-center {
      align-items: center
  }

.bootstrap-scope .md\:items-stretch {
      align-items: stretch
  }

.bootstrap-scope .md\:justify-start {
      justify-content: flex-start
  }

.bootstrap-scope .md\:justify-end {
      justify-content: flex-end
  }

.bootstrap-scope .md\:justify-center {
      justify-content: center
  }

.bootstrap-scope .md\:justify-between {
      justify-content: space-between
  }

.bootstrap-scope .md\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .md\:gap-0 {
      gap: 0
  }

.bootstrap-scope .md\:gap-5 {
      gap: 1.25rem
  }

.bootstrap-scope .md\:gap-y-0 {
      row-gap: 0
  }

.bootstrap-scope .md\:gap-x-4 {
      -webkit-column-gap: 1rem;
      column-gap: 1rem
  }

.bootstrap-scope .md\:space-y-0>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px*var(--tw-space-y-reverse))
  }

.bootstrap-scope .md\:space-x-3>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem*var(--tw-space-x-reverse));
      margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:space-x-2>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem*var(--tw-space-x-reverse));
      margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:space-x-1>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.25rem*var(--tw-space-x-reverse));
      margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:space-x-4>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem*var(--tw-space-x-reverse));
      margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:space-x-6>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.5rem*var(--tw-space-x-reverse));
      margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:space-x-12>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(3rem*var(--tw-space-x-reverse));
      margin-left: calc(3rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .md\:justify-self-auto {
      justify-self: auto
  }

.bootstrap-scope .md\:overflow-visible {
      overflow: visible
  }

.bootstrap-scope .md\:whitespace-nowrap {
      white-space: nowrap
  }

.bootstrap-scope .md\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }

.bootstrap-scope .md\:rounded-t-lg {
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem
  }

.bootstrap-scope .md\:border-2 {
      border-width: 2px
  }

.bootstrap-scope .md\:border-r {
      border-right-width: 1px
  }

.bootstrap-scope .md\:border-l {
      border-left-width: 1px
  }

.bootstrap-scope .md\:bg-transparent {
      background-color: transparent
  }

.bootstrap-scope .md\:p-\[8px\] {
      padding: 8px
  }

.bootstrap-scope .md\:p-1 {
      padding: .25rem
  }

.bootstrap-scope .md\:p-6 {
      padding: 1.5rem
  }

.bootstrap-scope .md\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

.bootstrap-scope .md\:py-0 {
      padding-top: 0;
      padding-bottom: 0
  }

.bootstrap-scope .md\:py-0\.5 {
      padding-top: .125rem;
      padding-bottom: .125rem
  }

.bootstrap-scope .md\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

.bootstrap-scope .md\:py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem
  }

.bootstrap-scope .md\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }

.bootstrap-scope .md\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }

.bootstrap-scope .md\:px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }

.bootstrap-scope .md\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

.bootstrap-scope .md\:px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }

.bootstrap-scope .md\:py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem
  }

.bootstrap-scope .md\:px-1 {
      padding-left: .25rem;
      padding-right: .25rem
  }

.bootstrap-scope .md\:px-0\.5 {
      padding-left: .125rem;
      padding-right: .125rem
  }

.bootstrap-scope .md\:pl-4 {
      padding-left: 1rem
  }

.bootstrap-scope .md\:pr-6 {
      padding-right: 1.5rem
  }

.bootstrap-scope .md\:pb-0 {
      padding-bottom: 0
  }

.bootstrap-scope .md\:pl-6 {
      padding-left: 1.5rem
  }

.bootstrap-scope .md\:pl-\[16px\] {
      padding-left: 16px
  }

.bootstrap-scope .md\:pl-3 {
      padding-left: .75rem
  }

.bootstrap-scope .md\:pt-0 {
      padding-top: 0
  }

.bootstrap-scope .md\:pt-9 {
      padding-top: 2.25rem
  }

.bootstrap-scope .md\:pb-10 {
      padding-bottom: 2.5rem
  }

.bootstrap-scope .md\:pb-32 {
      padding-bottom: 8rem
  }

.bootstrap-scope .md\:pb-8 {
      padding-bottom: 2rem
  }

.bootstrap-scope .md\:text-left {
      text-align: left
  }

.bootstrap-scope .md\:text-right {
      text-align: right
  }

.bootstrap-scope .md\:text-sm {
      font-size: 1.025rem
  }

.bootstrap-scope .md\:text-lg {
      font-size: 1.275rem
  }

.bootstrap-scope .md\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity))
  }

.bootstrap-scope .md\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity))
  }

.bootstrap-scope .md\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity))
  }

.bootstrap-scope .md\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity))
  }

.bootstrap-scope .md\:shadow-none {
      --tw-shadow: 0 0 transparent;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
  }

.bootstrap-scope .md\:hover\:bg-gray-50:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
  }
}

@media (min-width:1024px) {
.bootstrap-scope .lg\:static {
      position: static
  }

.bootstrap-scope .lg\:fixed {
      position: fixed
  }

.bootstrap-scope .lg\:absolute {
      position: absolute
  }

.bootstrap-scope .lg\:sticky {
      position: sticky
  }

.bootstrap-scope .lg\:right-3 {
      right: .75rem
  }

.bootstrap-scope .lg\:top-3 {
      top: .75rem
  }

.bootstrap-scope .lg\:bottom-0 {
      bottom: 0
  }

.bootstrap-scope .lg\:top-0 {
      top: 0
  }

.bootstrap-scope .lg\:left-0 {
      left: 0
  }

.bootstrap-scope .lg\:top-\[8rem\] {
      top: 8rem
  }

.bootstrap-scope .lg\:top-auto {
      top: auto
  }

.bootstrap-scope .lg\:left-8 {
      left: 2rem
  }

.bootstrap-scope .lg\:top-\[25\%\] {
      top: 25%
  }

.bootstrap-scope .lg\:top-\[15\%\] {
      top: 15%
  }

.bootstrap-scope .lg\:right-\[27\%\] {
      right: 27%
  }

.bootstrap-scope .lg\:top-\[10\%\] {
      top: 10%
  }

.bootstrap-scope .lg\:-bottom-6 {
      bottom: -1.5rem
  }

.bootstrap-scope .lg\:right-\[18\%\] {
      right: 18%
  }

.bootstrap-scope .lg\:bottom-8 {
      bottom: 2rem
  }

.bootstrap-scope .lg\:-left-8 {
      left: -2rem
  }

.bootstrap-scope .lg\:order-1 {
      order: 1
  }

.bootstrap-scope .lg\:order-3 {
      order: 3
  }

.bootstrap-scope .lg\:order-last {
      order: 9999
  }

.bootstrap-scope .lg\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .lg\:col-span-10 {
      grid-column: span 10/span 10
  }

.bootstrap-scope .lg\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .lg\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .lg\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .lg\:col-span-12 {
      grid-column: span 12/span 12
  }

.bootstrap-scope .lg\:col-span-9 {
      grid-column: span 9/span 9
  }

.bootstrap-scope .lg\:col-span-5 {
      grid-column: span 5/span 5
  }

.bootstrap-scope .lg\:col-span-8 {
      grid-column: span 8/span 8
  }

.bootstrap-scope .lg\:col-start-1 {
      grid-column-start: 1
  }

.bootstrap-scope .lg\:col-start-3 {
      grid-column-start: 3
  }

.bootstrap-scope .lg\:col-start-4 {
      grid-column-start: 4
  }

.bootstrap-scope .lg\:row-start-1 {
      grid-row-start: 1
  }

.bootstrap-scope .lg\:-mx-8 {
      margin-left: -2rem;
      margin-right: -2rem
  }

.bootstrap-scope .lg\:mx-0 {
      margin-left: 0;
      margin-right: 0
  }

.bootstrap-scope .lg\:mx-8 {
      margin-left: 2rem;
      margin-right: 2rem
  }

.bootstrap-scope .lg\:mx-6 {
      margin-left: 1.5rem;
      margin-right: 1.5rem
  }

.bootstrap-scope .lg\:my-0 {
      margin-top: 0;
      margin-bottom: 0
  }

.bootstrap-scope .lg\:mx-3 {
      margin-left: .75rem;
      margin-right: .75rem
  }

.bootstrap-scope .lg\:-mx-2 {
      margin-left: -.5rem;
      margin-right: -.5rem
  }

.bootstrap-scope .lg\:my-2 {
      margin-top: .5rem;
      margin-bottom: .5rem
  }

.bootstrap-scope .lg\:-mx-4 {
      margin-left: -1rem;
      margin-right: -1rem
  }

.bootstrap-scope .lg\:my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem
  }

.bootstrap-scope .lg\:my-1 {
      margin-top: .25rem;
      margin-bottom: .25rem
  }

.bootstrap-scope .lg\:-mx-px {
      margin-left: -1px;
      margin-right: -1px
  }

.bootstrap-scope .lg\:my-px {
      margin-top: 1px;
      margin-bottom: 1px
  }

.bootstrap-scope .lg\:mt-0 {
      margin-top: 0
  }

.bootstrap-scope .lg\:ml-2 {
      margin-left: .5rem
  }

.bootstrap-scope .lg\:mr-2 {
      margin-right: .5rem
  }

.bootstrap-scope .lg\:-mt-0 {
      margin-top: 0
  }

.bootstrap-scope .lg\:ml-3 {
      margin-left: .75rem
  }

.bootstrap-scope .lg\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .lg\:mr-7 {
      margin-right: 1.75rem
  }

.bootstrap-scope .lg\:mr-0 {
      margin-right: 0
  }

.bootstrap-scope .lg\:mt-6 {
      margin-top: 1.5rem
  }

.bootstrap-scope .lg\:mr-4 {
      margin-right: 1rem
  }

.bootstrap-scope .lg\:mr-6 {
      margin-right: 1.5rem
  }

.bootstrap-scope .lg\:mb-2 {
      margin-bottom: .5rem
  }

.bootstrap-scope .lg\:mt-2 {
      margin-top: .5rem
  }

.bootstrap-scope .lg\:ml-\[-25\%\] {
      margin-left: -25%
  }

.bootstrap-scope .lg\:mr-1 {
      margin-right: .25rem
  }

.bootstrap-scope .lg\:mb-5 {
      margin-bottom: 1.25rem
  }

.bootstrap-scope .lg\:ml-0 {
      margin-left: 0
  }

.bootstrap-scope .lg\:mr-12 {
      margin-right: 3rem
  }

.bootstrap-scope .lg\:block {
      display: block
  }

.bootstrap-scope .lg\:inline-block {
      display: inline-block
  }

.bootstrap-scope .lg\:flex {
      display: flex
  }

.bootstrap-scope .lg\:grid {
      display: grid
  }

.bootstrap-scope .lg\:hidden {
      display: none
  }

.bootstrap-scope .lg\:h-\[300px\] {
      height: 300px
  }

.bootstrap-scope .lg\:h-12 {
      height: 3rem
  }

.bootstrap-scope .lg\:h-20 {
      height: 5rem
  }

.bootstrap-scope .lg\:h-\[12rem\] {
      height: 12rem
  }

.bootstrap-scope .lg\:h-0\.5 {
      height: .125rem
  }

.bootstrap-scope .lg\:h-0 {
      height: 0
  }

.bootstrap-scope .lg\:h-96 {
      height: 24rem
  }

.bootstrap-scope .lg\:h-14 {
      height: 3.5rem
  }

.bootstrap-scope .lg\:h-24 {
      height: 6rem
  }

.bootstrap-scope .lg\:h-screen {
      height: 100vh
  }

.bootstrap-scope .lg\:h-\[83\%\] {
      height: 83%
  }

.bootstrap-scope .lg\:h-auto {
      height: auto
  }

.bootstrap-scope .lg\:min-h-\[150px\] {
      min-height: 150px
  }

.bootstrap-scope .lg\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .lg\:w-6\/12 {
      width: 50%
  }

.bootstrap-scope .lg\:w-full {
      width: 100%
  }

.bootstrap-scope .lg\:w-8\/12 {
      width: 66.666667%
  }

.bootstrap-scope .lg\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .lg\:w-1\/4 {
      width: 25%
  }

.bootstrap-scope .lg\:w-96 {
      width: 24rem
  }

.bootstrap-scope .lg\:w-\[55\%\] {
      width: 55%
  }

.bootstrap-scope .lg\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .lg\:w-36 {
      width: 9rem
  }

.bootstrap-scope .lg\:w-\[15rem\] {
      width: 15rem
  }

.bootstrap-scope .lg\:w-12 {
      width: 3rem
  }

.bootstrap-scope .lg\:w-44 {
      width: 11rem
  }

.bootstrap-scope .lg\:w-2\/3 {
      width: 66.666667%
  }

.bootstrap-scope .lg\:w-60 {
      width: 15rem
  }

.bootstrap-scope .lg\:w-\[45\%\] {
      width: 45%
  }

.bootstrap-scope .lg\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .lg\:w-64 {
      width: 16rem
  }

.bootstrap-scope .lg\:w-auto {
      width: auto
  }

.bootstrap-scope .lg\:w-100 {
      width: 32.75rem
  }

.bootstrap-scope .lg\:w-14 {
      width: 3.5rem
  }

.bootstrap-scope .lg\:w-40,
.bootstrap-scope .lg\:w-\[10rem\] {
      width: 10rem
  }

.bootstrap-scope .lg\:w-52 {
      width: 13rem
  }

.bootstrap-scope .lg\:w-9\/12 {
      width: 75%
  }

.bootstrap-scope .lg\:min-w-\[1024px\] {
      min-width: 1024px
  }

.bootstrap-scope .lg\:max-w-none {
      max-width: none
  }

.bootstrap-scope .lg\:max-w-sm {
      max-width: 24rem
  }

.bootstrap-scope .lg\:max-w-3xl {
      max-width: 48rem
  }

.bootstrap-scope .lg\:flex-none {
      flex: none
  }

.bootstrap-scope .lg\:flex-1 {
      flex: 1 1 0%
  }

.bootstrap-scope .lg\:-translate-x-2\/4 {
      --tw-translate-x: -50%
  }

.bootstrap-scope .lg\:-translate-x-2\/4,
.bootstrap-scope .lg\:-translate-y-2\/4 {
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .lg\:-translate-y-2\/4 {
      --tw-translate-y: -50%
  }

.bootstrap-scope .lg\:translate-x-0 {
      --tw-translate-x: 0px
  }

.bootstrap-scope .lg\:scale-100,
.bootstrap-scope .lg\:translate-x-0 {
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .lg\:scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1
  }

.bootstrap-scope .lg\:transform-none {
      -webkit-transform: none;
      transform: none
  }

.bootstrap-scope .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .lg\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .lg\:flex-col {
      flex-direction: column
  }

.bootstrap-scope .lg\:flex-wrap {
      flex-wrap: wrap
  }

.bootstrap-scope .lg\:flex-nowrap {
      flex-wrap: nowrap
  }

.bootstrap-scope .lg\:items-center {
      align-items: center
  }

.bootstrap-scope .lg\:justify-start {
      justify-content: flex-start
  }

.bootstrap-scope .lg\:justify-end {
      justify-content: flex-end
  }

.bootstrap-scope .lg\:justify-center {
      justify-content: center
  }

.bootstrap-scope .lg\:justify-between {
      justify-content: space-between
  }

.bootstrap-scope .lg\:gap-12 {
      gap: 3rem
  }

.bootstrap-scope .lg\:gap-8 {
      gap: 2rem
  }

.bootstrap-scope .lg\:gap-0 {
      gap: 0
  }

.bootstrap-scope .lg\:gap-3 {
      gap: .75rem
  }

.bootstrap-scope .lg\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .lg\:gap-16 {
      gap: 4rem
  }

.bootstrap-scope .lg\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .lg\:gap-x-8 {
      -webkit-column-gap: 2rem;
      column-gap: 2rem
  }

.bootstrap-scope .lg\:gap-y-0 {
      row-gap: 0
  }

.bootstrap-scope .lg\:gap-x-0 {
      -webkit-column-gap: 0;
      column-gap: 0
  }

.bootstrap-scope .lg\:gap-x-4 {
      -webkit-column-gap: 1rem;
      column-gap: 1rem
  }

.bootstrap-scope .lg\:space-x-4>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem*var(--tw-space-x-reverse));
      margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .lg\:space-x-3>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem*var(--tw-space-x-reverse));
      margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .lg\:space-x-0>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0px*var(--tw-space-x-reverse));
      margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .lg\:space-y-0>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px*var(--tw-space-y-reverse))
  }

.bootstrap-scope .lg\:space-y-2>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
  }

.bootstrap-scope .lg\:whitespace-normal {
      white-space: normal
  }

.bootstrap-scope .lg\:whitespace-nowrap {
      white-space: nowrap
  }

.bootstrap-scope .lg\:rounded-3xl {
      border-radius: 1.5rem
  }

.bootstrap-scope .lg\:rounded-none {
      border-radius: 0
  }

.bootstrap-scope .lg\:border-0 {
      border-width: 0
  }

.bootstrap-scope .lg\:border-b {
      border-bottom-width: 1px
  }

.bootstrap-scope .lg\:border-l {
      border-left-width: 1px
  }

.bootstrap-scope .lg\:border-r {
      border-right-width: 1px
  }

.bootstrap-scope .lg\:border-t {
      border-top-width: 1px
  }

.bootstrap-scope .lg\:border-b-0 {
      border-bottom-width: 0
  }

.bootstrap-scope .lg\:border-l-0 {
      border-left-width: 0
  }

.bootstrap-scope .lg\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity))
  }

.bootstrap-scope .lg\:bg-transparent {
      background-color: transparent
  }

.bootstrap-scope .lg\:p-0 {
      padding: 0
  }

.bootstrap-scope .lg\:p-4 {
      padding: 1rem
  }

.bootstrap-scope .lg\:p-8 {
      padding: 2rem
  }

.bootstrap-scope .lg\:p-5 {
      padding: 1.25rem
  }

.bootstrap-scope .lg\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

.bootstrap-scope .lg\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem
  }

.bootstrap-scope .lg\:px-20 {
      padding-left: 5rem;
      padding-right: 5rem
  }

.bootstrap-scope .lg\:px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }

.bootstrap-scope .lg\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

.bootstrap-scope .lg\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }

.bootstrap-scope .lg\:px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }

.bootstrap-scope .lg\:py-6 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem
  }

.bootstrap-scope .lg\:px-1 {
      padding-left: .25rem;
      padding-right: .25rem
  }

.bootstrap-scope .lg\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

.bootstrap-scope .lg\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }

.bootstrap-scope .lg\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }

.bootstrap-scope .lg\:px-px {
      padding-left: 1px;
      padding-right: 1px
  }

.bootstrap-scope .lg\:pl-0 {
      padding-left: 0
  }

.bootstrap-scope .lg\:pl-3 {
      padding-left: .75rem
  }

.bootstrap-scope .lg\:pr-4 {
      padding-right: 1rem
  }

.bootstrap-scope .lg\:pl-8 {
      padding-left: 2rem
  }

.bootstrap-scope .lg\:pr-0 {
      padding-right: 0
  }

.bootstrap-scope .lg\:pl-9 {
      padding-left: 2.25rem
  }

.bootstrap-scope .lg\:pl-12 {
      padding-left: 3rem
  }

.bootstrap-scope .lg\:pb-0 {
      padding-bottom: 0
  }

.bootstrap-scope .lg\:pb-2 {
      padding-bottom: .5rem
  }

.bootstrap-scope .lg\:pb-4 {
      padding-bottom: 1rem
  }

.bootstrap-scope .lg\:pl-5 {
      padding-left: 1.25rem
  }

.bootstrap-scope .lg\:text-center {
      text-align: center
  }

.bootstrap-scope .lg\:text-base {
      font-size: 1.15rem
  }

.bootstrap-scope .lg\:text-sm {
      font-size: 1.025rem
  }

.bootstrap-scope .lg\:text-xl {
      font-size: 1.4rem
  }

.bootstrap-scope .lg\:text-lg {
      font-size: 1.275rem
  }
}

@media (min-width:1280px) {
.bootstrap-scope .xl\:absolute {
      position: absolute
  }

.bootstrap-scope .xl\:relative {
      position: relative
  }

.bootstrap-scope .xl\:sticky {
      position: sticky
  }

.bootstrap-scope .xl\:left-20 {
      left: 5rem
  }

.bootstrap-scope .xl\:top-16 {
      top: 4rem
  }

.bootstrap-scope .xl\:bottom-auto {
      bottom: auto
  }

.bootstrap-scope .xl\:top-0 {
      top: 0
  }

.bootstrap-scope .xl\:right-0 {
      right: 0
  }

.bootstrap-scope .xl\:top-3 {
      top: .75rem
  }

.bootstrap-scope .xl\:-right-10 {
      right: -2.5rem
  }

.bootstrap-scope .xl\:bottom-7 {
      bottom: 1.75rem
  }

.bootstrap-scope .xl\:-bottom-8 {
      bottom: -2rem
  }

.bootstrap-scope .xl\:-left-12 {
      left: -3rem
  }

.bootstrap-scope .xl\:order-last {
      order: 9999
  }

.bootstrap-scope .xl\:order-none {
      order: 0
  }

.bootstrap-scope .xl\:col-span-12 {
      grid-column: span 12/span 12
  }

.bootstrap-scope .xl\:col-span-10 {
      grid-column: span 10/span 10
  }

.bootstrap-scope .xl\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .xl\:col-span-8 {
      grid-column: span 8/span 8
  }

.bootstrap-scope .xl\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .xl\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .xl\:col-span-9 {
      grid-column: span 9/span 9
  }

.bootstrap-scope .xl\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .xl\:col-span-5 {
      grid-column: span 5/span 5
  }

.bootstrap-scope .xl\:col-span-7 {
      grid-column: span 7/span 7
  }

.bootstrap-scope .xl\:col-span-1 {
      grid-column: span 1/span 1
  }

.bootstrap-scope .xl\:mx-0 {
      margin-left: 0;
      margin-right: 0
  }

.bootstrap-scope .xl\:-mx-2 {
      margin-left: -.5rem;
      margin-right: -.5rem
  }

.bootstrap-scope .xl\:my-2 {
      margin-top: .5rem;
      margin-bottom: .5rem
  }

.bootstrap-scope .xl\:-mx-4 {
      margin-left: -1rem;
      margin-right: -1rem
  }

.bootstrap-scope .xl\:my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem
  }

.bootstrap-scope .xl\:-mx-px {
      margin-left: -1px;
      margin-right: -1px
  }

.bootstrap-scope .xl\:my-px {
      margin-top: 1px;
      margin-bottom: 1px
  }

.bootstrap-scope .xl\:mt-36 {
      margin-top: 9rem
  }

.bootstrap-scope .xl\:mt-2 {
      margin-top: .5rem
  }

.bootstrap-scope .xl\:mr-2 {
      margin-right: .5rem
  }

.bootstrap-scope .xl\:mr-12 {
      margin-right: 3rem
  }

.bootstrap-scope .xl\:mt-0 {
      margin-top: 0
  }

.bootstrap-scope .xl\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .xl\:ml-0 {
      margin-left: 0
  }

.bootstrap-scope .xl\:ml-1 {
      margin-left: .25rem
  }

.bootstrap-scope .xl\:mr-0 {
      margin-right: 0
  }

.bootstrap-scope .xl\:mb-6 {
      margin-bottom: 1.5rem
  }

.bootstrap-scope .xl\:ml-\[-20\%\] {
      margin-left: -20%
  }

.bootstrap-scope .xl\:ml-2 {
      margin-left: .5rem
  }

.bootstrap-scope .xl\:mr-1 {
      margin-right: .25rem
  }

.bootstrap-scope .xl\:ml-4 {
      margin-left: 1rem
  }

.bootstrap-scope .xl\:mr-3 {
      margin-right: .75rem
  }

.bootstrap-scope .xl\:mb-8 {
      margin-bottom: 2rem
  }

.bootstrap-scope .xl\:block {
      display: block
  }

.bootstrap-scope .xl\:flex {
      display: flex
  }

.bootstrap-scope .xl\:h-\[320px\] {
      height: 320px
  }

.bootstrap-scope .xl\:h-10 {
      height: 2.5rem
  }

.bootstrap-scope .xl\:h-24 {
      height: 6rem
  }

.bootstrap-scope .xl\:h-\[14rem\] {
      height: 14rem
  }

.bootstrap-scope .xl\:h-80 {
      height: 20rem
  }

.bootstrap-scope .xl\:h-16 {
      height: 4rem
  }

.bootstrap-scope .xl\:h-full {
      height: 100%
  }

.bootstrap-scope .xl\:h-\[95\%\] {
      height: 95%
  }

.bootstrap-scope .xl\:max-h-40 {
      max-height: 10rem
  }

.bootstrap-scope .xl\:w-containerMain {
      width: 71.25rem
  }

.bootstrap-scope .xl\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .xl\:w-4\/5 {
      width: 80%
  }

.bootstrap-scope .xl\:w-\[27rem\] {
      width: 27rem
  }

.bootstrap-scope .xl\:w-full {
      width: 100%
  }

.bootstrap-scope .xl\:w-3\/12 {
      width: 25%
  }

.bootstrap-scope .xl\:w-9\/12 {
      width: 75%
  }

.bootstrap-scope .xl\:w-11\/12 {
      width: 91.666667%
  }

.bootstrap-scope .xl\:w-\[40\%\] {
      width: 40%
  }

.bootstrap-scope .xl\:w-64 {
      width: 16rem
  }

.bootstrap-scope .xl\:w-2\/3 {
      width: 66.666667%
  }

.bootstrap-scope .xl\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .xl\:w-1\/4 {
      width: 25%
  }

.bootstrap-scope .xl\:w-40 {
      width: 10rem
  }

.bootstrap-scope .xl\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .xl\:w-\[13\.5rem\] {
      width: 13.5rem
  }

.bootstrap-scope .xl\:w-10 {
      width: 2.5rem
  }

.bootstrap-scope .xl\:w-48 {
      width: 12rem
  }

.bootstrap-scope .xl\:w-2\/4 {
      width: 50%
  }

.bootstrap-scope .xl\:w-\[37rem\] {
      width: 37rem
  }

.bootstrap-scope .xl\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .xl\:w-auto {
      width: auto
  }

.bootstrap-scope .xl\:w-3\/5 {
      width: 60%
  }

.bootstrap-scope .xl\:w-2\/5 {
      width: 40%
  }

.bootstrap-scope .xl\:w-28 {
      width: 7rem
  }

.bootstrap-scope .xl\:w-24 {
      width: 6rem
  }

.bootstrap-scope .xl\:w-44 {
      width: 11rem
  }

.bootstrap-scope .xl\:w-16 {
      width: 4rem
  }

.bootstrap-scope .xl\:w-56 {
      width: 14rem
  }

.bootstrap-scope .xl\:w-2\/6 {
      width: 33.333333%
  }

.bootstrap-scope .xl\:w-3\/6 {
      width: 50%
  }

.bootstrap-scope .xl\:w-80 {
      width: 20rem
  }

.bootstrap-scope .xl\:max-w-3xl {
      max-width: 48rem
  }

.bootstrap-scope .xl\:flex-1 {
      flex: 1 1 0%
  }

.bootstrap-scope .xl\:translate-y-0 {
      --tw-translate-y: 0px
  }

.bootstrap-scope .xl\:-translate-y-1\/2,
.bootstrap-scope .xl\:translate-y-0 {
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .xl\:-translate-y-1\/2 {
      --tw-translate-y: -50%
  }

.bootstrap-scope .xl\:scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      -webkit-transform: var(--tw-transform);
      transform: var(--tw-transform)
  }

.bootstrap-scope .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .xl\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .xl\:flex-col {
      flex-direction: column
  }

.bootstrap-scope .xl\:items-start {
      align-items: flex-start
  }

.bootstrap-scope .xl\:items-center {
      align-items: center
  }

.bootstrap-scope .xl\:justify-start {
      justify-content: flex-start
  }

.bootstrap-scope .xl\:justify-end {
      justify-content: flex-end
  }

.bootstrap-scope .xl\:justify-center {
      justify-content: center
  }

.bootstrap-scope .xl\:justify-between {
      justify-content: space-between
  }

.bootstrap-scope .xl\:gap-0 {
      gap: 0
  }

.bootstrap-scope .xl\:gap-8 {
      gap: 2rem
  }

.bootstrap-scope .xl\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .xl\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .xl\:gap-2 {
      gap: .5rem
  }

.bootstrap-scope .xl\:gap-3 {
      gap: .75rem
  }

.bootstrap-scope .xl\:gap-y-0 {
      row-gap: 0
  }

.bootstrap-scope .xl\:gap-x-16 {
      -webkit-column-gap: 4rem;
      column-gap: 4rem
  }

.bootstrap-scope .xl\:gap-x-4 {
      -webkit-column-gap: 1rem;
      column-gap: 1rem
  }

.bootstrap-scope .xl\:space-x-3>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem*var(--tw-space-x-reverse));
      margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .xl\:space-x-8>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2rem*var(--tw-space-x-reverse));
      margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .xl\:space-x-4>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem*var(--tw-space-x-reverse));
      margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .xl\:space-y-6>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
  }

.bootstrap-scope .xl\:space-y-4>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1rem*var(--tw-space-y-reverse))
  }

.bootstrap-scope .xl\:space-x-7>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.75rem*var(--tw-space-x-reverse));
      margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .xl\:overflow-visible {
      overflow: visible
  }

.bootstrap-scope .xl\:overflow-y-auto {
      overflow-y: auto
  }

.bootstrap-scope .xl\:overflow-x-visible {
      overflow-x: visible
  }

.bootstrap-scope .xl\:border-0 {
      border-width: 0
  }

.bootstrap-scope .xl\:p-12 {
      padding: 3rem
  }

.bootstrap-scope .xl\:p-4 {
      padding: 1rem
  }

.bootstrap-scope .xl\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

.bootstrap-scope .xl\:px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }

.bootstrap-scope .xl\:px-24 {
      padding-left: 6rem;
      padding-right: 6rem
  }

.bootstrap-scope .xl\:px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }

.bootstrap-scope .xl\:py-3 {
      padding-top: .75rem;
      padding-bottom: .75rem
  }

.bootstrap-scope .xl\:px-1 {
      padding-left: .25rem;
      padding-right: .25rem
  }

.bootstrap-scope .xl\:px-9 {
      padding-left: 2.25rem;
      padding-right: 2.25rem
  }

.bootstrap-scope .xl\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }

.bootstrap-scope .xl\:py-2\.5 {
      padding-top: .625rem;
      padding-bottom: .625rem
  }

.bootstrap-scope .xl\:py-2 {
      padding-top: .5rem;
      padding-bottom: .5rem
  }

.bootstrap-scope .xl\:py-1 {
      padding-top: .25rem;
      padding-bottom: .25rem
  }

.bootstrap-scope .xl\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }

.bootstrap-scope .xl\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

.bootstrap-scope .xl\:px-px {
      padding-left: 1px;
      padding-right: 1px
  }

.bootstrap-scope .xl\:pt-0 {
      padding-top: 0
  }

.bootstrap-scope .xl\:pr-0 {
      padding-right: 0
  }

.bootstrap-scope .xl\:pb-48 {
      padding-bottom: 12rem
  }

.bootstrap-scope .xl\:pb-20 {
      padding-bottom: 5rem
  }

.bootstrap-scope .xl\:pr-5 {
      padding-right: 1.25rem
  }

.bootstrap-scope .xl\:pl-4 {
      padding-left: 1rem
  }

.bootstrap-scope .xl\:pt-\[35\%\] {
      padding-top: 35%
  }

.bootstrap-scope .xl\:text-left {
      text-align: left
  }

.bootstrap-scope .xl\:text-3xl {
      font-size: 1.875rem
  }

.bootstrap-scope .xl\:text-2xl {
      font-size: 1.5rem
  }

.bootstrap-scope .xl\:text-4xl {
      font-size: 2.25rem
  }

.bootstrap-scope .xl\:text-6xl {
      font-size: 4rem
  }

.bootstrap-scope .xl\:text-xl {
      font-size: 1.4rem
  }

.bootstrap-scope .xl\:leading-none {
      line-height: 1
  }
}

@media (min-width:1366px) {
.bootstrap-scope .\31xl\:left-0 {
      left: 0
  }

.bootstrap-scope .\31xl\:top-0 {
      top: 0
  }

.bootstrap-scope .\31xl\:-top-1 {
      top: -.25rem
  }

.bootstrap-scope .\31xl\:z-20 {
      z-index: 20
  }

.bootstrap-scope .\31xl\:order-last {
      order: 9999
  }

.bootstrap-scope .\31xl\:my-3 {
      margin-top: .75rem;
      margin-bottom: .75rem
  }

.bootstrap-scope .\31xl\:w-\[27rem\] {
      width: 27rem
  }

.bootstrap-scope .\31xl\:w-\[35\%\] {
      width: 35%
  }

.bootstrap-scope .\31xl\:w-2\/4 {
      width: 50%
  }

.bootstrap-scope .\31xl\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .\31xl\:w-1\/4 {
      width: 25%
  }

.bootstrap-scope .\31xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .\31xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .\31xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .\31xl\:grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .\31xl\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .\31xl\:items-end {
      align-items: flex-end
  }

.bootstrap-scope .\31xl\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
  }

.bootstrap-scope .\31xl\:p-3 {
      padding: .75rem
  }

.bootstrap-scope .\31xl\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }

.bootstrap-scope .\31xl\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }

.bootstrap-scope .\31xl\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

.bootstrap-scope .\31xl\:pr-4 {
      padding-right: 1rem
  }

.bootstrap-scope .\31xl\:pt-\[45\.25\%\] {
      padding-top: 45.25%
  }
}

@media (min-width:1536px) {
.bootstrap-scope .\32xl\:relative {
      position: relative
  }

.bootstrap-scope .\32xl\:top-5 {
      top: 1.25rem
  }

.bootstrap-scope .\32xl\:bottom-1 {
      bottom: .25rem
  }

.bootstrap-scope .\32xl\:-left-20 {
      left: -5rem
  }

.bootstrap-scope .\32xl\:order-none {
      order: 0
  }

.bootstrap-scope .\32xl\:order-last {
      order: 9999
  }

.bootstrap-scope .\32xl\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .\32xl\:col-span-5 {
      grid-column: span 5/span 5
  }

.bootstrap-scope .\32xl\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .\32xl\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .\32xl\:mr-16 {
      margin-right: 4rem
  }

.bootstrap-scope .\32xl\:mr-\[3\.5rem\] {
      margin-right: 3.5rem
  }

.bootstrap-scope .\32xl\:mt-10 {
      margin-top: 2.5rem
  }

.bootstrap-scope .\32xl\:mt-0 {
      margin-top: 0
  }

.bootstrap-scope .\32xl\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .\32xl\:ml-2 {
      margin-left: .5rem
  }

.bootstrap-scope .\32xl\:flex {
      display: flex
  }

.bootstrap-scope .\32xl\:h-\[400px\] {
      height: 400px
  }

.bootstrap-scope .\32xl\:h-10 {
      height: 2.5rem
  }

.bootstrap-scope .\32xl\:h-32 {
      height: 8rem
  }

.bootstrap-scope .\32xl\:h-\[16rem\] {
      height: 16rem
  }

.bootstrap-scope .\32xl\:min-h-3rem {
      min-height: 3rem
  }

.bootstrap-scope .\32xl\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .\32xl\:w-4\/5 {
      width: 80%
  }

.bootstrap-scope .\32xl\:w-11\/12 {
      width: 91.666667%
  }

.bootstrap-scope .\32xl\:w-\[17rem\] {
      width: 17rem
  }

.bootstrap-scope .\32xl\:w-10 {
      width: 2.5rem
  }

.bootstrap-scope .\32xl\:w-56 {
      width: 14rem
  }

.bootstrap-scope .\32xl\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .\32xl\:w-52 {
      width: 13rem
  }

.bootstrap-scope .\32xl\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .\32xl\:w-\[13rem\] {
      width: 13rem
  }

.bootstrap-scope .\32xl\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .\32xl\:flex-none {
      flex: none
  }

.bootstrap-scope .\32xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .\32xl\:flex-row {
      flex-direction: row
  }

.bootstrap-scope .\32xl\:flex-col {
      flex-direction: column
  }

.bootstrap-scope .\32xl\:flex-nowrap {
      flex-wrap: nowrap
  }

.bootstrap-scope .\32xl\:items-start {
      align-items: flex-start
  }

.bootstrap-scope .\32xl\:items-end {
      align-items: flex-end
  }

.bootstrap-scope .\32xl\:items-center {
      align-items: center
  }

.bootstrap-scope .\32xl\:justify-start {
      justify-content: flex-start
  }

.bootstrap-scope .\32xl\:justify-end {
      justify-content: flex-end
  }

.bootstrap-scope .\32xl\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .\32xl\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .\32xl\:gap-3 {
      gap: .75rem
  }

.bootstrap-scope .\32xl\:gap-2 {
      gap: .5rem
  }

.bootstrap-scope .\32xl\:gap-x-4 {
      -webkit-column-gap: 1rem;
      column-gap: 1rem
  }

.bootstrap-scope .\32xl\:space-x-12>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(3rem*var(--tw-space-x-reverse));
      margin-left: calc(3rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .\32xl\:border {
      border-width: 1px
  }

.bootstrap-scope .\32xl\:p-\[14px\] {
      padding: 14px
  }

.bootstrap-scope .\32xl\:p-4 {
      padding: 1rem
  }

.bootstrap-scope .\32xl\:p-6 {
      padding: 1.5rem
  }

.bootstrap-scope .\32xl\:px-9 {
      padding-left: 2.25rem;
      padding-right: 2.25rem
  }

.bootstrap-scope .\32xl\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem
  }

.bootstrap-scope .\32xl\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

.bootstrap-scope .\32xl\:py-2\.5 {
      padding-top: .625rem;
      padding-bottom: .625rem
  }

.bootstrap-scope .\32xl\:py-2 {
      padding-top: .5rem;
      padding-bottom: .5rem
  }

.bootstrap-scope .\32xl\:py-1\.5 {
      padding-top: .375rem;
      padding-bottom: .375rem
  }

.bootstrap-scope .\32xl\:py-1 {
      padding-top: .25rem;
      padding-bottom: .25rem
  }

.bootstrap-scope .\32xl\:pr-0 {
      padding-right: 0
  }

.bootstrap-scope .\32xl\:pl-\[28px\] {
      padding-left: 28px
  }

.bootstrap-scope .\32xl\:pr-\[3\.5rem\] {
      padding-right: 3.5rem
  }

.bootstrap-scope .\32xl\:pl-3 {
      padding-left: .75rem
  }

.bootstrap-scope .\32xl\:pr-3 {
      padding-right: .75rem
  }

.bootstrap-scope .\32xl\:pl-5 {
      padding-left: 1.25rem
  }

.bootstrap-scope .\32xl\:pb-10 {
      padding-bottom: 2.5rem
  }

.bootstrap-scope .\32xl\:pb-6 {
      padding-bottom: 1.5rem
  }

.bootstrap-scope .\32xl\:text-xl {
      font-size: 1.4rem
  }

.bootstrap-scope .\32xl\:text-lg {
      font-size: 1.275rem
  }

.bootstrap-scope .xxl\:left-44 {
      left: 11rem
  }

.bootstrap-scope .xxl\:right-\[18\%\] {
      right: 18%
  }

.bootstrap-scope .xxl\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .xxl\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .xxl\:col-span-10 {
      grid-column: span 10/span 10
  }

.bootstrap-scope .xxl\:mt-5 {
      margin-top: 1.25rem
  }

.bootstrap-scope .xxl\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .xxl\:ml-3 {
      margin-left: .75rem
  }

.bootstrap-scope .xxl\:mr-6 {
      margin-right: 1.5rem
  }

.bootstrap-scope .xxl\:block {
      display: block
  }

.bootstrap-scope .xxl\:flex {
      display: flex
  }

.bootstrap-scope .xxl\:w-\[27rem\] {
      width: 27rem
  }

.bootstrap-scope .xxl\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .xxl\:w-3\/12 {
      width: 25%
  }

.bootstrap-scope .xxl\:w-40 {
      width: 10rem
  }

.bootstrap-scope .xxl\:w-2\/5 {
      width: 40%
  }

.bootstrap-scope .xxl\:w-3\/5 {
      width: 60%
  }

.bootstrap-scope .xxl\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .xxl\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .xxl\:w-96 {
      width: 24rem
  }

.bootstrap-scope .xxl\:w-80 {
      width: 20rem
  }

.bootstrap-scope .xxl\:w-\[50\%\] {
      width: 50%
  }

.bootstrap-scope .xxl\:w-card27 {
      width: 27rem
  }

.bootstrap-scope .xxl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .xxl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .xxl\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .xxl\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

.bootstrap-scope .xxl\:pr-0 {
      padding-right: 0
  }
}

@media (min-width:1920px) {
.bootstrap-scope .xxxl\:left-52 {
      left: 13rem
  }

.bootstrap-scope .xxxl\:col-span-2 {
      grid-column: span 2/span 2
  }

.bootstrap-scope .xxxl\:col-span-6 {
      grid-column: span 6/span 6
  }

.bootstrap-scope .xxxl\:col-span-3 {
      grid-column: span 3/span 3
  }

.bootstrap-scope .xxxl\:col-span-4 {
      grid-column: span 4/span 4
  }

.bootstrap-scope .xxxl\:col-span-5 {
      grid-column: span 5/span 5
  }

.bootstrap-scope .xxxl\:my-6 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem
  }

.bootstrap-scope .xxxl\:mr-24 {
      margin-right: 6rem
  }

.bootstrap-scope .xxxl\:mb-0 {
      margin-bottom: 0
  }

.bootstrap-scope .xxxl\:mr-12 {
      margin-right: 3rem
  }

.bootstrap-scope .xxxl\:h-14 {
      height: 3.5rem
  }

.bootstrap-scope .xxxl\:h-12 {
      height: 3rem
  }

.bootstrap-scope .xxxl\:h-11 {
      height: 2.75rem
  }

.bootstrap-scope .xxxl\:h-\[500px\] {
      height: 500px
  }

.bootstrap-scope .xxxl\:h-10 {
      height: 2.5rem
  }

.bootstrap-scope .xxxl\:h-36 {
      height: 9rem
  }

.bootstrap-scope .xxxl\:h-\[17rem\] {
      height: 17rem
  }

.bootstrap-scope .xxxl\:w-100 {
      width: 32.75rem
  }

.bootstrap-scope .xxxl\:w-10\/12 {
      width: 83.333333%
  }

.bootstrap-scope .xxxl\:w-4\/12 {
      width: 33.333333%
  }

.bootstrap-scope .xxxl\:w-\[47rem\] {
      width: 47rem
  }

.bootstrap-scope .xxxl\:w-1\/3 {
      width: 33.333333%
  }

.bootstrap-scope .xxxl\:w-1\/2 {
      width: 50%
  }

.bootstrap-scope .xxxl\:w-\[17rem\] {
      width: 17rem
  }

.bootstrap-scope .xxxl\:w-10 {
      width: 2.5rem
  }

.bootstrap-scope .xxxl\:w-60 {
      width: 15rem
  }

.bootstrap-scope .xxxl\:w-3\/4 {
      width: 75%
  }

.bootstrap-scope .xxxl\:w-1\/4 {
      width: 25%
  }

.bootstrap-scope .xxxl\:w-2\/5 {
      width: 40%
  }

.bootstrap-scope .xxxl\:w-\[16rem\] {
      width: 16rem
  }

.bootstrap-scope .xxxl\:max-w-none {
      max-width: none
  }

.bootstrap-scope .xxxl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }

.bootstrap-scope .xxxl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }

.bootstrap-scope .xxxl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }

.bootstrap-scope .xxxl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }

.bootstrap-scope .xxxl\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr))
  }

.bootstrap-scope .xxxl\:items-end {
      align-items: flex-end
  }

.bootstrap-scope .xxxl\:items-center {
      align-items: center
  }

.bootstrap-scope .xxxl\:gap-8 {
      gap: 2rem
  }

.bootstrap-scope .xxxl\:gap-6 {
      gap: 1.5rem
  }

.bootstrap-scope .xxxl\:gap-60 {
      gap: 15rem
  }

.bootstrap-scope .xxxl\:gap-4 {
      gap: 1rem
  }

.bootstrap-scope .xxxl\:gap-3 {
      gap: .75rem
  }

.bootstrap-scope .xxxl\:gap-y-12 {
      row-gap: 3rem
  }

.bootstrap-scope .xxxl\:space-x-6>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.5rem*var(--tw-space-x-reverse));
      margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
  }

.bootstrap-scope .xxxl\:border-2 {
      border-width: 2px
  }

.bootstrap-scope .xxxl\:p-\[16px\] {
      padding: 16px
  }

.bootstrap-scope .xxxl\:px-14 {
      padding-left: 3.5rem;
      padding-right: 3.5rem
  }

.bootstrap-scope .xxxl\:py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem
  }

.bootstrap-scope .xxxl\:py-6 {
      padding-bottom: 1.5rem
  }

.bootstrap-scope .xxxl\:pt-6,
.bootstrap-scope .xxxl\:py-6 {
      padding-top: 1.5rem
  }

.bootstrap-scope .xxxl\:pl-\[32px\] {
      padding-left: 32px
  }

.bootstrap-scope .xxxl\:pr-24 {
      padding-right: 6rem
  }

.bootstrap-scope .xxxl\:pr-0 {
      padding-right: 0
  }

.bootstrap-scope .xxxl\:pb-10 {
      padding-bottom: 2.5rem
  }

.bootstrap-scope .xxxl\:pt-\[50\%\] {
      padding-top: 50%
  }

.bootstrap-scope .xxxl\:text-2xl {
      font-size: 1.5rem
  }

.bootstrap-scope .xxxl\:text-lg {
      font-size: 1.275rem
  }

.bootstrap-scope .xxxl\:text-xl {
      font-size: 1.4rem
  }

.bootstrap-scope .xxxl\:text-base {
      font-size: 1.15rem
  }

.bootstrap-scope .xxxl\:text-sm {
      font-size: 1.025rem
  }
}